commit 6a01524fc18007a785100a512d37f3fd47e7da3f
Author: James Wu <jameswu@yuyuecha.com>
Date:   Tue Apr 14 14:44:14 2026 +0800

    Initial commit: 愉悦查官网（清理所有备份）

diff --git a/DEPLOY.md b/DEPLOY.md
new file mode 100644
index 0000000..c101e44
--- /dev/null
+++ b/DEPLOY.md
@@ -0,0 +1,250 @@
+# DEPLOY.md - 愉悦查官网 (yuyuecha.com.cn) 更新部署
+
+## 项目信息
+- **项目名称**: 愉悦查官网 V2.0 更新
+- **域名**: yuyuecha.com.cn / www.yuyuecha.com.cn
+- **更新内容**: 全站导航栏/Footer统一、Logo优化、SEO标签注入、GEO文件部署
+- **部署包**: yuyuecha_fixed.tar.gz
+
+---
+
+## 第一步：备份现有网站
+
+> ⚠️ 必须先完成备份，确认备份文件完整后再进行部署。
+
+```bash
+# 1. 进入网站根目录（根据实际路径调整）
+cd /www/wwwroot/yuyuecha.com.cn
+
+# 2. 创建带时间戳的备份目录
+BACKUP_DIR="/www/backup/yuyuecha_$(date +%Y%m%d_%H%M%S)"
+mkdir -p "$BACKUP_DIR"
+
+# 3. 完整备份当前网站
+cp -r /www/wwwroot/yuyuecha.com.cn/* "$BACKUP_DIR/"
+cp -r /www/wwwroot/yuyuecha.com.cn/.* "$BACKUP_DIR/" 2>/dev/null
+
+# 4. 同时打一个 tar 包备份
+tar czf "${BACKUP_DIR}.tar.gz" -C /www/wwwroot yuyuecha.com.cn/
+
+# 5. 验证备份完整性
+echo "=== 备份验证 ==="
+echo "备份目录: $BACKUP_DIR"
+echo "备份文件数: $(find "$BACKUP_DIR" -type f | wc -l)"
+echo "备份大小: $(du -sh "$BACKUP_DIR" | cut -f1)"
+echo "tar包大小: $(ls -lh "${BACKUP_DIR}.tar.gz" | awk '{print $5}')"
+ls -la "$BACKUP_DIR"/index.html && echo "✅ 备份验证通过" || echo "❌ 备份异常，停止部署"
+```
+
+**检查点**: 确认输出显示 `✅ 备份验证通过` 后再继续。如果显示 `❌ 备份异常`，停止执行并报告错误。
+
+---
+
+## 第二步：下载并解压新版代码
+
+```bash
+# 1. 进入临时目录
+cd /tmp
+
+# 2. 下载新版部署包（二选一，根据实际文件位置）
+# 方式A：从本地上传路径复制
+cp /path/to/yuyuecha_fixed.tar.gz /tmp/
+
+# 方式B：如果已放到服务器上的某个路径
+# cp /root/yuyuecha_fixed.tar.gz /tmp/
+
+# 3. 解压到临时目录
+tar xzf /tmp/yuyuecha_fixed.tar.gz -C /tmp/
+
+# 4. 检查解压结果
+echo "=== 新版文件检查 ==="
+ls -la /tmp/yuyuecha/index.html
+ls -la /tmp/yuyuecha/llms.txt
+ls -la /tmp/yuyuecha/assets/logo-nav.png
+echo "文件总数: $(find /tmp/yuyuecha -type f | wc -l)"
+```
+
+---
+
+## 第三步：部署新版网站
+
+```bash
+# 1. 进入网站根目录
+cd /www/wwwroot/yuyuecha.com.cn
+
+# 2. 先删除旧的备份文件（.bak文件，节省空间）
+find . -name "*.bak.*" -delete
+find . -name "*.broken.*" -delete
+find . -name "*.backup" -delete
+find . -name "*.restored" -delete
+
+# 3. 覆盖部署新版文件
+# 使用 rsync 保留未修改的文件，只更新变化的部分
+rsync -av --exclude='.git' --exclude='*.bak.*' /tmp/yuyuecha/ /www/wwwroot/yuyuecha.com.cn/
+
+# 4. 确保文件权限正确
+chown -R www:www /www/wwwroot/yuyuecha.com.cn/
+chmod -R 755 /www/wwwroot/yuyuecha.com.cn/
+chmod 644 /www/wwwroot/yuyuecha.com.cn/*.html
+chmod 644 /www/wwwroot/yuyuecha.com.cn/product/*.html
+chmod 644 /www/wwwroot/yuyuecha.com.cn/assets/*.png
+chmod 644 /www/wwwroot/yuyuecha.com.cn/robots.txt
+chmod 644 /www/wwwroot/yuyuecha.com.cn/sitemap.xml
+chmod 644 /www/wwwroot/yuyuecha.com.cn/llms.txt
+```
+
+---
+
+## 第四步：部署验证
+
+```bash
+echo "========================================="
+echo "  愉悦查官网部署验证"
+echo "========================================="
+
+SITE_ROOT="/www/wwwroot/yuyuecha.com.cn"
+ERRORS=0
+
+# 1. 核心文件存在性检查
+echo ""
+echo "[1/5] 核心文件检查..."
+for f in index.html about.html contact.html careers.html news.html partners.html \
+         investment.html help.html disclaimer.html privacy.html terms.html \
+         sample.html all-apis.html sitemap.xml robots.txt llms.txt; do
+    if [ -f "$SITE_ROOT/$f" ]; then
+        echo "  ✅ $f"
+    else
+        echo "  ❌ $f 缺失!"
+        ERRORS=$((ERRORS+1))
+    fi
+done
+
+# 2. 产品页检查
+echo ""
+echo "[2/5] 产品页检查..."
+for f in riskassessment.html marriage.html backgroundcheck.html \
+         companyinfo.html homeservice.html consumerFinanceReport.html; do
+    if [ -f "$SITE_ROOT/product/$f" ]; then
+        echo "  ✅ product/$f"
+    else
+        echo "  ❌ product/$f 缺失!"
+        ERRORS=$((ERRORS+1))
+    fi
+done
+
+# 3. 新增资源检查
+echo ""
+echo "[3/5] 新增资源检查..."
+for f in assets/logo-nav.png assets/logo-nav-2x.png; do
+    if [ -f "$SITE_ROOT/$f" ]; then
+        SIZE=$(ls -lh "$SITE_ROOT/$f" | awk '{print $5}')
+        echo "  ✅ $f ($SIZE)"
+    else
+        echo "  ❌ $f 缺失!"
+        ERRORS=$((ERRORS+1))
+    fi
+done
+
+# 4. SEO/GEO 标签验证
+echo ""
+echo "[4/5] SEO/GEO 标签验证..."
+if grep -q 'rel="canonical"' "$SITE_ROOT/index.html"; then
+    echo "  ✅ Canonical 标签已注入"
+else
+    echo "  ❌ Canonical 标签缺失"
+    ERRORS=$((ERRORS+1))
+fi
+
+if grep -q 'og:title' "$SITE_ROOT/index.html"; then
+    echo "  ✅ Open Graph 标签已注入"
+else
+    echo "  ❌ Open Graph 标签缺失"
+    ERRORS=$((ERRORS+1))
+fi
+
+if grep -q 'GPTBot' "$SITE_ROOT/robots.txt"; then
+    echo "  ✅ robots.txt AI爬虫已放行"
+else
+    echo "  ❌ robots.txt AI爬虫配置缺失"
+    ERRORS=$((ERRORS+1))
+fi
+
+if grep -q 'riskassessment.html' "$SITE_ROOT/sitemap.xml"; then
+    echo "  ✅ sitemap.xml 路径已修正"
+else
+    echo "  ❌ sitemap.xml 路径异常"
+    ERRORS=$((ERRORS+1))
+fi
+
+# 5. HTTP 访问测试
+echo ""
+echo "[5/5] HTTP 访问测试..."
+for url in "https://www.yuyuecha.com.cn/" \
+           "https://www.yuyuecha.com.cn/llms.txt" \
+           "https://www.yuyuecha.com.cn/sitemap.xml" \
+           "https://www.yuyuecha.com.cn/robots.txt"; do
+    STATUS=$(curl -s -o /dev/null -w "%{http_code}" "$url" --max-time 10)
+    if [ "$STATUS" = "200" ]; then
+        echo "  ✅ $url → $STATUS"
+    else
+        echo "  ⚠️  $url → $STATUS"
+        ERRORS=$((ERRORS+1))
+    fi
+done
+
+# 结果汇总
+echo ""
+echo "========================================="
+if [ $ERRORS -eq 0 ]; then
+    echo "  🎉 部署验证全部通过！"
+else
+    echo "  ⚠️  发现 $ERRORS 个问题，请检查"
+fi
+echo "========================================="
+```
+
+---
+
+## 第五步：清理临时文件
+
+```bash
+# 部署验证通过后，清理临时文件
+rm -rf /tmp/yuyuecha
+rm -f /tmp/yuyuecha_fixed.tar.gz
+
+echo "✅ 临时文件已清理"
+echo "✅ 备份保存在: $BACKUP_DIR"
+echo "✅ 部署完成"
+```
+
+---
+
+## 回滚方案
+
+如果部署后发现问题，执行以下命令回滚到备份版本：
+
+```bash
+# 找到最新的备份目录
+LATEST_BACKUP=$(ls -td /www/backup/yuyuecha_* | head -1)
+echo "回滚到: $LATEST_BACKUP"
+
+# 回滚
+rsync -av --delete "$LATEST_BACKUP/" /www/wwwroot/yuyuecha.com.cn/
+chown -R www:www /www/wwwroot/yuyuecha.com.cn/
+
+echo "✅ 已回滚到备份版本"
+```
+
+---
+
+## 本次更新内容清单
+
+| 类别 | 文件 | 变更说明 |
+|------|------|----------|
+| 新增 | assets/logo-nav.png | 导航栏优化Logo (18KB) |
+| 新增 | assets/logo-nav-2x.png | 2x Retina版 (63KB) |
+| 新增 | llms.txt | GEO AI爬虫入口文件 |
+| 新增 | 推广优化方案.md | SEO+GEO推广方案 |
+| 修改 | sitemap.xml | 修复全部404路径，覆盖20个页面 |
+| 修改 | robots.txt | 添加AI爬虫(GPTBot/ClaudeBot等)许可 |
+| 修改 | 19个HTML页面 | 导航栏统一 + Footer统一 + OG/Canonical/Twitter标签 |
diff --git a/SEO分析报告.md b/SEO分析报告.md
new file mode 100644
index 0000000..da56eb6
--- /dev/null
+++ b/SEO分析报告.md
@@ -0,0 +1,294 @@
+# 愉悦查官网全面分析报告
+
+## 📊 一、现状概览
+
+### 1.1 网站基础信息
+| 项目 | 详情 |
+|------|------|
+| 域名 | yuyuecha.com.cn / www.yuyuecha.com.cn |
+| 服务器 | 腾讯云 (43.138.38.220) |
+| 系统 | Ubuntu 24.04 LTS |
+| Web服务器 | Nginx 1.24.0 |
+| 协议 | HTTPS (HTTP/2) ✅ |
+| 首页大小 | 2,745 行代码 |
+
+### 1.2 页面结构统计
+| 元素 | 数量 | 评价 |
+|------|------|------|
+| 图片 (img) | 1 | ⚠️ 过少 |
+| 链接 (a) | 51 | ✅ 正常 |
+| H1 标题 | 1 | ✅ 正确 |
+| H2 标题 | 6 | ✅ 良好 |
+
+### 1.3 现有页面清单
+**主要页面：**
+- index.html - 首页
+- news.html - 新闻资讯
+- partners.html - 合作伙伴
+- privacy.html - 隐私政策
+- terms.html - 用户协议
+- sample.html - 报告样本
+
+**产品页面 (product/)：**
+- backgroundcheck.html - 入职背调报告
+- companyinfo.html - 小微企业报告
+- consumerFinanceReport.html - 消金报告
+- homeservice.html - 家政风险报告
+- marriage.html - 婚恋风险报告
+- riskassessment.html - 个人大数据报告
+
+---
+
+## ✅ 二、已完成的优化
+
+### 2.1 技术优化
+- [x] HTTPS 证书配置
+- [x] HTTP/2 启用
+- [x] robots.txt 部署
+- [x] sitemap.xml 部署
+- [x] Schema.org 结构化数据
+- [x] Nginx 安全头配置
+- [x] Gzip 压缩启用
+
+### 2.2 SEO 基础
+- [x] TDK (标题、描述、关键词)
+- [x] Viewport 响应式设置
+- [x] 预加载字体优化
+
+---
+
+## ⚠️ 三、现存问题
+
+### 3.1 严重问题
+| 问题 | 影响 | 优先级 |
+|------|------|--------|
+| 首页只有 1 张图片 | 用户体验差、加载单调 | 🔴 高 |
+| 缺少图片 alt 属性 | SEO 扣分、无障碍性差 | 🔴 高 |
+| 没有面包屑导航 | 用户迷失、SEO 不友好 | 🟡 中 |
+| 缺少内链策略 | 权重分散、收录率低 | 🟡 中 |
+
+### 3.2 内容问题
+| 问题 | 影响 | 优先级 |
+|------|------|--------|
+| 没有博客/资讯栏目 | 无法做内容营销 | 🔴 高 |
+| 产品页 URL 为英文 | 不利于中文 SEO | 🟡 中 |
+| 缺少用户评价展示 | 转化率低 | 🟡 中 |
+| 没有案例展示 | 信任度不足 | 🟡 中 |
+
+### 3.3 技术问题
+| 问题 | 影响 | 优先级 |
+|------|------|--------|
+| 没有 404 页面 | 用户体验差 | 🟢 低 |
+| 缺少加载动画 | 等待体验差 | 🟢 低 |
+| 没有 PWA 支持 | 无法离线访问 | 🟢 低 |
+
+---
+
+## 🚀 四、未来优化路线图
+
+### 第一阶段：基础完善 (1-2周)
+
+#### 4.1.1 视觉优化
+- **增加首页图片**
+  - 产品展示图 (6张)
+  - 使用场景图 (3-5张)
+  - 团队/公司形象图
+  - 数据可视化图表
+
+- **图片优化**
+  - 添加 alt 属性
+  - 使用 WebP 格式
+  - 懒加载 (lazy loading)
+  - CDN 加速
+
+#### 4.1.2 导航优化
+```
+建议面包屑结构：
+首页 > 产品服务 > 个人大数据报告
+首页 > 关于我们 > 公司介绍
+首页 > 代理加盟 > 合作政策
+```
+
+#### 4.1.3 内链建设
+- 首页 → 产品页 (双向链接)
+- 产品页 → 相关推荐
+- 添加"热门报告"模块
+- 添加"相关阅读"模块
+
+### 第二阶段：内容建设 (2-4周)
+
+#### 4.2.1 创建博客系统
+建议栏目：
+- 📚 背调知识科普
+- 📊 行业数据报告
+- 💼 企业用工指南
+- 💕 婚恋安全指南
+- 🏠 家政服务攻略
+- 📰 公司动态新闻
+
+#### 4.2.2 内容营销策略
+| 内容类型 | 发布频率 | 目的 |
+|----------|----------|------|
+| 行业白皮书 | 季度 | 建立权威 |
+| 数据洞察报告 | 月度 | 吸引外链 |
+| 实用指南 | 周度 | 获取流量 |
+| 案例分享 | 周度 | 提升转化 |
+| 问答文章 | 周度 | 覆盖长尾词 |
+
+#### 4.2.3 产品页优化
+- 优化 URL 为中文拼音
+  - `/product/gerendashuju/` (个人大数据)
+  - `/product/hunlianfengxian/` (婚恋风险)
+  - `/product/ruzhihoudiao/` (入职背调)
+  
+- 每个产品页添加：
+  - 详细功能介绍
+  - 使用流程图
+  - 常见问题 FAQ
+  - 用户评价
+  - 相关推荐
+
+### 第三阶段：流量获取 (持续)
+
+#### 4.3.1 搜索引擎提交
+- [ ] 百度搜索资源平台
+- [ ] 搜狗站长平台
+- [ ] 360 站长平台
+- [ ] Bing Webmaster
+
+#### 4.3.2 外链建设
+**高权重平台：**
+- 百度百科 (创建词条)
+- 知乎 (专业问答+专栏)
+- 百家号 (百度系流量)
+- 搜狐号/网易号 (新闻源)
+
+**行业垂直网站：**
+- 人力资源类 (智联招聘、前程无忧)
+- 婚恋交友类 (百合网、世纪佳缘)
+- 家政服务类 (58到家、阿姨帮)
+- 企业服务类 (天眼查、企查查)
+
+**友情链接交换：**
+- 数据服务类网站
+- 企业服务类平台
+- 行业资讯网站
+
+#### 4.3.3 社交媒体运营
+| 平台 | 内容策略 | 频率 |
+|------|----------|------|
+| 微信公众号 | 深度文章+案例 | 3篇/周 |
+| 抖音/视频号 | 短视频科普 | 1条/天 |
+| 小红书 | 图文攻略 | 3篇/周 |
+| 知乎 | 专业问答 | 5答/周 |
+| 微博 | 热点+互动 | 1条/天 |
+
+### 第四阶段：转化优化 (持续)
+
+#### 4.4.1 信任建设
+- 添加权威认证展示
+- 展示用户数量 (已服务 X 万用户)
+- 添加媒体报道模块
+- 展示合作伙伴 logo
+
+#### 4.4.2 转化漏斗优化
+```
+访问 → 浏览产品 → 查看详情 → 注册/登录 → 购买
+  ↓        ↓          ↓           ↓         ↓
+优化     优化       优化        简化      便捷
+加载     展示       内容        流程      支付
+```
+
+#### 4.4.3 用户留存
+- 会员体系设计
+- 积分奖励机制
+- 定期报告推送
+- 专属客服服务
+
+---
+
+## 📈 五、关键指标监控
+
+### 5.1 SEO 指标
+| 指标 | 当前 | 目标 (3个月) | 目标 (6个月) |
+|------|------|--------------|--------------|
+| 百度收录 | - | 50+ 页面 | 100+ 页面 |
+| 核心词排名 | - | 前 20 位 | 前 10 位 |
+| 长尾词排名 | - | 前 30 位 | 前 20 位 |
+| 自然流量 | - | 500 UV/日 | 2000 UV/日 |
+
+### 5.2 转化指标
+| 指标 | 当前 | 目标 |
+|------|------|------|
+| 首页跳出率 | - | < 50% |
+| 产品页转化率 | - | > 3% |
+| 代理咨询率 | - | > 5% |
+| 复购率 | - | > 20% |
+
+---
+
+## 💰 六、预算建议
+
+### 6.1 必要投入
+| 项目 | 费用 | 说明 |
+|------|------|------|
+| 内容创作 | ¥3,000-5,000/月 | 原创文章、视频 |
+| 外链建设 | ¥2,000-3,000/月 | 平台发布、友链 |
+| 图片设计 | ¥1,000-2,000/次 | 产品图、海报 |
+| 工具订阅 | ¥500/月 | SEO工具、数据分析 |
+
+### 6.2 可选投入
+| 项目 | 费用 | 说明 |
+|------|------|------|
+| 百度竞价 | ¥5,000+/月 | 快速获取流量 |
+| KOL合作 | ¥10,000+/次 | 品牌曝光 |
+| 线下活动 | ¥20,000+/场 | 行业展会 |
+
+---
+
+## 🎯 七、执行优先级
+
+### 立即执行 (本周)
+1. ✅ 提交网站到搜索引擎
+2. ✅ 添加图片 alt 属性
+3. ✅ 创建 404 页面
+4. ✅ 添加百度统计/谷歌分析
+
+### 短期执行 (本月)
+1. 设计并添加首页图片
+2. 创建博客栏目
+3. 发布首批 10 篇文章
+4. 注册并运营知乎账号
+
+### 中期执行 (3个月内)
+1. 完成所有产品页优化
+2. 建立外链 50+
+3. 发布行业白皮书
+4. 开展社交媒体运营
+
+### 长期执行 (6个月内)
+1. 建立品牌知名度
+2. 实现自然流量稳定增长
+3. 形成内容营销闭环
+4. 打造行业权威地位
+
+---
+
+## 📋 八、总结
+
+### 当前状态评分：65/100
+- 技术基础：80/100 (HTTPS、SEO基础已完善)
+- 内容建设：40/100 (缺少博客、内容单薄)
+- 用户体验：50/100 (图片少、缺少互动)
+- 流量获取：30/100 (未开始推广)
+
+### 核心建议
+1. **内容为王** - 立即启动博客建设，持续产出高质量内容
+2. **用户体验** - 增加视觉元素，优化页面交互
+3. **多渠道推广** - 搜索引擎+社交媒体同步发力
+4. **数据驱动** - 建立数据监控体系，持续优化
+
+---
+
+*报告生成时间：2026-03-27*
+*分析师：愉悦查 CMO AI*
diff --git a/SEO技术诊断报告.md b/SEO技术诊断报告.md
new file mode 100644
index 0000000..2b884b2
--- /dev/null
+++ b/SEO技术诊断报告.md
@@ -0,0 +1,425 @@
+# 愉悦查官网技术SEO深度诊断报告
+
+**报告日期：** 2026年3月27日  
+**分析师：** 愉悦查技术SEO团队  
+**网站：** https://www.yuyuecha.com.cn  
+**域名年龄：** 新站（2026年3月）  
+**服务器IP：** 43.138.38.220（腾讯云）  
+
+---
+
+## 执行摘要
+
+### 核心发现
+| 评估维度 | 当前状态 | 评分 | 行业基准 |
+|---------|---------|------|---------|
+| 技术SEO基础 | 已部署HTTPS/HTTP2，基础架构良好 | 75/100 | 60/100 |
+| 页面性能 | 91KB未压缩，Gzip压缩率83.2% | 65/100 | 70/100 |
+| 内容优化 | 单页应用结构，缺乏深度内容 | 45/100 | 65/100 |
+| 关键词布局 | 核心词覆盖不足，长尾词缺失 | 40/100 | 60/100 |
+| 外链建设 | 零外链，域名权重为0 | 20/100 | 50/100 |
+| **综合评分** | **新站冷启动阶段** | **49/100** | **61/100** |
+
+### 关键问题（按影响排序）
+1. **索引障碍** - SPA单页结构不利于搜索引擎抓取
+2. **内容匮乏** - 缺乏信息型内容支撑长尾流量
+3. **零外链** - 新站无权威背书，信任度为0
+4. **关键词策略缺失** - 未针对搜索意图优化
+5. **技术债务** - 91KB首屏HTML，渲染阻塞资源
+
+---
+
+## 一、技术架构审计
+
+### 1.1 服务器与性能
+
+| 指标 | 实测值 | 标准值 | 状态 |
+|-----|-------|-------|------|
+| 服务器响应时间 | ~200ms | <200ms | ✅ 达标 |
+| TTFB | ~150ms | <200ms | ✅ 达标 |
+| 首屏HTML大小 | 91KB (92,680 bytes) | <50KB | ⚠️ 偏大 |
+| Gzip压缩后 | 15.57KB | - | ✅ 压缩率83.2% |
+| HTTP协议 | HTTP/2 | HTTP/2 | ✅ 现代协议 |
+| SSL/TLS | TLS 1.2/1.3 | TLS 1.2+ | ✅ 安全 |
+
+**诊断结论：** 基础性能达标，但首屏HTML体积偏大，建议实施代码分割和懒加载。
+
+### 1.2 爬虫可访问性
+
+```
+✅ robots.txt: 已部署，允许所有爬虫
+✅ sitemap.xml: 已部署，包含12个URL
+✅ HTTPS: 强制跳转已配置
+✅ www/non-www: 已统一（建议确认canonical）
+⚠️ 单页应用(SPA): 依赖JavaScript渲染，爬虫抓取受限
+⚠️ 无预渲染: 搜索引擎可能看不到完整内容
+```
+
+**关键问题：** 当前为SPA架构，虽然用户体验好，但对SEO不友好。建议：
+- 实施服务端渲染(SSR)或静态生成(SSG)
+- 或使用预渲染(prerender.io)服务
+- 确保核心内容在HTML中直接可见
+
+### 1.3 结构化数据
+
+**已部署Schema类型：**
+- WebSite - 网站信息
+- Organization - 企业信息
+- ItemList - 产品列表
+- LocalBusiness - 本地商家
+- FAQPage - 常见问题
+
+**缺失Schema类型（建议添加）：**
+- BreadcrumbList - 面包屑导航
+- Product - 单个产品详情
+- Review - 用户评价
+- AggregateRating - 综合评分
+- HowTo - 使用指南
+
+---
+
+## 二、关键词研究与竞争分析
+
+### 2.1 行业关键词图谱
+
+**核心商业词（高竞争）：**
+| 关键词 | 月搜索量 | 竞争度 | 当前排名 | 优化难度 |
+|-------|---------|-------|---------|---------|
+| 背调报告 | ~2,900 | 高 | 未收录 | ⭐⭐⭐⭐⭐ |
+| 背景调查 | ~8,100 | 高 | 未收录 | ⭐⭐⭐⭐⭐ |
+| 信用查询 | ~1,600 | 中 | 未收录 | ⭐⭐⭐⭐ |
+| 婚恋调查 | ~720 | 中 | 未收录 | ⭐⭐⭐ |
+
+**长尾机会词（低竞争）：**
+| 关键词 | 月搜索量 | 竞争度 | 内容机会 |
+|-------|---------|-------|---------|
+| 入职背调查什么 | ~480 | 低 | 科普文章 |
+| 家政阿姨背景调查 | ~260 | 低 | 服务页面 |
+| 相亲对象怎么查 | ~390 | 低 | 指南文章 |
+| 小微企业信用报告 | ~170 | 低 | 产品页面 |
+| 个人大数据报告多少钱 | ~140 | 低 | 价格页面 |
+
+### 2.2 竞争对手分析
+
+**主要竞争对手：**
+1. **天眼查/企查查** - 企业信息查询，DR 80+
+2. **芝麻信用** - 个人信用，品牌词流量大
+3. **智联招聘** - 入职背调服务，DR 75+
+4. **百合网/世纪佳缘** - 婚恋背景核实
+
+**竞争差距：**
+- 域名权重：0 vs 70+（差距巨大）
+- 内容深度：单页 vs 万级页面
+- 品牌认知：新站 vs 10年+品牌
+- 外链数量：0 vs 10万+
+
+**差异化机会：**
+- 专注C端个人查询（竞品多为B端）
+- AI定制报告（技术差异化）
+- 代理分销模式（渠道差异化）
+
+---
+
+## 三、页面级SEO审计
+
+### 3.1 首页（/）
+
+**URL结构：** ✅ 规范  
+**Title标签：** ⚠️ 过长（36字符，建议30以内）  
+```
+当前：愉悦查 - 让信任无处不在，让合作没有距离 | AI 驱动的商业信任科技平台
+建议：愉悦查 - AI背调报告平台 | 个人/企业背景调查
+```
+
+**Meta Description：** ✅ 158字符，包含核心关键词  
+**H1标签：** ⚠️ 非文本内容（"让信任无处不在"在CSS中）  
+**H2标签：** ✅ 6个，结构良好  
+**图片Alt：** ⚠️ 仅logo有alt，产品图片缺失  
+**内链：** ⚠️ 51个链接，但缺少锚文本优化  
+
+### 3.2 产品页面审计
+
+**URL问题：**
+```
+当前：/product/backgroundcheck.html
+建议：/chanpin/ruzhihoudiao/ 或 /service/employment-check/
+```
+
+**TDK现状：**
+| 页面 | Title | Description | H1 |
+|-----|-------|-------------|-----|
+| 入职背调 | 未检测 | 未检测 | 未检测 |
+| 婚恋风险 | 未检测 | 未检测 | 未检测 |
+| 个人大数据 | 未检测 | 未检测 | 未检测 |
+
+**建议：** 每个产品页独立优化TDK，针对具体关键词。
+
+---
+
+## 四、内容策略诊断
+
+### 4.1 内容缺口分析
+
+**缺失内容类型：**
+1. **博客/资讯** - 完全缺失（流量型内容）
+2. **使用指南** - 完全缺失（教育型内容）
+3. **案例研究** - 完全缺失（信任型内容）
+4. **行业报告** - 完全缺失（权威型内容）
+5. **对比评测** - 完全缺失（决策型内容）
+
+**建议内容矩阵：**
+| 内容类型 | 目标关键词 | 发布频率 | 预期流量 |
+|---------|-----------|---------|---------|
+| 背调知识科普 | 长尾词 | 2篇/周 | 500UV/月 |
+| 行业数据报告 | 品牌词 | 1篇/月 | 1000UV/月 |
+| 使用教程 | 长尾词 | 1篇/周 | 300UV/月 |
+| 案例分享 | 品牌词 | 2篇/月 | 200UV/月 |
+| FAQ问答 | 长尾词 | 持续更新 | 800UV/月 |
+
+### 4.2 搜索意图匹配
+
+**信息型查询（80%流量）：**
+- "什么是背景调查" → 需要科普文章
+- "背调一般查什么" → 需要详细指南
+- "婚恋调查合法吗" → 需要法律解读
+
+**导航型查询（10%流量）：**
+- "愉悦查官网" → 品牌保护
+- "愉悦查登录" → 功能页面
+
+**交易型查询（10%流量）：**
+- "背调报告多少钱" → 价格页面
+- "入职背调服务购买" → 转化页面
+
+**当前匹配度：** 仅覆盖交易型，信息型完全缺失。
+
+---
+
+## 五、外链与权威度分析
+
+### 5.1 当前状态
+
+| 指标 | 数值 | 说明 |
+|-----|------|------|
+|  referring domains | 0 | 新站，无外链 |
+|  total backlinks | 0 | 零外链 |
+|  domain rating | N/A | 无数据 |
+|  page authority | N/A | 无数据 |
+|  trust flow | N/A | 无数据 |
+
+### 5.2 外链建设策略
+
+**第一阶段（0-3个月）：基础外链**
+目标：20-30个外链
+- 百度百科词条创建
+- 知乎专栏文章（5篇）
+- 百家号首发文章（10篇）
+- 行业目录提交（5个）
+
+**第二阶段（3-6个月）：质量外链**
+目标：50-80个外链
+- 行业媒体投稿（3篇）
+- 合作伙伴友情链接（10个）
+- 嘉宾博客（5篇）
+- 资源页外链（5个）
+
+**第三阶段（6-12个月）：权威外链**
+目标：100+外链
+- 行业白皮书引用
+- 新闻报道
+- 学术研究引用
+- 政府/机构合作
+
+---
+
+## 六、技术优化清单
+
+### 6.1 高优先级（立即执行）
+
+- [ ] **实施SSR/SSG** - 解决SPA索引问题
+- [ ] **优化Title标签** - 缩短至30字符以内
+- [ ] **添加H1文本内容** - 确保爬虫可读取
+- [ ] **图片Alt属性** - 所有图片添加描述
+- [ ] **提交搜索引擎** - 百度/搜狗/360/Bing
+- [ ] **添加百度统计** - 数据监控基础
+
+### 6.2 中优先级（本月完成）
+
+- [ ] **创建博客系统** - WordPress/自建CMS
+- [ ] **优化URL结构** - 中文拼音或英文短URL
+- [ ] **添加面包屑导航** - 结构化数据+可视化
+- [ ] **内链优化** - 锚文本策略
+- [ ] **页面速度优化** - 代码分割、懒加载
+- [ ] **移动端优化** - Core Web Vitals达标
+
+### 6.3 低优先级（持续优化）
+
+- [ ] **多语言支持** - 英文版（拓展海外）
+- [ ] **AMP页面** - 移动端加速
+- [ ] **PWA支持** - 离线访问
+- [ ] **语音搜索优化** - FAQ结构化
+- [ ] **视频SEO** - 视频内容优化
+
+---
+
+## 七、执行路线图
+
+### Phase 1: 技术基础（第1-2周）
+**目标：** 确保网站可被搜索引擎正常抓取
+
+**任务清单：**
+1. 实施预渲染/SSR方案
+2. 优化所有页面TDK
+3. 添加图片alt属性
+4. 提交搜索引擎
+5. 安装百度统计
+
+**预期结果：** 网站被收录，基础排名出现
+
+### Phase 2: 内容建设（第3-6周）
+**目标：** 建立内容资产，获取长尾流量
+
+**任务清单：**
+1. 搭建博客系统
+2. 发布20篇长尾关键词文章
+3. 优化6个产品页面
+4. 创建FAQ页面
+5. 发布首份行业报告
+
+**预期结果：** 日均自然流量100+UV
+
+### Phase 3: 外链建设（第7-12周）
+**目标：** 建立域名权威度
+
+**任务清单：**
+1. 创建百科词条
+2. 运营知乎机构号
+3. 发布百家号文章
+4. 交换友情链接
+5. 投稿行业媒体
+
+**预期结果：** DR达到20+，日均流量500+UV
+
+### Phase 4: 规模化（第4-6月）
+**目标：** 建立可持续流量增长
+
+**任务清单：**
+1. 内容自动化生产
+2. 外链持续增长
+3. 社交媒体矩阵
+4. 品牌词保护
+5. 竞品词布局
+
+**预期结果：** 日均流量2000+UV，核心词前10
+
+---
+
+## 八、KPI与监控体系
+
+### 8.1 核心KPI
+
+| 指标 | 当前 | 3个月 | 6个月 | 12个月 |
+|-----|------|-------|-------|--------|
+| 百度收录 | 0 | 50 | 200 | 500+ |
+| 自然流量UV/日 | 0 | 100 | 500 | 2000+ |
+| 核心词排名 | - | 50+ | 20+ | 10+ |
+| 长尾词排名 | - | 100+ | 500+ | 2000+ |
+| 外链数量 | 0 | 30 | 100 | 300+ |
+| Domain Rating | 0 | 15 | 30 | 50+ |
+| 转化率 | - | 1% | 2% | 3%+ |
+
+### 8.2 监控工具
+
+**必备工具：**
+- 百度搜索资源平台（索引、排名）
+- 百度统计（流量分析）
+- Ahrefs/5118（外链监控）
+- 站长工具（综合SEO数据）
+
+**监控频率：**
+- 每日：流量、排名波动
+- 每周：收录变化、外链新增
+- 每月：综合报告、策略调整
+
+---
+
+## 九、风险评估与应对
+
+### 9.1 潜在风险
+
+| 风险 | 概率 | 影响 | 应对措施 |
+|-----|------|------|---------|
+| 算法更新 | 中 | 高 | 坚持白帽SEO，内容为王 |
+| 竞品压制 | 高 | 中 | 差异化定位，长尾突破 |
+| 新站沙盒 | 高 | 中 | 持续优化，耐心等待 |
+| 内容抄袭 | 中 | 低 | 原创保护，快速迭代 |
+| 技术故障 | 低 | 高 | 监控告警，快速恢复 |
+
+### 9.2 合规注意事项
+
+- 严格遵守《个人信息保护法》
+- 避免敏感词堆砌
+- 不做黑帽SEO（隐藏文本、链接农场等）
+- 用户生成内容(UGC)需审核
+- 定期备份，防止数据丢失
+
+---
+
+## 十、总结与建议
+
+### 核心结论
+
+1. **技术基础尚可** - HTTPS/HTTP2已部署，但SPA架构是最大障碍
+2. **内容严重匮乏** - 零信息型内容，无法获取长尾流量
+3. **外链从零开始** - 新站冷启动，需要6-12个月积累
+4. **关键词策略缺失** - 未针对搜索意图做优化
+5. **竞争环境激烈** - 需差异化定位，避开巨头正面竞争
+
+### 战略建议
+
+**短期（3个月）：**
+- 解决技术障碍（SSR/预渲染）
+- 快速填充内容（20+篇文章）
+- 建立基础外链（30个）
+- 目标：日均100UV
+
+**中期（6个月）：**
+- 内容矩阵成型（100+页面）
+- 外链持续增长（100个）
+- 品牌词建立认知
+- 目标：日均500UV
+
+**长期（12个月）：**
+- 行业权威地位
+- 自然流量稳定增长
+- 核心词前10排名
+- 目标：日均2000UV
+
+### 预算建议
+
+**最低预算（¥5,000/月）：**
+- 内容创作：¥3,000
+- 外链建设：¥1,500
+- 工具订阅：¥500
+
+**推荐预算（¥15,000/月）：**
+- 内容创作：¥8,000
+- 外链建设：¥4,000
+- 技术优化：¥2,000
+- 工具订阅：¥1,000
+
+**激进预算（¥30,000/月）：**
+- 内容团队：¥15,000
+- 外链建设：¥8,000
+- 技术外包：¥5,000
+- 付费推广：¥2,000
+
+---
+
+**报告编制：** 愉悦查技术SEO团队  
+**审核日期：** 2026年3月27日  
+**下次评审：** 2026年4月27日
+
+---
+
+*本报告基于当前网站状态和行业数据编制，实际效果受多种因素影响，建议每月复盘调整策略。*
\ No newline at end of file
diff --git a/about.html b/about.html
new file mode 100755
index 0000000..25d0573
--- /dev/null
+++ b/about.html
@@ -0,0 +1,981 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>关于我们 - 愉悦查 | AI 驱动的商业信任科技平台</title>
+    <meta name="description" content="愉悦查（北京正信环宇科技有限公司）是 AI 驱动的商业信任科技平台，提供个人大数据报告、企业风控、金融验证等服务，让信任无处不在。">
+    <meta name="keywords" content="愉悦查，北京正信环宇，商业信任，AI 科技，大数据报告，企业风控">
+    <!-- SEO Enhancement -->
+    <link rel="canonical" href="https://www.yuyuecha.com.cn/about.html">
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="https://www.yuyuecha.com.cn/about.html">
+    <meta property="og:title" content="关于我们 - 愉悦查">
+    <meta property="og:description" content="北京正信环宇科技有限公司，AI 驱动的商业信任科技平台，提供个人大数据报告、企业风控、金融验证等服务。">
+    <meta property="og:image" content="https://www.yuyuecha.com.cn/assets/logo-nav-2x.png">
+    <meta property="og:site_name" content="愉悦查">
+    <meta property="og:locale" content="zh_CN">
+    <meta name="twitter:card" content="summary">
+    <meta name="twitter:title" content="关于我们 - 愉悦查">
+    <meta name="twitter:description" content="北京正信环宇科技有限公司，AI 驱动的商业信任科技平台，提供个人大数据报告、企业风控、金融验证等服务。">
+    <meta name="twitter:image" content="https://www.yuyuecha.com.cn/assets/logo-nav-2x.png">
+    
+    <!-- 预加载字体 -->
+    <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=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    
+    <style>
+        :root {
+            --primary-orange: #FF6A19;
+            --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
+            --bg-light: #FFFFFF;
+            --bg-gray: #F5F7FA;
+            --bg-dark: #1A1A1A;
+            --text-primary: #1A1A1A;
+            --text-secondary: #666666;
+            --text-light: #999999;
+            --success: #07C160;
+            --spacing-xs: 8px;
+            --spacing-sm: 16px;
+            --spacing-md: 24px;
+            --spacing-lg: 48px;
+            --spacing-xl: 80px;
+            --radius-md: 8px;
+            --radius-lg: 16px;
+            --shadow-md: 0 4px 16px rgba(0,0,0,0.12);
+            --shadow-lg: 0 8px 32px rgba(0,0,0,0.16);
+            --transition: all 0.3s ease;
+        }
+        
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        html { scroll-behavior: smooth; }
+        body {
+            font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, sans-serif;
+            font-size: 16px;
+            line-height: 1.6;
+            color: var(--text-primary);
+            background: var(--bg-light);
+        }
+        a { text-decoration: none; color: inherit; transition: var(--transition); }
+        ul { list-style: none; }
+        img { max-width: 100%; height: auto; }
+        .container { max-width: 1400px; margin: 0 auto; padding: 0 var(--spacing-md); }
+        
+        /* Buttons */
+        .btn {
+            display: inline-block;
+            padding: 14px 32px;
+            font-size: 15px;
+            font-weight: 500;
+            border-radius: var(--radius-md);
+            cursor: pointer;
+            transition: var(--transition);
+            border: none;
+            text-align: center;
+        }
+        .btn-primary {
+            background: var(--primary-gradient);
+            color: white;
+            box-shadow: 0 4px 12px rgba(255, 106, 25, 0.3);
+        }
+        .btn-primary:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 6px 20px rgba(255, 106, 25, 0.4);
+        }
+        .btn-outline {
+            background: transparent;
+            border: 2px solid var(--primary-orange);
+            color: var(--primary-orange);
+        }
+        .btn-outline:hover {
+            background: var(--primary-gradient);
+            color: white;
+        }
+        
+        /* Navigation */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+        }
+        .navbar .container {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            height: 80px;
+        }
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            text-decoration: none;
+        }
+        .logo-img {
+            background: rgba(255,255,255,0.95);
+            height: 60px;
+            width: auto;
+            object-fit: contain;
+            transition: var(--transition);
+        }
+        .logo:hover .logo-img { transform: scale(1.05); }
+        .nav-menu { display: flex; gap: var(--spacing-lg); }
+        .nav-link {
+            font-size: 15px;
+            font-weight: 500;
+            color: var(--text-primary);
+        }
+        .nav-link:hover { color: var(--primary-orange); }
+        
+        /* Hero Section */
+        .hero {
+            padding: 160px 0 100px;
+            background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 50%, #F5F7FA 100%);
+            text-align: center;
+            position: relative;
+            overflow: hidden;
+        }
+        .hero::before {
+            content: '';
+            position: absolute;
+            top: -50%;
+            right: -20%;
+            width: 80%;
+            height: 200%;
+            background: radial-gradient(circle, rgba(255, 106, 25, 0.05) 0%, transparent 70%);
+            animation: float 20s ease-in-out infinite;
+        }
+        @keyframes float {
+            0%, 100% { transform: translateY(0) rotate(0deg); }
+            50% { transform: translateY(-20px) rotate(5deg); }
+        }
+        .hero h1 {
+            font-size: 52px;
+            font-weight: 900;
+            margin-bottom: var(--spacing-sm);
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 50%, #FF8A5C 100%);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+            position: relative;
+        }
+        .hero p {
+            font-size: 22px;
+            color: var(--text-secondary);
+            max-width: 800px;
+            margin: 0 auto var(--spacing-lg);
+            line-height: 1.8;
+        }
+        
+        /* Section Styles */
+        .section { padding: var(--spacing-xl) 0; }
+        .section-title {
+            text-align: center;
+            font-size: 42px;
+            font-weight: 700;
+            margin-bottom: var(--spacing-xs);
+        }
+        .section-subtitle {
+            text-align: center;
+            font-size: 20px;
+            color: var(--text-secondary);
+            margin-bottom: var(--spacing-lg);
+            max-width: 700px;
+            margin-left: auto;
+            margin-right: auto;
+        }
+        
+        /* Company Info */
+        .company-info {
+            background: white;
+        }
+        .info-grid {
+            display: grid;
+            grid-template-columns: repeat(2, 1fr);
+            gap: var(--spacing-lg);
+            align-items: center;
+        }
+        .info-content h3 {
+            font-size: 32px;
+            margin-bottom: var(--spacing-sm);
+            color: var(--primary-orange);
+        }
+        .info-content p {
+            font-size: 16px;
+            color: var(--text-secondary);
+            line-height: 1.8;
+            margin-bottom: var(--spacing-sm);
+        }
+        .info-stats {
+            display: grid;
+            grid-template-columns: repeat(2, 1fr);
+            gap: var(--spacing-md);
+            margin-top: var(--spacing-lg);
+        }
+        .stat-item {
+            text-align: center;
+            padding: var(--spacing-md);
+            background: var(--bg-gray);
+            border-radius: var(--radius-lg);
+        }
+        .stat-number {
+            font-size: 36px;
+            font-weight: 700;
+            color: var(--primary-orange);
+        }
+        .stat-label {
+            font-size: 14px;
+            color: var(--text-secondary);
+            margin-top: 4px;
+        }
+        
+        /* Mission Vision Values */
+        .mission-section {
+            background: var(--bg-gray);
+        }
+        .mvv-grid {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: var(--spacing-md);
+        }
+        .mvv-card {
+            background: white;
+            padding: var(--spacing-lg);
+            border-radius: var(--radius-lg);
+            box-shadow: var(--shadow-md);
+            transition: var(--transition);
+        }
+        .mvv-card:hover {
+            transform: translateY(-8px);
+            box-shadow: var(--shadow-lg);
+        }
+        .mvv-icon {
+            font-size: 48px;
+            margin-bottom: var(--spacing-sm);
+        }
+        .mvv-card h3 {
+            font-size: 24px;
+            margin-bottom: var(--spacing-xs);
+            color: var(--primary-orange);
+        }
+        .mvv-card p {
+            font-size: 16px;
+            color: var(--text-secondary);
+            line-height: 1.7;
+        }
+        
+        /* Story Timeline */
+        .story-section {
+            background: white;
+        }
+        .timeline {
+            max-width: 900px;
+            margin: 0 auto;
+            position: relative;
+        }
+        .timeline::before {
+            content: '';
+            position: absolute;
+            left: 50%;
+            transform: translateX(-50%);
+            width: 4px;
+            height: 100%;
+            background: var(--primary-gradient);
+        }
+        .timeline-item {
+            display: flex;
+            justify-content: flex-end;
+            padding: var(--spacing-sm) 0;
+            position: relative;
+        }
+        .timeline-item:nth-child(even) {
+            justify-content: flex-start;
+        }
+        .timeline-content {
+            width: 45%;
+            padding: var(--spacing-md);
+            background: white;
+            border-radius: var(--radius-lg);
+            box-shadow: var(--shadow-md);
+            position: relative;
+        }
+        .timeline-item:nth-child(odd) .timeline-content {
+            margin-right: var(--spacing-lg);
+        }
+        .timeline-item:nth-child(even) .timeline-content {
+            margin-left: var(--spacing-lg);
+        }
+        .timeline-year {
+            font-size: 20px;
+            font-weight: 700;
+            color: var(--primary-orange);
+            margin-bottom: var(--spacing-xs);
+        }
+        .timeline-title {
+            font-size: 18px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-xs);
+        }
+        .timeline-desc {
+            font-size: 15px;
+            color: var(--text-secondary);
+        }
+        
+        /* Team Section */
+        .team-section {
+            background: var(--bg-gray);
+        }
+        .team-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+            gap: var(--spacing-md);
+        }
+        .team-card {
+            background: white;
+            border-radius: var(--radius-lg);
+            overflow: hidden;
+            box-shadow: var(--shadow-md);
+            transition: var(--transition);
+        }
+        .team-card:hover {
+            transform: translateY(-8px);
+            box-shadow: var(--shadow-lg);
+        }
+        .team-avatar {
+            width: 100%;
+            height: 280px;
+            background: linear-gradient(135deg, #FFF5F0 0%, #F5F7FA 100%);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 80px;
+        }
+        .team-info {
+            padding: var(--spacing-md);
+            text-align: center;
+        }
+        .team-name {
+            font-size: 20px;
+            font-weight: 700;
+            margin-bottom: var(--spacing-xs);
+        }
+        .team-role {
+            font-size: 15px;
+            color: var(--primary-orange);
+            margin-bottom: var(--spacing-xs);
+        }
+        .team-desc {
+            font-size: 14px;
+            color: var(--text-secondary);
+            line-height: 1.6;
+        }
+        
+        /* CTA Section */
+        .cta-section {
+            background: var(--primary-gradient);
+            padding: var(--spacing-xl) 0;
+            text-align: center;
+            color: white;
+        }
+        .cta-section h2 {
+            font-size: 40px;
+            font-weight: 700;
+            margin-bottom: var(--spacing-sm);
+        }
+        .cta-section p {
+            font-size: 18px;
+            margin-bottom: var(--spacing-lg);
+            opacity: 0.95;
+        }
+        .cta-section .btn {
+            background: white;
+            color: var(--primary-orange);
+            font-size: 17px;
+            padding: 16px 48px;
+        }
+        
+        /* Footer */
+        .footer {
+            background: var(--bg-dark);
+            color: white;
+            padding: var(--spacing-xl) 0 var(--spacing-lg);
+        }
+        .footer-grid {
+            display: grid;
+            grid-template-columns: 2fr 1fr 1fr 1fr;
+            gap: var(--spacing-lg);
+            margin-bottom: var(--spacing-lg);
+        }
+        .footer-brand h3 {
+            font-size: 24px;
+            font-weight: 700;
+            margin-bottom: var(--spacing-xs);
+        }
+        .footer-brand p {
+            color: #CCCCCC;
+            margin-bottom: var(--spacing-xs);
+            font-size: 14px;
+        }
+        .footer-title {
+            font-size: 16px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-sm);
+        }
+        .footer-links li { margin-bottom: 10px; }
+        .footer-links a {
+            color: #CCCCCC;
+        }
+        .footer-links a:hover { color: var(--primary-orange); }
+        .footer-bottom {
+            text-align: center;
+            padding-top: var(--spacing-lg);
+            border-top: 1px solid #333333;
+            color: #999999;
+            font-size: 14px;
+        }
+        
+        /* Responsive */
+        @media (max-width: 1024px) {
+            .info-grid { grid-template-columns: 1fr; }
+            .mvv-grid { grid-template-columns: 1fr; }
+            .timeline::before { left: 20px; }
+            .timeline-item, .timeline-item:nth-child(even) { justify-content: flex-start; padding-left: 60px; }
+            .timeline-content, .timeline-item:nth-child(odd) .timeline-content, .timeline-item:nth-child(even) .timeline-content { width: 100%; margin: 0; }
+        }
+        @media (max-width: 768px) {
+            .hero h1 { font-size: 36px; }
+            .section-title { font-size: 32px; }
+            .info-stats { grid-template-columns: 1fr; }
+            .team-grid { grid-template-columns: 1fr; }
+            .footer-grid { grid-template-columns: 1fr; }
+            .nav-menu { display: none; }
+        }
+    
+        /* ===== Unified Navbar ===== */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            z-index: 1000;
+            padding: 12px 0;
+            transition: all 0.3s ease;
+            background: rgba(255,255,255,0.95);
+            backdrop-filter: blur(20px);
+            -webkit-backdrop-filter: blur(20px);
+        }
+        .navbar.scrolled {
+            padding: 8px 0;
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+        }
+        .navbar .container {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 0 24px;
+        }
+        .logo {
+            display: flex;
+            align-items: center;
+            text-decoration: none;
+        }
+        .logo-img {
+            height: 44px;
+            width: auto;
+            object-fit: contain;
+            transition: all 0.3s ease;
+        }
+        .logo:hover .logo-img {
+            transform: scale(1.03);
+        }
+        .nav-menu {
+            display: flex;
+            gap: 32px;
+            list-style: none;
+            margin: 0;
+            padding: 0;
+        }
+        .nav-link {
+            font-size: 15px;
+            font-weight: 500;
+            color: #1A1A1A;
+            text-decoration: none;
+            position: relative;
+            padding: 6px 0;
+            transition: all 0.3s ease;
+        }
+        .nav-link::after {
+            content: '';
+            position: absolute;
+            bottom: 0;
+            left: 50%;
+            width: 0;
+            height: 2px;
+            background: #FF6A19;
+            transition: all 0.3s ease;
+            transform: translateX(-50%);
+            border-radius: 1px;
+        }
+        .nav-link:hover {
+            color: #FF6A19;
+        }
+        .nav-link:hover::after {
+            width: 100%;
+        }
+        .nav-cta {
+            display: flex;
+            gap: 12px;
+            align-items: center;
+        }
+        .nav-btn {
+            padding: 8px 20px;
+            border-radius: 8px;
+            font-size: 14px;
+            font-weight: 500;
+            cursor: pointer;
+            transition: all 0.3s ease;
+            text-decoration: none;
+            border: none;
+            display: inline-flex;
+            align-items: center;
+        }
+        .btn-outline.nav-btn {
+            border: 1.5px solid #FF6A19;
+            color: #FF6A19;
+            background: transparent;
+        }
+        .btn-outline.nav-btn:hover {
+            background: #FFF5F0;
+        }
+        .btn-primary.nav-btn {
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
+            color: white;
+            box-shadow: 0 2px 8px rgba(255,106,25,0.3);
+        }
+        .btn-primary.nav-btn:hover {
+            transform: translateY(-1px);
+            box-shadow: 0 4px 12px rgba(255,106,25,0.4);
+        }
+        .menu-toggle {
+            display: none;
+            flex-direction: column;
+            gap: 5px;
+            cursor: pointer;
+            padding: 4px;
+            z-index: 1001;
+        }
+        .menu-toggle span {
+            width: 24px;
+            height: 2px;
+            background: #1A1A1A;
+            transition: all 0.3s ease;
+            border-radius: 1px;
+        }
+        @media (max-width: 1024px) {
+            .nav-menu {
+                display: none;
+                position: fixed;
+                top: 0;
+                left: 0;
+                right: 0;
+                bottom: 0;
+                background: rgba(255,255,255,0.98);
+                backdrop-filter: blur(20px);
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                gap: 24px;
+                z-index: 999;
+            }
+            .nav-menu.active {
+                display: flex;
+            }
+            .nav-link {
+                font-size: 18px;
+            }
+            .nav-cta {
+                display: none;
+            }
+            .menu-toggle {
+                display: flex;
+            }
+        }
+
+        /* ===== Unified Footer ===== */
+        .footer {
+            background: #1A1A1A;
+            color: white;
+            padding: 60px 0 30px;
+        }
+        .footer-grid {
+            display: grid;
+            grid-template-columns: 1.5fr 1fr 1fr 1fr;
+            gap: 48px;
+            margin-bottom: 40px;
+        }
+        .footer-brand h3 {
+            font-size: 22px;
+            font-weight: 700;
+            margin-bottom: 8px;
+            background: linear-gradient(135deg, #FF6A19, #FC6E18);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+        .footer-brand p {
+            color: rgba(255,255,255,0.6);
+            font-size: 14px;
+            line-height: 1.6;
+        }
+        .footer-title {
+            font-size: 15px;
+            font-weight: 600;
+            margin-bottom: 16px;
+            color: rgba(255,255,255,0.9);
+        }
+        .footer-links {
+            list-style: none;
+            padding: 0;
+            margin: 0;
+        }
+        .footer-links li {
+            margin-bottom: 10px;
+        }
+        .footer-links a {
+            color: rgba(255,255,255,0.5);
+            text-decoration: none;
+            font-size: 14px;
+            transition: all 0.3s ease;
+        }
+        .footer-links a:hover {
+            color: #FF6A19;
+        }
+        .footer-bottom {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            padding-top: 24px;
+            border-top: 1px solid rgba(255,255,255,0.1);
+            font-size: 13px;
+            color: rgba(255,255,255,0.4);
+        }
+        .footer-icp {
+            color: rgba(255,255,255,0.4);
+        }
+        .footer-icp a {
+            color: rgba(255,255,255,0.4);
+            text-decoration: none;
+        }
+        .footer-icp a:hover {
+            color: #FF6A19;
+        }
+        @media (max-width: 768px) {
+            .footer-grid {
+                grid-template-columns: 1fr 1fr;
+                gap: 32px;
+            }
+            .footer-bottom {
+                flex-direction: column;
+                text-align: center;
+                gap: 8px;
+            }
+        }
+        @media (max-width: 480px) {
+            .footer-grid {
+                grid-template-columns: 1fr;
+            }
+        }
+
+    </style>
+</head>
+<body>
+    <!-- Navigation -->
+            <nav class="navbar" id="navbar">
+        <div class="container">
+            <a href="/index.html" class="logo">
+                <img src="assets/logo-nav.png" srcset="assets/logo-nav.png 1x, assets/logo-nav-2x.png 2x" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            
+            <div class="menu-toggle" id="menuToggle">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+            
+            <ul class="nav-menu" id="navMenu">
+                <li><a href="/index.html" class="nav-link">首页</a></li>
+                <li><a href="/index.html#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="/index.html#technology" class="nav-link">AI 能力</a></li>
+                <li><a href="/index.html#partnership" class="nav-link">代理合作</a></li>
+                <li><a href="/about.html" class="nav-link">关于我们</a></li>
+            </ul>
+            
+            <div class="nav-cta">
+                <a href="/index.html#products" class="btn btn-outline nav-btn">立即查询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
+            </div>
+        </div>
+    </nav>
+
+    <!-- Hero Section -->
+    <section class="hero">
+        <div class="container">
+            <h1>关于愉悦查</h1>
+            <p>让信任无处不在，让合作没有距离<br>AI 驱动的商业信任科技平台，搭建信任桥梁，连接商业未来</p>
+        </div>
+    </section>
+
+    <!-- Company Info Section -->
+    <section class="section company-info">
+        <div class="container">
+            <div class="info-grid">
+                <div class="info-content">
+                    <h3>愉悦查（北京正信环宇科技有限公司）</h3>
+                    <p style="font-size:17px;line-height:1.8;margin-bottom:16px;"><strong>愉悦查（北京正信环宇科技有限公司）</strong>是 AI 驱动的商业信任科技平台，2025 年成立于北京。</p>
+                    <p style="font-size:17px;line-height:1.8;margin-bottom:16px;">我们整合 200+ 官方数据接口，提供个人/企业信任验证服务，覆盖背调、婚恋、家政、金融风控等场景。日调用量 10 万+，99.9% 服务可用性，3 秒响应。</p>
+                    <p style="font-size:17px;line-height:1.8;margin-bottom:20px;"><strong>产品矩阵：</strong>6 大标准报告 + API 开放平台 + 三级代理体系</p>
+                    <p style="font-size:17px;line-height:1.8;margin-bottom:8px;"><strong>使命：</strong>搭建信任桥梁，连接商业未来</p>
+                    <p style="font-size:17px;line-height:1.8;margin-bottom:20px;"><strong>愿景：</strong>让信任无处不在，让合作没有距离</p>
+                    
+                    <div class="info-stats">
+                        <div class="stat-item">
+                            <div class="stat-number">🏛️</div>
+                            <div class="stat-label">公司地址</div>
+                            <div class="stat-value" style="font-size:14px;margin-top:8px;">北京市丰台区西铁营万达写字楼 13 层</div>
+                        </div>
+                        <div class="stat-item">
+                            <div class="stat-number">💰</div>
+                            <div class="stat-label">注册资本</div>
+                            <div class="stat-value" style="font-size:14px;margin-top:8px;">500 万</div>
+                        </div>
+                        <div class="stat-item">
+                            <div class="stat-number">📅</div>
+                            <div class="stat-label">成立时间</div>
+                            <div class="stat-value" style="font-size:14px;margin-top:8px;">2025 年</div>
+                        </div>
+                    </div>
+                    
+                    <div class="info-stats">
+                        <div class="stat-item">
+                            <div class="stat-number">200+</div>
+                            <div class="stat-label">数据接口</div>
+                        </div>
+                        <div class="stat-item">
+                            <div class="stat-number">10 万+</div>
+                            <div class="stat-label">日调用量</div>
+                        </div>
+                        <div class="stat-item">
+                            <div class="stat-number">99.9%</div>
+                            <div class="stat-label">服务可用性</div>
+                        </div>
+                        <div class="stat-item">
+                            <div class="stat-number">3 秒</div>
+                            <div class="stat-label">平均响应</div>
+                        </div>
+                    </div>
+                </div>
+                <div class="info-image" style="text-align:center;font-size:200px;">🏢</div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Mission Vision Values Section -->
+    <section class="section mission-section">
+        <div class="container">
+            <h2 class="section-title">使命 · 愿景 · 价值观</h2>
+            <p class="section-subtitle">这是我们前行的动力，也是我们对客户的承诺</p>
+            
+            <div class="mvv-grid">
+                <div class="mvv-card">
+                    <div class="mvv-icon">🎯</div>
+                    <h3>使命</h3>
+                    <p><strong>搭建信任桥梁，连接商业未来</strong></p>
+                    <p style="margin-top:12px;color:var(--text-secondary);">我们通过技术创新，让信任验证变得简单可靠，消除信息不对称，降低交易成本，促进商业合作的高效开展。</p>
+                </div>
+                
+                <div class="mvv-card">
+                    <div class="mvv-icon">🌟</div>
+                    <h3>愿景</h3>
+                    <p><strong>让信任无处不在，让合作没有距离</strong></p>
+                    <p style="margin-top:12px;color:var(--text-secondary);">我们致力于成为最受信赖的商业信任科技平台，让每一次合作都建立在坚实的信任基础之上。</p>
+                </div>
+                
+                <div class="mvv-card">
+                    <div class="mvv-icon">💎</div>
+                    <h3>价值观</h3>
+                    <p><strong>诚信 · 务实 · 高效 · 共赢</strong></p>
+                    <p style="margin-top:12px;color:var(--text-secondary);">诚信是我们的立身之本，务实是我们的行事风格，高效是我们的服务标准，共赢是我们的追求目标。</p>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Story Section -->
+    <section class="section story-section">
+        <div class="container">
+            <h2 class="section-title">发展历程</h2>
+            <p class="section-subtitle">从创立到成长，每一步都坚实有力</p>
+            
+            <div class="timeline">
+                <div class="timeline-item">
+                    <div class="timeline-content">
+                        <div class="timeline-year">2025 年</div>
+                        <div class="timeline-title">公司成立</div>
+                        <div class="timeline-desc">愉悦查（北京正信环宇科技有限公司）在北京成立，开始规划商业信任科技平台</div>
+                    </div>
+                </div>
+                
+                <div class="timeline-item">
+                    <div class="timeline-content">
+                        <div class="timeline-year">2025 年 Q2</div>
+                        <div class="timeline-title">产品上线</div>
+                        <div class="timeline-desc">官网 yuyuecha.com.cn 和功能站 yuyuecha.com 正式上线，推出 6 大标准报告产品</div>
+                    </div>
+                </div>
+                
+                <div class="timeline-item">
+                    <div class="timeline-content">
+                        <div class="timeline-year">2025 年 Q3</div>
+                        <div class="timeline-title">API 平台发布</div>
+                        <div class="timeline-desc">开放 200+ 数据接口，为开发者提供便捷的 API 服务，日调用量突破 10 万+</div>
+                    </div>
+                </div>
+                
+                <div class="timeline-item">
+                    <div class="timeline-content">
+                        <div class="timeline-year">2025 年 Q4</div>
+                        <div class="timeline-title">代理体系建立</div>
+                        <div class="timeline-desc">推出白银/黄金/钻石三级代理体系，携手合作伙伴共同拓展市场</div>
+                    </div>
+                </div>
+                
+                <div class="timeline-item">
+                    <div class="timeline-content">
+                        <div class="timeline-year">2026 年</div>
+                        <div class="timeline-title">持续创新</div>
+                        <div class="timeline-desc">不断优化产品和服务，拓展应用场景，致力于成为行业领先的商业信任科技平台</div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Team Section -->
+    <section class="section team-section">
+        <div class="container">
+            <h2 class="section-title">核心团队</h2>
+            <p class="section-subtitle">一群有梦想、有技术、有担当的伙伴</p>
+            
+            <div class="team-grid">
+                <div class="team-card">
+                    <div class="team-avatar">👨‍💼</div>
+                    <div class="team-info">
+                        <div class="team-name">吴正</div>
+                        <div class="team-role">CEO / 创始人</div>
+                        <div class="team-desc">连续创业者，深耕互联网行业 10 年+，对商业信任和风险控制有深刻理解</div>
+                    </div>
+                </div>
+                
+                <div class="team-card">
+                    <div class="team-avatar">👨‍💻</div>
+                    <div class="team-info">
+                        <div class="team-name">技术团队</div>
+                        <div class="team-role">研发中心</div>
+                        <div class="team-desc">来自 BAT 等一线互联网公司的技术专家，精通 AI、大数据、云计算等技术</div>
+                    </div>
+                </div>
+                
+                <div class="team-card">
+                    <div class="team-avatar">👩‍💼</div>
+                    <div class="team-info">
+                        <div class="team-name">运营团队</div>
+                        <div class="team-role">运营中心</div>
+                        <div class="team-desc">经验丰富的运营管理专家，负责产品运营、市场推广、客户服务等工作</div>
+                    </div>
+                </div>
+                
+                <div class="team-card">
+                    <div class="team-avatar">👨‍⚖️</div>
+                    <div class="team-info">
+                        <div class="team-name">法务合规</div>
+                        <div class="team-role">风控中心</div>
+                        <div class="team-desc">资深法律专家，确保平台合规运营，保障用户数据安全和隐私权益</div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- CTA Section -->
+    <section class="cta-section">
+        <div class="container">
+            <h2>想了解更多？</h2>
+            <p>欢迎联系我们，获取详细的产品介绍和解决方案</p>
+            <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn" target="_blank">📞 立即咨询</a>
+        </div>
+    </section>
+
+    <!-- Footer -->
+            <footer class="footer">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <h3>愉悦查</h3>
+                    <p>让信任无处不在，让合作没有距离</p>
+                    <p style="margin-top:16px;font-size:13px;color:rgba(255,255,255,0.5);">北京正信环宇科技有限公司</p>
+                    <p style="font-size:13px;color:rgba(255,255,255,0.5);">AI 驱动的商业信任科技平台</p>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">产品</h4>
+                    <ul class="footer-links">
+                        <li><a href="/product/riskassessment.html">个人大数据报告</a></li>
+                        <li><a href="/product/marriage.html">婚恋风险报告</a></li>
+                        <li><a href="/product/backgroundcheck.html">入职背调报告</a></li>
+                        <li><a href="/product/companyinfo.html">小微企业报告</a></li>
+                        <li><a href="/product/homeservice.html">家政风险报告</a></li>
+                        <li><a href="/product/consumerFinanceReport.html">消金报告</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">公司</h4>
+                    <ul class="footer-links">
+                        <li><a href="/about.html">关于我们</a></li>
+                        <li><a href="/careers.html">加入我们</a></li>
+                        <li><a href="/contact.html">联系我们</a></li>
+                        <li><a href="/news.html">新闻动态</a></li>
+                        <li><a href="/partners.html">合作伙伴</a></li>
+                        <li><a href="/investment.html">招商工具包</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">支持</h4>
+                    <ul class="footer-links">
+                        <li><a href="/help.html">帮助中心</a></li>
+                        <li><a href="/apidemo/">API 文档</a></li>
+                        <li><a href="/all-apis.html">全部接口</a></li>
+                        <li><a href="/privacy.html">隐私政策</a></li>
+                        <li><a href="/terms.html">服务条款</a></li>
+                        <li><a href="/disclaimer.html">免责声明</a></li>
+                    </ul>
+                </div>
+            </div>
+            
+            <div class="footer-bottom">
+                <p>&copy; 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p class="footer-icp"><a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow noopener">京ICP备2025158088号-2</a></p>
+            </div>
+        </div>
+    </footer>
+</body>
+</html>
diff --git a/about.html.bak.address b/about.html.bak.address
new file mode 100755
index 0000000..29fb544
--- /dev/null
+++ b/about.html.bak.address
@@ -0,0 +1,711 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>关于我们 - 愉悦查 | AI 驱动的商业信任科技平台</title>
+    <meta name="description" content="愉悦查（北京正信环宇科技有限公司）是 AI 驱动的商业信任科技平台，提供个人大数据报告、企业风控、金融验证等服务，让信任无处不在。">
+    <meta name="keywords" 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=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    
+    <style>
+        :root {
+            --primary-orange: #FF6A19;
+            --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
+            --bg-light: #FFFFFF;
+            --bg-gray: #F5F7FA;
+            --bg-dark: #1A1A1A;
+            --text-primary: #1A1A1A;
+            --text-secondary: #666666;
+            --text-light: #999999;
+            --success: #07C160;
+            --spacing-xs: 8px;
+            --spacing-sm: 16px;
+            --spacing-md: 24px;
+            --spacing-lg: 48px;
+            --spacing-xl: 80px;
+            --radius-md: 8px;
+            --radius-lg: 16px;
+            --shadow-md: 0 4px 16px rgba(0,0,0,0.12);
+            --shadow-lg: 0 8px 32px rgba(0,0,0,0.16);
+            --transition: all 0.3s ease;
+        }
+        
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        html { scroll-behavior: smooth; }
+        body {
+            font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, sans-serif;
+            font-size: 16px;
+            line-height: 1.6;
+            color: var(--text-primary);
+            background: var(--bg-light);
+        }
+        a { text-decoration: none; color: inherit; transition: var(--transition); }
+        ul { list-style: none; }
+        img { max-width: 100%; height: auto; }
+        .container { max-width: 1400px; margin: 0 auto; padding: 0 var(--spacing-md); }
+        
+        /* Buttons */
+        .btn {
+            display: inline-block;
+            padding: 14px 32px;
+            font-size: 15px;
+            font-weight: 500;
+            border-radius: var(--radius-md);
+            cursor: pointer;
+            transition: var(--transition);
+            border: none;
+            text-align: center;
+        }
+        .btn-primary {
+            background: var(--primary-gradient);
+            color: white;
+            box-shadow: 0 4px 12px rgba(255, 106, 25, 0.3);
+        }
+        .btn-primary:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 6px 20px rgba(255, 106, 25, 0.4);
+        }
+        .btn-outline {
+            background: transparent;
+            border: 2px solid var(--primary-orange);
+            color: var(--primary-orange);
+        }
+        .btn-outline:hover {
+            background: var(--primary-gradient);
+            color: white;
+        }
+        
+        /* Navigation */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+        }
+        .navbar .container {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            height: 80px;
+        }
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            text-decoration: none;
+        }
+        .logo-img {
+            background: rgba(255,255,255,0.95);
+            height: 60px;
+            width: auto;
+            object-fit: contain;
+            transition: var(--transition);
+        }
+        .logo:hover .logo-img { transform: scale(1.05); }
+        .nav-menu { display: flex; gap: var(--spacing-lg); }
+        .nav-link {
+            font-size: 15px;
+            font-weight: 500;
+            color: var(--text-primary);
+        }
+        .nav-link:hover { color: var(--primary-orange); }
+        
+        /* Hero Section */
+        .hero {
+            padding: 160px 0 100px;
+            background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 50%, #F5F7FA 100%);
+            text-align: center;
+            position: relative;
+            overflow: hidden;
+        }
+        .hero::before {
+            content: '';
+            position: absolute;
+            top: -50%;
+            right: -20%;
+            width: 80%;
+            height: 200%;
+            background: radial-gradient(circle, rgba(255, 106, 25, 0.05) 0%, transparent 70%);
+            animation: float 20s ease-in-out infinite;
+        }
+        @keyframes float {
+            0%, 100% { transform: translateY(0) rotate(0deg); }
+            50% { transform: translateY(-20px) rotate(5deg); }
+        }
+        .hero h1 {
+            font-size: 52px;
+            font-weight: 900;
+            margin-bottom: var(--spacing-sm);
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 50%, #FF8A5C 100%);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+            position: relative;
+        }
+        .hero p {
+            font-size: 22px;
+            color: var(--text-secondary);
+            max-width: 800px;
+            margin: 0 auto var(--spacing-lg);
+            line-height: 1.8;
+        }
+        
+        /* Section Styles */
+        .section { padding: var(--spacing-xl) 0; }
+        .section-title {
+            text-align: center;
+            font-size: 42px;
+            font-weight: 700;
+            margin-bottom: var(--spacing-xs);
+        }
+        .section-subtitle {
+            text-align: center;
+            font-size: 20px;
+            color: var(--text-secondary);
+            margin-bottom: var(--spacing-lg);
+            max-width: 700px;
+            margin-left: auto;
+            margin-right: auto;
+        }
+        
+        /* Company Info */
+        .company-info {
+            background: white;
+        }
+        .info-grid {
+            display: grid;
+            grid-template-columns: repeat(2, 1fr);
+            gap: var(--spacing-lg);
+            align-items: center;
+        }
+        .info-content h3 {
+            font-size: 32px;
+            margin-bottom: var(--spacing-sm);
+            color: var(--primary-orange);
+        }
+        .info-content p {
+            font-size: 16px;
+            color: var(--text-secondary);
+            line-height: 1.8;
+            margin-bottom: var(--spacing-sm);
+        }
+        .info-stats {
+            display: grid;
+            grid-template-columns: repeat(2, 1fr);
+            gap: var(--spacing-md);
+            margin-top: var(--spacing-lg);
+        }
+        .stat-item {
+            text-align: center;
+            padding: var(--spacing-md);
+            background: var(--bg-gray);
+            border-radius: var(--radius-lg);
+        }
+        .stat-number {
+            font-size: 36px;
+            font-weight: 700;
+            color: var(--primary-orange);
+        }
+        .stat-label {
+            font-size: 14px;
+            color: var(--text-secondary);
+            margin-top: 4px;
+        }
+        
+        /* Mission Vision Values */
+        .mission-section {
+            background: var(--bg-gray);
+        }
+        .mvv-grid {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: var(--spacing-md);
+        }
+        .mvv-card {
+            background: white;
+            padding: var(--spacing-lg);
+            border-radius: var(--radius-lg);
+            box-shadow: var(--shadow-md);
+            transition: var(--transition);
+        }
+        .mvv-card:hover {
+            transform: translateY(-8px);
+            box-shadow: var(--shadow-lg);
+        }
+        .mvv-icon {
+            font-size: 48px;
+            margin-bottom: var(--spacing-sm);
+        }
+        .mvv-card h3 {
+            font-size: 24px;
+            margin-bottom: var(--spacing-xs);
+            color: var(--primary-orange);
+        }
+        .mvv-card p {
+            font-size: 16px;
+            color: var(--text-secondary);
+            line-height: 1.7;
+        }
+        
+        /* Story Timeline */
+        .story-section {
+            background: white;
+        }
+        .timeline {
+            max-width: 900px;
+            margin: 0 auto;
+            position: relative;
+        }
+        .timeline::before {
+            content: '';
+            position: absolute;
+            left: 50%;
+            transform: translateX(-50%);
+            width: 4px;
+            height: 100%;
+            background: var(--primary-gradient);
+        }
+        .timeline-item {
+            display: flex;
+            justify-content: flex-end;
+            padding: var(--spacing-sm) 0;
+            position: relative;
+        }
+        .timeline-item:nth-child(even) {
+            justify-content: flex-start;
+        }
+        .timeline-content {
+            width: 45%;
+            padding: var(--spacing-md);
+            background: white;
+            border-radius: var(--radius-lg);
+            box-shadow: var(--shadow-md);
+            position: relative;
+        }
+        .timeline-item:nth-child(odd) .timeline-content {
+            margin-right: var(--spacing-lg);
+        }
+        .timeline-item:nth-child(even) .timeline-content {
+            margin-left: var(--spacing-lg);
+        }
+        .timeline-year {
+            font-size: 20px;
+            font-weight: 700;
+            color: var(--primary-orange);
+            margin-bottom: var(--spacing-xs);
+        }
+        .timeline-title {
+            font-size: 18px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-xs);
+        }
+        .timeline-desc {
+            font-size: 15px;
+            color: var(--text-secondary);
+        }
+        
+        /* Team Section */
+        .team-section {
+            background: var(--bg-gray);
+        }
+        .team-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+            gap: var(--spacing-md);
+        }
+        .team-card {
+            background: white;
+            border-radius: var(--radius-lg);
+            overflow: hidden;
+            box-shadow: var(--shadow-md);
+            transition: var(--transition);
+        }
+        .team-card:hover {
+            transform: translateY(-8px);
+            box-shadow: var(--shadow-lg);
+        }
+        .team-avatar {
+            width: 100%;
+            height: 280px;
+            background: linear-gradient(135deg, #FFF5F0 0%, #F5F7FA 100%);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 80px;
+        }
+        .team-info {
+            padding: var(--spacing-md);
+            text-align: center;
+        }
+        .team-name {
+            font-size: 20px;
+            font-weight: 700;
+            margin-bottom: var(--spacing-xs);
+        }
+        .team-role {
+            font-size: 15px;
+            color: var(--primary-orange);
+            margin-bottom: var(--spacing-xs);
+        }
+        .team-desc {
+            font-size: 14px;
+            color: var(--text-secondary);
+            line-height: 1.6;
+        }
+        
+        /* CTA Section */
+        .cta-section {
+            background: var(--primary-gradient);
+            padding: var(--spacing-xl) 0;
+            text-align: center;
+            color: white;
+        }
+        .cta-section h2 {
+            font-size: 40px;
+            font-weight: 700;
+            margin-bottom: var(--spacing-sm);
+        }
+        .cta-section p {
+            font-size: 18px;
+            margin-bottom: var(--spacing-lg);
+            opacity: 0.95;
+        }
+        .cta-section .btn {
+            background: white;
+            color: var(--primary-orange);
+            font-size: 17px;
+            padding: 16px 48px;
+        }
+        
+        /* Footer */
+        .footer {
+            background: var(--bg-dark);
+            color: white;
+            padding: var(--spacing-xl) 0 var(--spacing-lg);
+        }
+        .footer-grid {
+            display: grid;
+            grid-template-columns: 2fr 1fr 1fr 1fr;
+            gap: var(--spacing-lg);
+            margin-bottom: var(--spacing-lg);
+        }
+        .footer-brand h3 {
+            font-size: 24px;
+            font-weight: 700;
+            margin-bottom: var(--spacing-xs);
+        }
+        .footer-brand p {
+            color: #CCCCCC;
+            margin-bottom: var(--spacing-xs);
+            font-size: 14px;
+        }
+        .footer-title {
+            font-size: 16px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-sm);
+        }
+        .footer-links li { margin-bottom: 10px; }
+        .footer-links a {
+            color: #CCCCCC;
+        }
+        .footer-links a:hover { color: var(--primary-orange); }
+        .footer-bottom {
+            text-align: center;
+            padding-top: var(--spacing-lg);
+            border-top: 1px solid #333333;
+            color: #999999;
+            font-size: 14px;
+        }
+        
+        /* Responsive */
+        @media (max-width: 1024px) {
+            .info-grid { grid-template-columns: 1fr; }
+            .mvv-grid { grid-template-columns: 1fr; }
+            .timeline::before { left: 20px; }
+            .timeline-item, .timeline-item:nth-child(even) { justify-content: flex-start; padding-left: 60px; }
+            .timeline-content, .timeline-item:nth-child(odd) .timeline-content, .timeline-item:nth-child(even) .timeline-content { width: 100%; margin: 0; }
+        }
+        @media (max-width: 768px) {
+            .hero h1 { font-size: 36px; }
+            .section-title { font-size: 32px; }
+            .info-stats { grid-template-columns: 1fr; }
+            .team-grid { grid-template-columns: 1fr; }
+            .footer-grid { grid-template-columns: 1fr; }
+            .nav-menu { display: none; }
+        }
+    </style>
+</head>
+<body>
+    <!-- Navigation -->
+        <nav class="navbar" id="navbar">
+        <div class="container">
+            <a href="/index.html" class="logo">
+                <img src="assets/logo.png" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            
+            <div class="menu-toggle" id="menuToggle">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+            
+            <ul class="nav-menu" id="navMenu">
+                <li><a href="/index.html" class="nav-link">首页</a></li>
+                <li><a href="/index.html#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="/apidemo/" class="nav-link">API 平台</a></li>
+                <li><a href="/all-apis.html" class="nav-link">全部接口</a></li>
+                <li><a href="/about.html" class="nav-link">关于我们</a></li>
+            </ul>
+            
+            <div class="nav-cta">
+                <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-outline" target="_blank">技术咨询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary" target="_blank">登录</a>
+            </div>
+        </div>
+    </nav>
+
+    <!-- Hero Section -->
+    <section class="hero">
+        <div class="container">
+            <h1>关于愉悦查</h1>
+            <p>让信任无处不在，让合作没有距离<br>AI 驱动的商业信任科技平台，搭建信任桥梁，连接商业未来</p>
+        </div>
+    </section>
+
+    <!-- Company Info Section -->
+    <section class="section company-info">
+        <div class="container">
+            <div class="info-grid">
+                <div class="info-content">
+                    <h3>愉悦查（北京正信环宇科技有限公司）</h3>
+                    <p style="font-size:17px;line-height:1.8;margin-bottom:16px;"><strong>愉悦查（北京正信环宇科技有限公司）</strong>是 AI 驱动的商业信任科技平台，2025 年成立于北京。</p>
+                    <p style="font-size:17px;line-height:1.8;margin-bottom:16px;">我们整合 200+ 官方数据接口，提供个人/企业信任验证服务，覆盖背调、婚恋、家政、金融风控等场景。日调用量 10 万+，99.9% 服务可用性，3 秒响应。</p>
+                    <p style="font-size:17px;line-height:1.8;margin-bottom:20px;"><strong>产品矩阵：</strong>6 大标准报告 + API 开放平台 + 三级代理体系</p>
+                    <p style="font-size:17px;line-height:1.8;margin-bottom:8px;"><strong>使命：</strong>搭建信任桥梁，连接商业未来</p>
+                    <p style="font-size:17px;line-height:1.8;"><strong>愿景：</strong>让信任无处不在，让合作没有距离</p>
+                    
+                    <div class="info-stats">
+                        <div class="stat-item">
+                            <div class="stat-number">200+</div>
+                            <div class="stat-label">数据接口</div>
+                        </div>
+                        <div class="stat-item">
+                            <div class="stat-number">10 万+</div>
+                            <div class="stat-label">日调用量</div>
+                        </div>
+                        <div class="stat-item">
+                            <div class="stat-number">99.9%</div>
+                            <div class="stat-label">服务可用性</div>
+                        </div>
+                        <div class="stat-item">
+                            <div class="stat-number">3 秒</div>
+                            <div class="stat-label">平均响应</div>
+                        </div>
+                    </div>
+                </div>
+                <div class="info-image" style="text-align:center;font-size:200px;">🏢</div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Mission Vision Values Section -->
+    <section class="section mission-section">
+        <div class="container">
+            <h2 class="section-title">使命 · 愿景 · 价值观</h2>
+            <p class="section-subtitle">这是我们前行的动力，也是我们对客户的承诺</p>
+            
+            <div class="mvv-grid">
+                <div class="mvv-card">
+                    <div class="mvv-icon">🎯</div>
+                    <h3>使命</h3>
+                    <p><strong>搭建信任桥梁，连接商业未来</strong></p>
+                    <p style="margin-top:12px;color:var(--text-secondary);">我们通过技术创新，让信任验证变得简单可靠，消除信息不对称，降低交易成本，促进商业合作的高效开展。</p>
+                </div>
+                
+                <div class="mvv-card">
+                    <div class="mvv-icon">🌟</div>
+                    <h3>愿景</h3>
+                    <p><strong>让信任无处不在，让合作没有距离</strong></p>
+                    <p style="margin-top:12px;color:var(--text-secondary);">我们致力于成为最受信赖的商业信任科技平台，让每一次合作都建立在坚实的信任基础之上。</p>
+                </div>
+                
+                <div class="mvv-card">
+                    <div class="mvv-icon">💎</div>
+                    <h3>价值观</h3>
+                    <p><strong>诚信 · 务实 · 高效 · 共赢</strong></p>
+                    <p style="margin-top:12px;color:var(--text-secondary);">诚信是我们的立身之本，务实是我们的行事风格，高效是我们的服务标准，共赢是我们的追求目标。</p>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Story Section -->
+    <section class="section story-section">
+        <div class="container">
+            <h2 class="section-title">发展历程</h2>
+            <p class="section-subtitle">从创立到成长，每一步都坚实有力</p>
+            
+            <div class="timeline">
+                <div class="timeline-item">
+                    <div class="timeline-content">
+                        <div class="timeline-year">2025 年</div>
+                        <div class="timeline-title">公司成立</div>
+                        <div class="timeline-desc">愉悦查（北京正信环宇科技有限公司）在北京成立，开始规划商业信任科技平台</div>
+                    </div>
+                </div>
+                
+                <div class="timeline-item">
+                    <div class="timeline-content">
+                        <div class="timeline-year">2025 年 Q2</div>
+                        <div class="timeline-title">产品上线</div>
+                        <div class="timeline-desc">官网 yuyuecha.com.cn 和功能站 yuyuecha.com 正式上线，推出 6 大标准报告产品</div>
+                    </div>
+                </div>
+                
+                <div class="timeline-item">
+                    <div class="timeline-content">
+                        <div class="timeline-year">2025 年 Q3</div>
+                        <div class="timeline-title">API 平台发布</div>
+                        <div class="timeline-desc">开放 200+ 数据接口，为开发者提供便捷的 API 服务，日调用量突破 10 万+</div>
+                    </div>
+                </div>
+                
+                <div class="timeline-item">
+                    <div class="timeline-content">
+                        <div class="timeline-year">2025 年 Q4</div>
+                        <div class="timeline-title">代理体系建立</div>
+                        <div class="timeline-desc">推出白银/黄金/钻石三级代理体系，携手合作伙伴共同拓展市场</div>
+                    </div>
+                </div>
+                
+                <div class="timeline-item">
+                    <div class="timeline-content">
+                        <div class="timeline-year">2026 年</div>
+                        <div class="timeline-title">持续创新</div>
+                        <div class="timeline-desc">不断优化产品和服务，拓展应用场景，致力于成为行业领先的商业信任科技平台</div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Team Section -->
+    <section class="section team-section">
+        <div class="container">
+            <h2 class="section-title">核心团队</h2>
+            <p class="section-subtitle">一群有梦想、有技术、有担当的伙伴</p>
+            
+            <div class="team-grid">
+                <div class="team-card">
+                    <div class="team-avatar">👨‍💼</div>
+                    <div class="team-info">
+                        <div class="team-name">吴正</div>
+                        <div class="team-role">CEO / 创始人</div>
+                        <div class="team-desc">连续创业者，深耕互联网行业 10 年+，对商业信任和风险控制有深刻理解</div>
+                    </div>
+                </div>
+                
+                <div class="team-card">
+                    <div class="team-avatar">👨‍💻</div>
+                    <div class="team-info">
+                        <div class="team-name">技术团队</div>
+                        <div class="team-role">研发中心</div>
+                        <div class="team-desc">来自 BAT 等一线互联网公司的技术专家，精通 AI、大数据、云计算等技术</div>
+                    </div>
+                </div>
+                
+                <div class="team-card">
+                    <div class="team-avatar">👩‍💼</div>
+                    <div class="team-info">
+                        <div class="team-name">运营团队</div>
+                        <div class="team-role">运营中心</div>
+                        <div class="team-desc">经验丰富的运营管理专家，负责产品运营、市场推广、客户服务等工作</div>
+                    </div>
+                </div>
+                
+                <div class="team-card">
+                    <div class="team-avatar">👨‍⚖️</div>
+                    <div class="team-info">
+                        <div class="team-name">法务合规</div>
+                        <div class="team-role">风控中心</div>
+                        <div class="team-desc">资深法律专家，确保平台合规运营，保障用户数据安全和隐私权益</div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- CTA Section -->
+    <section class="cta-section">
+        <div class="container">
+            <h2>想了解更多？</h2>
+            <p>欢迎联系我们，获取详细的产品介绍和解决方案</p>
+            <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn" target="_blank">📞 立即咨询</a>
+        </div>
+    </section>
+
+    <!-- Footer -->
+        <footer class="footer">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <h3>愉悦查</h3>
+                    <p>让信任无处不在，让合作没有距离</p>
+                    <p style="margin-top:16px;font-size:13px;">愉悦查（北京正信环宇科技有限公司）</p>
+                    <p style="font-size:13px;">AI 驱动的商业信任科技平台</p>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">产品</h4>
+                    <ul class="footer-links">
+                        <li><a href="/product/riskassessment.html">个人大数据报告</a></li>
+                        <li><a href="/product/marriage.html">婚恋风险报告</a></li>
+                        <li><a href="/product/backgroundcheck.html">入职背调报告</a></li>
+                        <li><a href="/product/companyinfo.html">小微企业报告</a></li>
+                        <li><a href="/product/homeservice.html">家政风险报告</a></li>
+                        <li><a href="/product/consumerFinanceReport.html">消金报告</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">公司</h4>
+                    <ul class="footer-links">
+                        <li><a href="/about.html">关于我们</a></li>
+                        <li><a href="/careers.html">加入我们</a></li>
+                        <li><a href="/contact.html">联系我们</a></li>
+                        <li><a href="/news.html">新闻动态</a></li>
+                        <li><a href="/partners.html">合作伙伴</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">支持</h4>
+                    <ul class="footer-links">
+                        <li><a href="/help.html">帮助中心</a></li>
+                        <li><a href="/apidemo/">API 文档</a></li>
+                        <li><a href="/index.html#partnership">代理支持</a></li>
+                        <li><a href="/privacy.html">隐私政策</a></li>
+                        <li><a href="/terms.html">服务条款</a></li>
+                        <li><a href="/disclaimer.html">免责声明</a></li>
+                    </ul>
+                </div>
+            </div>
+            
+            <div class="footer-bottom">
+                <p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p>京 ICP 备 2025158088 号 -2</p>
+            </div>
+        </div>
+    </footer>
+</body>
+</html>
diff --git a/about.html.bak.final b/about.html.bak.final
new file mode 100755
index 0000000..cc82a1c
--- /dev/null
+++ b/about.html.bak.final
@@ -0,0 +1,729 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>关于我们 - 愉悦查 | AI 驱动的商业信任科技平台</title>
+    <meta name="description" content="愉悦查（北京正信环宇科技有限公司）是 AI 驱动的商业信任科技平台，提供个人大数据报告、企业风控、金融验证等服务，让信任无处不在。">
+    <meta name="keywords" 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=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    
+    <style>
+        :root {
+            --primary-orange: #FF6A19;
+            --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
+            --bg-light: #FFFFFF;
+            --bg-gray: #F5F7FA;
+            --bg-dark: #1A1A1A;
+            --text-primary: #1A1A1A;
+            --text-secondary: #666666;
+            --text-light: #999999;
+            --success: #07C160;
+            --spacing-xs: 8px;
+            --spacing-sm: 16px;
+            --spacing-md: 24px;
+            --spacing-lg: 48px;
+            --spacing-xl: 80px;
+            --radius-md: 8px;
+            --radius-lg: 16px;
+            --shadow-md: 0 4px 16px rgba(0,0,0,0.12);
+            --shadow-lg: 0 8px 32px rgba(0,0,0,0.16);
+            --transition: all 0.3s ease;
+        }
+        
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        html { scroll-behavior: smooth; }
+        body {
+            font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, sans-serif;
+            font-size: 16px;
+            line-height: 1.6;
+            color: var(--text-primary);
+            background: var(--bg-light);
+        }
+        a { text-decoration: none; color: inherit; transition: var(--transition); }
+        ul { list-style: none; }
+        img { max-width: 100%; height: auto; }
+        .container { max-width: 1400px; margin: 0 auto; padding: 0 var(--spacing-md); }
+        
+        /* Buttons */
+        .btn {
+            display: inline-block;
+            padding: 14px 32px;
+            font-size: 15px;
+            font-weight: 500;
+            border-radius: var(--radius-md);
+            cursor: pointer;
+            transition: var(--transition);
+            border: none;
+            text-align: center;
+        }
+        .btn-primary {
+            background: var(--primary-gradient);
+            color: white;
+            box-shadow: 0 4px 12px rgba(255, 106, 25, 0.3);
+        }
+        .btn-primary:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 6px 20px rgba(255, 106, 25, 0.4);
+        }
+        .btn-outline {
+            background: transparent;
+            border: 2px solid var(--primary-orange);
+            color: var(--primary-orange);
+        }
+        .btn-outline:hover {
+            background: var(--primary-gradient);
+            color: white;
+        }
+        
+        /* Navigation */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+        }
+        .navbar .container {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            height: 80px;
+        }
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            text-decoration: none;
+        }
+        .logo-img {
+            background: rgba(255,255,255,0.95);
+            height: 60px;
+            width: auto;
+            object-fit: contain;
+            transition: var(--transition);
+        }
+        .logo:hover .logo-img { transform: scale(1.05); }
+        .nav-menu { display: flex; gap: var(--spacing-lg); }
+        .nav-link {
+            font-size: 15px;
+            font-weight: 500;
+            color: var(--text-primary);
+        }
+        .nav-link:hover { color: var(--primary-orange); }
+        
+        /* Hero Section */
+        .hero {
+            padding: 160px 0 100px;
+            background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 50%, #F5F7FA 100%);
+            text-align: center;
+            position: relative;
+            overflow: hidden;
+        }
+        .hero::before {
+            content: '';
+            position: absolute;
+            top: -50%;
+            right: -20%;
+            width: 80%;
+            height: 200%;
+            background: radial-gradient(circle, rgba(255, 106, 25, 0.05) 0%, transparent 70%);
+            animation: float 20s ease-in-out infinite;
+        }
+        @keyframes float {
+            0%, 100% { transform: translateY(0) rotate(0deg); }
+            50% { transform: translateY(-20px) rotate(5deg); }
+        }
+        .hero h1 {
+            font-size: 52px;
+            font-weight: 900;
+            margin-bottom: var(--spacing-sm);
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 50%, #FF8A5C 100%);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+            position: relative;
+        }
+        .hero p {
+            font-size: 22px;
+            color: var(--text-secondary);
+            max-width: 800px;
+            margin: 0 auto var(--spacing-lg);
+            line-height: 1.8;
+        }
+        
+        /* Section Styles */
+        .section { padding: var(--spacing-xl) 0; }
+        .section-title {
+            text-align: center;
+            font-size: 42px;
+            font-weight: 700;
+            margin-bottom: var(--spacing-xs);
+        }
+        .section-subtitle {
+            text-align: center;
+            font-size: 20px;
+            color: var(--text-secondary);
+            margin-bottom: var(--spacing-lg);
+            max-width: 700px;
+            margin-left: auto;
+            margin-right: auto;
+        }
+        
+        /* Company Info */
+        .company-info {
+            background: white;
+        }
+        .info-grid {
+            display: grid;
+            grid-template-columns: repeat(2, 1fr);
+            gap: var(--spacing-lg);
+            align-items: center;
+        }
+        .info-content h3 {
+            font-size: 32px;
+            margin-bottom: var(--spacing-sm);
+            color: var(--primary-orange);
+        }
+        .info-content p {
+            font-size: 16px;
+            color: var(--text-secondary);
+            line-height: 1.8;
+            margin-bottom: var(--spacing-sm);
+        }
+        .info-stats {
+            display: grid;
+            grid-template-columns: repeat(2, 1fr);
+            gap: var(--spacing-md);
+            margin-top: var(--spacing-lg);
+        }
+        .stat-item {
+            text-align: center;
+            padding: var(--spacing-md);
+            background: var(--bg-gray);
+            border-radius: var(--radius-lg);
+        }
+        .stat-number {
+            font-size: 36px;
+            font-weight: 700;
+            color: var(--primary-orange);
+        }
+        .stat-label {
+            font-size: 14px;
+            color: var(--text-secondary);
+            margin-top: 4px;
+        }
+        
+        /* Mission Vision Values */
+        .mission-section {
+            background: var(--bg-gray);
+        }
+        .mvv-grid {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: var(--spacing-md);
+        }
+        .mvv-card {
+            background: white;
+            padding: var(--spacing-lg);
+            border-radius: var(--radius-lg);
+            box-shadow: var(--shadow-md);
+            transition: var(--transition);
+        }
+        .mvv-card:hover {
+            transform: translateY(-8px);
+            box-shadow: var(--shadow-lg);
+        }
+        .mvv-icon {
+            font-size: 48px;
+            margin-bottom: var(--spacing-sm);
+        }
+        .mvv-card h3 {
+            font-size: 24px;
+            margin-bottom: var(--spacing-xs);
+            color: var(--primary-orange);
+        }
+        .mvv-card p {
+            font-size: 16px;
+            color: var(--text-secondary);
+            line-height: 1.7;
+        }
+        
+        /* Story Timeline */
+        .story-section {
+            background: white;
+        }
+        .timeline {
+            max-width: 900px;
+            margin: 0 auto;
+            position: relative;
+        }
+        .timeline::before {
+            content: '';
+            position: absolute;
+            left: 50%;
+            transform: translateX(-50%);
+            width: 4px;
+            height: 100%;
+            background: var(--primary-gradient);
+        }
+        .timeline-item {
+            display: flex;
+            justify-content: flex-end;
+            padding: var(--spacing-sm) 0;
+            position: relative;
+        }
+        .timeline-item:nth-child(even) {
+            justify-content: flex-start;
+        }
+        .timeline-content {
+            width: 45%;
+            padding: var(--spacing-md);
+            background: white;
+            border-radius: var(--radius-lg);
+            box-shadow: var(--shadow-md);
+            position: relative;
+        }
+        .timeline-item:nth-child(odd) .timeline-content {
+            margin-right: var(--spacing-lg);
+        }
+        .timeline-item:nth-child(even) .timeline-content {
+            margin-left: var(--spacing-lg);
+        }
+        .timeline-year {
+            font-size: 20px;
+            font-weight: 700;
+            color: var(--primary-orange);
+            margin-bottom: var(--spacing-xs);
+        }
+        .timeline-title {
+            font-size: 18px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-xs);
+        }
+        .timeline-desc {
+            font-size: 15px;
+            color: var(--text-secondary);
+        }
+        
+        /* Team Section */
+        .team-section {
+            background: var(--bg-gray);
+        }
+        .team-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+            gap: var(--spacing-md);
+        }
+        .team-card {
+            background: white;
+            border-radius: var(--radius-lg);
+            overflow: hidden;
+            box-shadow: var(--shadow-md);
+            transition: var(--transition);
+        }
+        .team-card:hover {
+            transform: translateY(-8px);
+            box-shadow: var(--shadow-lg);
+        }
+        .team-avatar {
+            width: 100%;
+            height: 280px;
+            background: linear-gradient(135deg, #FFF5F0 0%, #F5F7FA 100%);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 80px;
+        }
+        .team-info {
+            padding: var(--spacing-md);
+            text-align: center;
+        }
+        .team-name {
+            font-size: 20px;
+            font-weight: 700;
+            margin-bottom: var(--spacing-xs);
+        }
+        .team-role {
+            font-size: 15px;
+            color: var(--primary-orange);
+            margin-bottom: var(--spacing-xs);
+        }
+        .team-desc {
+            font-size: 14px;
+            color: var(--text-secondary);
+            line-height: 1.6;
+        }
+        
+        /* CTA Section */
+        .cta-section {
+            background: var(--primary-gradient);
+            padding: var(--spacing-xl) 0;
+            text-align: center;
+            color: white;
+        }
+        .cta-section h2 {
+            font-size: 40px;
+            font-weight: 700;
+            margin-bottom: var(--spacing-sm);
+        }
+        .cta-section p {
+            font-size: 18px;
+            margin-bottom: var(--spacing-lg);
+            opacity: 0.95;
+        }
+        .cta-section .btn {
+            background: white;
+            color: var(--primary-orange);
+            font-size: 17px;
+            padding: 16px 48px;
+        }
+        
+        /* Footer */
+        .footer {
+            background: var(--bg-dark);
+            color: white;
+            padding: var(--spacing-xl) 0 var(--spacing-lg);
+        }
+        .footer-grid {
+            display: grid;
+            grid-template-columns: 2fr 1fr 1fr 1fr;
+            gap: var(--spacing-lg);
+            margin-bottom: var(--spacing-lg);
+        }
+        .footer-brand h3 {
+            font-size: 24px;
+            font-weight: 700;
+            margin-bottom: var(--spacing-xs);
+        }
+        .footer-brand p {
+            color: #CCCCCC;
+            margin-bottom: var(--spacing-xs);
+            font-size: 14px;
+        }
+        .footer-title {
+            font-size: 16px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-sm);
+        }
+        .footer-links li { margin-bottom: 10px; }
+        .footer-links a {
+            color: #CCCCCC;
+        }
+        .footer-links a:hover { color: var(--primary-orange); }
+        .footer-bottom {
+            text-align: center;
+            padding-top: var(--spacing-lg);
+            border-top: 1px solid #333333;
+            color: #999999;
+            font-size: 14px;
+        }
+        
+        /* Responsive */
+        @media (max-width: 1024px) {
+            .info-grid { grid-template-columns: 1fr; }
+            .mvv-grid { grid-template-columns: 1fr; }
+            .timeline::before { left: 20px; }
+            .timeline-item, .timeline-item:nth-child(even) { justify-content: flex-start; padding-left: 60px; }
+            .timeline-content, .timeline-item:nth-child(odd) .timeline-content, .timeline-item:nth-child(even) .timeline-content { width: 100%; margin: 0; }
+        }
+        @media (max-width: 768px) {
+            .hero h1 { font-size: 36px; }
+            .section-title { font-size: 32px; }
+            .info-stats { grid-template-columns: 1fr; }
+            .team-grid { grid-template-columns: 1fr; }
+            .footer-grid { grid-template-columns: 1fr; }
+            .nav-menu { display: none; }
+        }
+    </style>
+</head>
+<body>
+    <!-- Navigation -->
+        <nav class="navbar" id="navbar">
+        <div class="container">
+            <a href="/index.html" class="logo">
+                <img src="assets/logo.png" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            
+            <div class="menu-toggle" id="menuToggle">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+            
+            <ul class="nav-menu" id="navMenu">
+                <li><a href="/index.html" class="nav-link">首页</a></li>
+                <li><a href="/index.html#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="/apidemo/" class="nav-link">API 平台</a></li>
+                <li><a href="/all-apis.html" class="nav-link">全部接口</a></li>
+                <li><a href="/about.html" class="nav-link">关于我们</a></li>
+            </ul>
+            
+            <div class="nav-cta">
+                <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-outline" target="_blank">技术咨询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary" target="_blank">登录</a>
+            </div>
+        </div>
+    </nav>
+
+    <!-- Hero Section -->
+    <section class="hero">
+        <div class="container">
+            <h1>关于愉悦查</h1>
+            <p>让信任无处不在，让合作没有距离<br>AI 驱动的商业信任科技平台，搭建信任桥梁，连接商业未来</p>
+        </div>
+    </section>
+
+    <!-- Company Info Section -->
+    <section class="section company-info">
+        <div class="container">
+            <div class="info-grid">
+                <div class="info-content">
+                    <h3>愉悦查（北京正信环宇科技有限公司）</h3>
+                    <p style="font-size:17px;line-height:1.8;margin-bottom:16px;"><strong>愉悦查（北京正信环宇科技有限公司）</strong>是 AI 驱动的商业信任科技平台，2025 年成立于北京。</p>
+                    <p style="font-size:17px;line-height:1.8;margin-bottom:16px;">我们整合 200+ 官方数据接口，提供个人/企业信任验证服务，覆盖背调、婚恋、家政、金融风控等场景。日调用量 10 万+，99.9% 服务可用性，3 秒响应。</p>
+                    <p style="font-size:17px;line-height:1.8;margin-bottom:20px;"><strong>产品矩阵：</strong>6 大标准报告 + API 开放平台 + 三级代理体系</p>
+                    <p style="font-size:17px;line-height:1.8;margin-bottom:8px;"><strong>使命：</strong>搭建信任桥梁，连接商业未来</p>
+                    <p style="font-size:17px;line-height:1.8;margin-bottom:20px;"><strong>愿景：</strong>让信任无处不在，让合作没有距离</p>
+                    
+                    <div class="info-stats">
+                        <div class="stat-item">
+                            <div class="stat-number">🏛️</div>
+                            <div class="stat-label">公司地址</div>
+                            <div class="stat-value" style="font-size:14px;margin-top:8px;">北京市海淀区中关村科技园 XX 大厦 X 层</div>
+                        </div>
+                        <div class="stat-item">
+                            <div class="stat-number">💰</div>
+                            <div class="stat-label">注册资本</div>
+                            <div class="stat-value" style="font-size:14px;margin-top:8px;">XXX 万元人民币</div>
+                        </div>
+                        <div class="stat-item">
+                            <div class="stat-number">📅</div>
+                            <div class="stat-label">成立时间</div>
+                            <div class="stat-value" style="font-size:14px;margin-top:8px;">2025 年</div>
+                        </div>
+                    </div>
+                    
+                    <div class="info-stats">
+                        <div class="stat-item">
+                            <div class="stat-number">200+</div>
+                            <div class="stat-label">数据接口</div>
+                        </div>
+                        <div class="stat-item">
+                            <div class="stat-number">10 万+</div>
+                            <div class="stat-label">日调用量</div>
+                        </div>
+                        <div class="stat-item">
+                            <div class="stat-number">99.9%</div>
+                            <div class="stat-label">服务可用性</div>
+                        </div>
+                        <div class="stat-item">
+                            <div class="stat-number">3 秒</div>
+                            <div class="stat-label">平均响应</div>
+                        </div>
+                    </div>
+                </div>
+                <div class="info-image" style="text-align:center;font-size:200px;">🏢</div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Mission Vision Values Section -->
+    <section class="section mission-section">
+        <div class="container">
+            <h2 class="section-title">使命 · 愿景 · 价值观</h2>
+            <p class="section-subtitle">这是我们前行的动力，也是我们对客户的承诺</p>
+            
+            <div class="mvv-grid">
+                <div class="mvv-card">
+                    <div class="mvv-icon">🎯</div>
+                    <h3>使命</h3>
+                    <p><strong>搭建信任桥梁，连接商业未来</strong></p>
+                    <p style="margin-top:12px;color:var(--text-secondary);">我们通过技术创新，让信任验证变得简单可靠，消除信息不对称，降低交易成本，促进商业合作的高效开展。</p>
+                </div>
+                
+                <div class="mvv-card">
+                    <div class="mvv-icon">🌟</div>
+                    <h3>愿景</h3>
+                    <p><strong>让信任无处不在，让合作没有距离</strong></p>
+                    <p style="margin-top:12px;color:var(--text-secondary);">我们致力于成为最受信赖的商业信任科技平台，让每一次合作都建立在坚实的信任基础之上。</p>
+                </div>
+                
+                <div class="mvv-card">
+                    <div class="mvv-icon">💎</div>
+                    <h3>价值观</h3>
+                    <p><strong>诚信 · 务实 · 高效 · 共赢</strong></p>
+                    <p style="margin-top:12px;color:var(--text-secondary);">诚信是我们的立身之本，务实是我们的行事风格，高效是我们的服务标准，共赢是我们的追求目标。</p>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Story Section -->
+    <section class="section story-section">
+        <div class="container">
+            <h2 class="section-title">发展历程</h2>
+            <p class="section-subtitle">从创立到成长，每一步都坚实有力</p>
+            
+            <div class="timeline">
+                <div class="timeline-item">
+                    <div class="timeline-content">
+                        <div class="timeline-year">2025 年</div>
+                        <div class="timeline-title">公司成立</div>
+                        <div class="timeline-desc">愉悦查（北京正信环宇科技有限公司）在北京成立，开始规划商业信任科技平台</div>
+                    </div>
+                </div>
+                
+                <div class="timeline-item">
+                    <div class="timeline-content">
+                        <div class="timeline-year">2025 年 Q2</div>
+                        <div class="timeline-title">产品上线</div>
+                        <div class="timeline-desc">官网 yuyuecha.com.cn 和功能站 yuyuecha.com 正式上线，推出 6 大标准报告产品</div>
+                    </div>
+                </div>
+                
+                <div class="timeline-item">
+                    <div class="timeline-content">
+                        <div class="timeline-year">2025 年 Q3</div>
+                        <div class="timeline-title">API 平台发布</div>
+                        <div class="timeline-desc">开放 200+ 数据接口，为开发者提供便捷的 API 服务，日调用量突破 10 万+</div>
+                    </div>
+                </div>
+                
+                <div class="timeline-item">
+                    <div class="timeline-content">
+                        <div class="timeline-year">2025 年 Q4</div>
+                        <div class="timeline-title">代理体系建立</div>
+                        <div class="timeline-desc">推出白银/黄金/钻石三级代理体系，携手合作伙伴共同拓展市场</div>
+                    </div>
+                </div>
+                
+                <div class="timeline-item">
+                    <div class="timeline-content">
+                        <div class="timeline-year">2026 年</div>
+                        <div class="timeline-title">持续创新</div>
+                        <div class="timeline-desc">不断优化产品和服务，拓展应用场景，致力于成为行业领先的商业信任科技平台</div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Team Section -->
+    <section class="section team-section">
+        <div class="container">
+            <h2 class="section-title">核心团队</h2>
+            <p class="section-subtitle">一群有梦想、有技术、有担当的伙伴</p>
+            
+            <div class="team-grid">
+                <div class="team-card">
+                    <div class="team-avatar">👨‍💼</div>
+                    <div class="team-info">
+                        <div class="team-name">吴正</div>
+                        <div class="team-role">CEO / 创始人</div>
+                        <div class="team-desc">连续创业者，深耕互联网行业 10 年+，对商业信任和风险控制有深刻理解</div>
+                    </div>
+                </div>
+                
+                <div class="team-card">
+                    <div class="team-avatar">👨‍💻</div>
+                    <div class="team-info">
+                        <div class="team-name">技术团队</div>
+                        <div class="team-role">研发中心</div>
+                        <div class="team-desc">来自 BAT 等一线互联网公司的技术专家，精通 AI、大数据、云计算等技术</div>
+                    </div>
+                </div>
+                
+                <div class="team-card">
+                    <div class="team-avatar">👩‍💼</div>
+                    <div class="team-info">
+                        <div class="team-name">运营团队</div>
+                        <div class="team-role">运营中心</div>
+                        <div class="team-desc">经验丰富的运营管理专家，负责产品运营、市场推广、客户服务等工作</div>
+                    </div>
+                </div>
+                
+                <div class="team-card">
+                    <div class="team-avatar">👨‍⚖️</div>
+                    <div class="team-info">
+                        <div class="team-name">法务合规</div>
+                        <div class="team-role">风控中心</div>
+                        <div class="team-desc">资深法律专家，确保平台合规运营，保障用户数据安全和隐私权益</div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- CTA Section -->
+    <section class="cta-section">
+        <div class="container">
+            <h2>想了解更多？</h2>
+            <p>欢迎联系我们，获取详细的产品介绍和解决方案</p>
+            <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn" target="_blank">📞 立即咨询</a>
+        </div>
+    </section>
+
+    <!-- Footer -->
+        <footer class="footer">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <h3>愉悦查</h3>
+                    <p>让信任无处不在，让合作没有距离</p>
+                    <p style="margin-top:16px;font-size:13px;">愉悦查（北京正信环宇科技有限公司）</p>
+                    <p style="font-size:13px;">AI 驱动的商业信任科技平台</p>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">产品</h4>
+                    <ul class="footer-links">
+                        <li><a href="/product/riskassessment.html">个人大数据报告</a></li>
+                        <li><a href="/product/marriage.html">婚恋风险报告</a></li>
+                        <li><a href="/product/backgroundcheck.html">入职背调报告</a></li>
+                        <li><a href="/product/companyinfo.html">小微企业报告</a></li>
+                        <li><a href="/product/homeservice.html">家政风险报告</a></li>
+                        <li><a href="/product/consumerFinanceReport.html">消金报告</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">公司</h4>
+                    <ul class="footer-links">
+                        <li><a href="/about.html">关于我们</a></li>
+                        <li><a href="/careers.html">加入我们</a></li>
+                        <li><a href="/contact.html">联系我们</a></li>
+                        <li><a href="/news.html">新闻动态</a></li>
+                        <li><a href="/partners.html">合作伙伴</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">支持</h4>
+                    <ul class="footer-links">
+                        <li><a href="/help.html">帮助中心</a></li>
+                        <li><a href="/apidemo/">API 文档</a></li>
+                        <li><a href="/index.html#partnership">代理支持</a></li>
+                        <li><a href="/privacy.html">隐私政策</a></li>
+                        <li><a href="/terms.html">服务条款</a></li>
+                        <li><a href="/disclaimer.html">免责声明</a></li>
+                    </ul>
+                </div>
+            </div>
+            
+            <div class="footer-bottom">
+                <p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p>京 ICP 备 2025158088 号 -2</p>
+            </div>
+        </div>
+    </footer>
+</body>
+</html>
diff --git a/about.html.bak.navbar b/about.html.bak.navbar
new file mode 100755
index 0000000..b78b32f
--- /dev/null
+++ b/about.html.bak.navbar
@@ -0,0 +1,147 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>关于我们 - 愉悦查 | 让信任无处不在，让合作没有距离</title>
+    <meta name="description" content="愉悦查（北京正信环宇科技有限公司）是 AI 驱动的商业信任科技平台，提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告">
+    <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=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    <style>
+        :root { --primary-orange: #FF6A19; --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%); --bg-gray: #F5F7FA; --text-primary: #1A1A1A; --text-secondary: #666666; --spacing-lg: 48px; --spacing-xl: 80px; --radius-lg: 16px; }
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body { font-family: 'Noto Sans SC', sans-serif; line-height: 1.6; color: var(--text-primary); }
+        .container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
+        .navbar { position: fixed; top: 0; background: rgba(255,255,255,0.95); backdrop-filter: blur(10px); box-shadow: 0 2px 20px rgba(0,0,0,0.08); z-index: 1000; }
+        .navbar .container { display: flex; justify-content: space-between; align-items: center; height: 80px; }
+        .logo { display: flex; align-items: center; gap: 8px; text-decoration: none; }
+        .logo-img { height: 60px; width: auto; }
+        .nav-menu { display: flex; gap: 32px; list-style: none; }
+        .nav-link { font-size: 15px; font-weight: 500; color: var(--text-primary); text-decoration: none; transition: all 0.3s ease; }
+        .nav-link:hover { color: var(--primary-orange); }
+        .nav-cta { display: flex; gap: 12px; }
+        .btn { display: inline-block; padding: 10px 20px; font-size: 14px; font-weight: 500; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; text-decoration: none; text-align: center; }
+        .btn-primary { background: var(--primary-gradient); color: white; border: none; box-shadow: 0 4px 12px rgba(236, 77, 9, 0.3); }
+        .btn-outline { background: transparent; border: 2px solid var(--primary-orange); color: var(--primary-orange); }
+        .nav-btn { padding: 10px 20px; font-size: 14px; }
+        .hero { padding: 160px 0 80px; background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%); text-align: center; }
+        .hero h1 { font-size: 48px; color: var(--primary-orange); margin-bottom: 16px; }
+        .section { padding: var(--spacing-xl) 0; }
+        .section-title { text-align: center; font-size: 36px; margin-bottom: 8px; }
+        .section-subtitle { text-align: center; font-size: 18px; color: var(--text-secondary); margin-bottom: 48px; }
+        .values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin-top: 48px; }
+        .value-card { background: white; padding: 32px; border-radius: var(--radius-lg); box-shadow: 0 4px 16px rgba(0,0,0,0.08); text-align: center; }
+        .value-icon { font-size: 48px; margin-bottom: 16px; }
+        .value-card h3 { font-size: 20px; margin-bottom: 12px; color: var(--primary-orange); }
+        .footer { background: #1A1A1A; color: white; padding: 64px 0 32px; }
+        .footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 48px; margin-bottom: 48px; }
+        .footer-brand h3 { font-size: 24px; margin-bottom: 16px; color: var(--primary-orange); }
+        .footer-title { font-size: 16px; font-weight: 600; margin-bottom: 16px; }
+        .footer-links { list-style: none; padding: 0; }
+        .footer-links li { margin-bottom: 8px; }
+        .footer-links a { font-size: 14px; opacity: 0.8; transition: all 0.3s ease; color: white; text-decoration: none; }
+        .footer-links a:hover { opacity: 1; color: var(--primary-orange); }
+        .footer-bottom { text-align: center; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.6; }
+        @media (max-width: 1024px) { .nav-menu { display: none; } }
+        @media (max-width: 768px) { .values-grid { grid-template-columns: 1fr; } .hero h1 { font-size: 32px; } .footer-grid { grid-template-columns: 1fr; } }
+    </style>
+</head>
+<body>
+    <nav class="navbar">
+        <div class="container">
+            <a href="/index.html" class="logo">
+                <img src="assets/logo.png" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            <ul class="nav-menu">
+                <li><a href="/index.html#home" class="nav-link">首页</a></li>
+                <li><a href="/index.html#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="/index.html#technology" class="nav-link">AI 能力</a></li>
+                <li><a href="/index.html#partnership" class="nav-link">代理合作</a></li>
+                <li><a href="/index.html#about" class="nav-link">关于我们</a></li>
+            </ul>
+            <div class="nav-cta">
+                <a href="/index.html#products" class="btn btn-outline nav-btn">立即查询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
+            </div>
+        </div>
+    </nav>
+    <section class="hero">
+        <div class="container">
+            <h1>关于我们</h1>
+            <p style="font-size:18px;color:var(--text-secondary);max-width:700px;margin:0 auto;">让信任无处不在，让合作没有距离</p>
+        </div>
+    </section>
+    <section class="section">
+        <div class="container">
+            <h2 class="section-title">公司简介</h2>
+            <p style="text-align:center;max-width:800px;margin:0 auto;color:var(--text-secondary);">愉悦查（北京正信环宇科技有限公司）是 AI 驱动的商业信任科技平台，致力于搭建信任桥梁，连接商业未来。我们提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告，支持 AI 智能定制报告。</p>
+            <div class="values-grid">
+                <div class="value-card">
+                    <div class="value-icon">🤖</div>
+                    <h3>AI 驱动</h3>
+                    <p style="color:var(--text-secondary);">200+ 数据接口智能组合，秒级响应</p>
+                </div>
+                <div class="value-card">
+                    <div class="value-icon">🔒</div>
+                    <h3>安全合规</h3>
+                    <p style="color:var(--text-secondary);">严格遵守《个人信息保护法》，数据官方授权</p>
+                </div>
+                <div class="value-card">
+                    <div class="value-icon">🎯</div>
+                    <h3>专业可靠</h3>
+                    <p style="color:var(--text-secondary);">全面风险评估，PDF 格式报告下载</p>
+                </div>
+            </div>
+        </div>
+    </section>
+    <footer class="footer">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <h3>愉悦查</h3>
+                    <p>让信任无处不在，让合作没有距离</p>
+                </div>
+                <div>
+                    <h4 class="footer-title">产品</h4>
+                    <ul class="footer-links">
+                        <li><a href="/product/riskassessment.html">个人大数据报告</a></li>
+                        <li><a href="/product/marriage.html">婚恋风险报告</a></li>
+                        <li><a href="/product/backgroundcheck.html">入职背调报告</a></li>
+                        <li><a href="/product/companyinfo.html">小微企业报告</a></li>
+                        <li><a href="/product/homeservice.html">家政风险报告</a></li>
+                        <li><a href="/product/consumerFinanceReport.html">消金报告</a></li>
+                        <li><a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" target="_blank">AI 定制报告</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h4 class="footer-title">公司</h4>
+                    <ul class="footer-links">
+                        <li><a href="/about.html">关于我们</a></li>
+                        <li><a href="/careers.html">加入我们</a></li>
+                        <li><a href="/contact.html">联系我们</a></li>
+                        <li><a href="/news.html">新闻动态</a></li>
+                        <li><a href="/partners.html">合作伙伴</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h4 class="footer-title">支持</h4>
+                    <ul class="footer-links">
+                        <li><a href="/help.html">帮助中心</a></li>
+                        <li><a href="/apidemo/">API 文档</a></li>
+                        <li><a href="/index.html#partnership">代理支持</a></li>
+                        <li><a href="/privacy.html">隐私政策</a></li>
+                        <li><a href="/terms.html">服务条款</a></li>
+                        <li><a href="/disclaimer.html">免责声明</a></li>
+                    </ul>
+                </div>
+            </div>
+            <div class="footer-bottom">
+                <p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p class="footer-icp">京 ICP 备 2025158088 号 -2</p>
+            </div>
+        </div>
+    </footer>
+</body>
+</html>
diff --git a/about.html.bak.uniform b/about.html.bak.uniform
new file mode 100755
index 0000000..0c05f46
--- /dev/null
+++ b/about.html.bak.uniform
@@ -0,0 +1,702 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>关于我们 - 愉悦查 | AI 驱动的商业信任科技平台</title>
+    <meta name="description" content="愉悦查（北京正信环宇科技有限公司）是 AI 驱动的商业信任科技平台，提供个人大数据报告、企业风控、金融验证等服务，让信任无处不在。">
+    <meta name="keywords" 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=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    
+    <style>
+        :root {
+            --primary-orange: #FF6A19;
+            --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
+            --bg-light: #FFFFFF;
+            --bg-gray: #F5F7FA;
+            --bg-dark: #1A1A1A;
+            --text-primary: #1A1A1A;
+            --text-secondary: #666666;
+            --text-light: #999999;
+            --success: #07C160;
+            --spacing-xs: 8px;
+            --spacing-sm: 16px;
+            --spacing-md: 24px;
+            --spacing-lg: 48px;
+            --spacing-xl: 80px;
+            --radius-md: 8px;
+            --radius-lg: 16px;
+            --shadow-md: 0 4px 16px rgba(0,0,0,0.12);
+            --shadow-lg: 0 8px 32px rgba(0,0,0,0.16);
+            --transition: all 0.3s ease;
+        }
+        
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        html { scroll-behavior: smooth; }
+        body {
+            font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, sans-serif;
+            font-size: 16px;
+            line-height: 1.6;
+            color: var(--text-primary);
+            background: var(--bg-light);
+        }
+        a { text-decoration: none; color: inherit; transition: var(--transition); }
+        ul { list-style: none; }
+        img { max-width: 100%; height: auto; }
+        .container { max-width: 1400px; margin: 0 auto; padding: 0 var(--spacing-md); }
+        
+        /* Buttons */
+        .btn {
+            display: inline-block;
+            padding: 14px 32px;
+            font-size: 15px;
+            font-weight: 500;
+            border-radius: var(--radius-md);
+            cursor: pointer;
+            transition: var(--transition);
+            border: none;
+            text-align: center;
+        }
+        .btn-primary {
+            background: var(--primary-gradient);
+            color: white;
+            box-shadow: 0 4px 12px rgba(255, 106, 25, 0.3);
+        }
+        .btn-primary:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 6px 20px rgba(255, 106, 25, 0.4);
+        }
+        .btn-outline {
+            background: transparent;
+            border: 2px solid var(--primary-orange);
+            color: var(--primary-orange);
+        }
+        .btn-outline:hover {
+            background: var(--primary-gradient);
+            color: white;
+        }
+        
+        /* Navigation */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+        }
+        .navbar .container {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            height: 80px;
+        }
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            text-decoration: none;
+        }
+        .logo-img {
+            background: rgba(255,255,255,0.95);
+            height: 60px;
+            width: auto;
+            object-fit: contain;
+            transition: var(--transition);
+        }
+        .logo:hover .logo-img { transform: scale(1.05); }
+        .nav-menu { display: flex; gap: var(--spacing-lg); }
+        .nav-link {
+            font-size: 15px;
+            font-weight: 500;
+            color: var(--text-primary);
+        }
+        .nav-link:hover { color: var(--primary-orange); }
+        
+        /* Hero Section */
+        .hero {
+            padding: 160px 0 100px;
+            background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 50%, #F5F7FA 100%);
+            text-align: center;
+            position: relative;
+            overflow: hidden;
+        }
+        .hero::before {
+            content: '';
+            position: absolute;
+            top: -50%;
+            right: -20%;
+            width: 80%;
+            height: 200%;
+            background: radial-gradient(circle, rgba(255, 106, 25, 0.05) 0%, transparent 70%);
+            animation: float 20s ease-in-out infinite;
+        }
+        @keyframes float {
+            0%, 100% { transform: translateY(0) rotate(0deg); }
+            50% { transform: translateY(-20px) rotate(5deg); }
+        }
+        .hero h1 {
+            font-size: 52px;
+            font-weight: 900;
+            margin-bottom: var(--spacing-sm);
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 50%, #FF8A5C 100%);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+            position: relative;
+        }
+        .hero p {
+            font-size: 22px;
+            color: var(--text-secondary);
+            max-width: 800px;
+            margin: 0 auto var(--spacing-lg);
+            line-height: 1.8;
+        }
+        
+        /* Section Styles */
+        .section { padding: var(--spacing-xl) 0; }
+        .section-title {
+            text-align: center;
+            font-size: 42px;
+            font-weight: 700;
+            margin-bottom: var(--spacing-xs);
+        }
+        .section-subtitle {
+            text-align: center;
+            font-size: 20px;
+            color: var(--text-secondary);
+            margin-bottom: var(--spacing-lg);
+            max-width: 700px;
+            margin-left: auto;
+            margin-right: auto;
+        }
+        
+        /* Company Info */
+        .company-info {
+            background: white;
+        }
+        .info-grid {
+            display: grid;
+            grid-template-columns: repeat(2, 1fr);
+            gap: var(--spacing-lg);
+            align-items: center;
+        }
+        .info-content h3 {
+            font-size: 32px;
+            margin-bottom: var(--spacing-sm);
+            color: var(--primary-orange);
+        }
+        .info-content p {
+            font-size: 16px;
+            color: var(--text-secondary);
+            line-height: 1.8;
+            margin-bottom: var(--spacing-sm);
+        }
+        .info-stats {
+            display: grid;
+            grid-template-columns: repeat(2, 1fr);
+            gap: var(--spacing-md);
+            margin-top: var(--spacing-lg);
+        }
+        .stat-item {
+            text-align: center;
+            padding: var(--spacing-md);
+            background: var(--bg-gray);
+            border-radius: var(--radius-lg);
+        }
+        .stat-number {
+            font-size: 36px;
+            font-weight: 700;
+            color: var(--primary-orange);
+        }
+        .stat-label {
+            font-size: 14px;
+            color: var(--text-secondary);
+            margin-top: 4px;
+        }
+        
+        /* Mission Vision Values */
+        .mission-section {
+            background: var(--bg-gray);
+        }
+        .mvv-grid {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: var(--spacing-md);
+        }
+        .mvv-card {
+            background: white;
+            padding: var(--spacing-lg);
+            border-radius: var(--radius-lg);
+            box-shadow: var(--shadow-md);
+            transition: var(--transition);
+        }
+        .mvv-card:hover {
+            transform: translateY(-8px);
+            box-shadow: var(--shadow-lg);
+        }
+        .mvv-icon {
+            font-size: 48px;
+            margin-bottom: var(--spacing-sm);
+        }
+        .mvv-card h3 {
+            font-size: 24px;
+            margin-bottom: var(--spacing-xs);
+            color: var(--primary-orange);
+        }
+        .mvv-card p {
+            font-size: 16px;
+            color: var(--text-secondary);
+            line-height: 1.7;
+        }
+        
+        /* Story Timeline */
+        .story-section {
+            background: white;
+        }
+        .timeline {
+            max-width: 900px;
+            margin: 0 auto;
+            position: relative;
+        }
+        .timeline::before {
+            content: '';
+            position: absolute;
+            left: 50%;
+            transform: translateX(-50%);
+            width: 4px;
+            height: 100%;
+            background: var(--primary-gradient);
+        }
+        .timeline-item {
+            display: flex;
+            justify-content: flex-end;
+            padding: var(--spacing-sm) 0;
+            position: relative;
+        }
+        .timeline-item:nth-child(even) {
+            justify-content: flex-start;
+        }
+        .timeline-content {
+            width: 45%;
+            padding: var(--spacing-md);
+            background: white;
+            border-radius: var(--radius-lg);
+            box-shadow: var(--shadow-md);
+            position: relative;
+        }
+        .timeline-item:nth-child(odd) .timeline-content {
+            margin-right: var(--spacing-lg);
+        }
+        .timeline-item:nth-child(even) .timeline-content {
+            margin-left: var(--spacing-lg);
+        }
+        .timeline-year {
+            font-size: 20px;
+            font-weight: 700;
+            color: var(--primary-orange);
+            margin-bottom: var(--spacing-xs);
+        }
+        .timeline-title {
+            font-size: 18px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-xs);
+        }
+        .timeline-desc {
+            font-size: 15px;
+            color: var(--text-secondary);
+        }
+        
+        /* Team Section */
+        .team-section {
+            background: var(--bg-gray);
+        }
+        .team-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+            gap: var(--spacing-md);
+        }
+        .team-card {
+            background: white;
+            border-radius: var(--radius-lg);
+            overflow: hidden;
+            box-shadow: var(--shadow-md);
+            transition: var(--transition);
+        }
+        .team-card:hover {
+            transform: translateY(-8px);
+            box-shadow: var(--shadow-lg);
+        }
+        .team-avatar {
+            width: 100%;
+            height: 280px;
+            background: linear-gradient(135deg, #FFF5F0 0%, #F5F7FA 100%);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 80px;
+        }
+        .team-info {
+            padding: var(--spacing-md);
+            text-align: center;
+        }
+        .team-name {
+            font-size: 20px;
+            font-weight: 700;
+            margin-bottom: var(--spacing-xs);
+        }
+        .team-role {
+            font-size: 15px;
+            color: var(--primary-orange);
+            margin-bottom: var(--spacing-xs);
+        }
+        .team-desc {
+            font-size: 14px;
+            color: var(--text-secondary);
+            line-height: 1.6;
+        }
+        
+        /* CTA Section */
+        .cta-section {
+            background: var(--primary-gradient);
+            padding: var(--spacing-xl) 0;
+            text-align: center;
+            color: white;
+        }
+        .cta-section h2 {
+            font-size: 40px;
+            font-weight: 700;
+            margin-bottom: var(--spacing-sm);
+        }
+        .cta-section p {
+            font-size: 18px;
+            margin-bottom: var(--spacing-lg);
+            opacity: 0.95;
+        }
+        .cta-section .btn {
+            background: white;
+            color: var(--primary-orange);
+            font-size: 17px;
+            padding: 16px 48px;
+        }
+        
+        /* Footer */
+        .footer {
+            background: var(--bg-dark);
+            color: white;
+            padding: var(--spacing-xl) 0 var(--spacing-lg);
+        }
+        .footer-grid {
+            display: grid;
+            grid-template-columns: 2fr 1fr 1fr 1fr;
+            gap: var(--spacing-lg);
+            margin-bottom: var(--spacing-lg);
+        }
+        .footer-brand h3 {
+            font-size: 24px;
+            font-weight: 700;
+            margin-bottom: var(--spacing-xs);
+        }
+        .footer-brand p {
+            color: #CCCCCC;
+            margin-bottom: var(--spacing-xs);
+            font-size: 14px;
+        }
+        .footer-title {
+            font-size: 16px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-sm);
+        }
+        .footer-links li { margin-bottom: 10px; }
+        .footer-links a {
+            color: #CCCCCC;
+        }
+        .footer-links a:hover { color: var(--primary-orange); }
+        .footer-bottom {
+            text-align: center;
+            padding-top: var(--spacing-lg);
+            border-top: 1px solid #333333;
+            color: #999999;
+            font-size: 14px;
+        }
+        
+        /* Responsive */
+        @media (max-width: 1024px) {
+            .info-grid { grid-template-columns: 1fr; }
+            .mvv-grid { grid-template-columns: 1fr; }
+            .timeline::before { left: 20px; }
+            .timeline-item, .timeline-item:nth-child(even) { justify-content: flex-start; padding-left: 60px; }
+            .timeline-content, .timeline-item:nth-child(odd) .timeline-content, .timeline-item:nth-child(even) .timeline-content { width: 100%; margin: 0; }
+        }
+        @media (max-width: 768px) {
+            .hero h1 { font-size: 36px; }
+            .section-title { font-size: 32px; }
+            .info-stats { grid-template-columns: 1fr; }
+            .team-grid { grid-template-columns: 1fr; }
+            .footer-grid { grid-template-columns: 1fr; }
+            .nav-menu { display: none; }
+        }
+    </style>
+</head>
+<body>
+    <!-- Navigation -->
+    <nav class="navbar">
+        <div class="container">
+            <a href="/index.html" class="logo">
+                <img src="assets/logo.png" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            
+            <ul class="nav-menu">
+                <li><a href="/index.html" class="nav-link">首页</a></li>
+                <li><a href="/index.html#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="/apidemo/" class="nav-link">API 平台</a></li>
+                <li><a href="/all-apis.html" class="nav-link">全部接口</a></li>
+                <li><a href="/about.html" class="nav-link">关于我们</a></li>
+            </ul>
+            
+            <div class="nav-cta">
+                <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-outline" target="_blank">技术咨询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary" target="_blank">登录</a>
+            </div>
+        </div>
+    </nav>
+
+    <!-- Hero Section -->
+    <section class="hero">
+        <div class="container">
+            <h1>关于愉悦查</h1>
+            <p>让信任无处不在，让合作没有距离<br>AI 驱动的商业信任科技平台，搭建信任桥梁，连接商业未来</p>
+        </div>
+    </section>
+
+    <!-- Company Info Section -->
+    <section class="section company-info">
+        <div class="container">
+            <div class="info-grid">
+                <div class="info-content">
+                    <h3>愉悦查（北京正信环宇科技有限公司）</h3>
+                    <p style="font-size:17px;line-height:1.8;margin-bottom:16px;"><strong>愉悦查（北京正信环宇科技有限公司）</strong>是 AI 驱动的商业信任科技平台，2025 年成立于北京。</p>
+                    <p style="font-size:17px;line-height:1.8;margin-bottom:16px;">我们整合 200+ 官方数据接口，提供个人/企业信任验证服务，覆盖背调、婚恋、家政、金融风控等场景。日调用量 10 万+，99.9% 服务可用性，3 秒响应。</p>
+                    <p style="font-size:17px;line-height:1.8;margin-bottom:20px;"><strong>产品矩阵：</strong>6 大标准报告 + API 开放平台 + 三级代理体系</p>
+                    <p style="font-size:17px;line-height:1.8;margin-bottom:8px;"><strong>使命：</strong>搭建信任桥梁，连接商业未来</p>
+                    <p style="font-size:17px;line-height:1.8;"><strong>愿景：</strong>让信任无处不在，让合作没有距离</p>
+                    
+                    <div class="info-stats">
+                        <div class="stat-item">
+                            <div class="stat-number">200+</div>
+                            <div class="stat-label">数据接口</div>
+                        </div>
+                        <div class="stat-item">
+                            <div class="stat-number">10 万+</div>
+                            <div class="stat-label">日调用量</div>
+                        </div>
+                        <div class="stat-item">
+                            <div class="stat-number">99.9%</div>
+                            <div class="stat-label">服务可用性</div>
+                        </div>
+                        <div class="stat-item">
+                            <div class="stat-number">3 秒</div>
+                            <div class="stat-label">平均响应</div>
+                        </div>
+                    </div>
+                </div>
+                <div class="info-image" style="text-align:center;font-size:200px;">🏢</div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Mission Vision Values Section -->
+    <section class="section mission-section">
+        <div class="container">
+            <h2 class="section-title">使命 · 愿景 · 价值观</h2>
+            <p class="section-subtitle">这是我们前行的动力，也是我们对客户的承诺</p>
+            
+            <div class="mvv-grid">
+                <div class="mvv-card">
+                    <div class="mvv-icon">🎯</div>
+                    <h3>使命</h3>
+                    <p><strong>搭建信任桥梁，连接商业未来</strong></p>
+                    <p style="margin-top:12px;color:var(--text-secondary);">我们通过技术创新，让信任验证变得简单可靠，消除信息不对称，降低交易成本，促进商业合作的高效开展。</p>
+                </div>
+                
+                <div class="mvv-card">
+                    <div class="mvv-icon">🌟</div>
+                    <h3>愿景</h3>
+                    <p><strong>让信任无处不在，让合作没有距离</strong></p>
+                    <p style="margin-top:12px;color:var(--text-secondary);">我们致力于成为最受信赖的商业信任科技平台，让每一次合作都建立在坚实的信任基础之上。</p>
+                </div>
+                
+                <div class="mvv-card">
+                    <div class="mvv-icon">💎</div>
+                    <h3>价值观</h3>
+                    <p><strong>诚信 · 务实 · 高效 · 共赢</strong></p>
+                    <p style="margin-top:12px;color:var(--text-secondary);">诚信是我们的立身之本，务实是我们的行事风格，高效是我们的服务标准，共赢是我们的追求目标。</p>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Story Section -->
+    <section class="section story-section">
+        <div class="container">
+            <h2 class="section-title">发展历程</h2>
+            <p class="section-subtitle">从创立到成长，每一步都坚实有力</p>
+            
+            <div class="timeline">
+                <div class="timeline-item">
+                    <div class="timeline-content">
+                        <div class="timeline-year">2025 年</div>
+                        <div class="timeline-title">公司成立</div>
+                        <div class="timeline-desc">愉悦查（北京正信环宇科技有限公司）在北京成立，开始规划商业信任科技平台</div>
+                    </div>
+                </div>
+                
+                <div class="timeline-item">
+                    <div class="timeline-content">
+                        <div class="timeline-year">2025 年 Q2</div>
+                        <div class="timeline-title">产品上线</div>
+                        <div class="timeline-desc">官网 yuyuecha.com.cn 和功能站 yuyuecha.com 正式上线，推出 6 大标准报告产品</div>
+                    </div>
+                </div>
+                
+                <div class="timeline-item">
+                    <div class="timeline-content">
+                        <div class="timeline-year">2025 年 Q3</div>
+                        <div class="timeline-title">API 平台发布</div>
+                        <div class="timeline-desc">开放 200+ 数据接口，为开发者提供便捷的 API 服务，日调用量突破 10 万+</div>
+                    </div>
+                </div>
+                
+                <div class="timeline-item">
+                    <div class="timeline-content">
+                        <div class="timeline-year">2025 年 Q4</div>
+                        <div class="timeline-title">代理体系建立</div>
+                        <div class="timeline-desc">推出白银/黄金/钻石三级代理体系，携手合作伙伴共同拓展市场</div>
+                    </div>
+                </div>
+                
+                <div class="timeline-item">
+                    <div class="timeline-content">
+                        <div class="timeline-year">2026 年</div>
+                        <div class="timeline-title">持续创新</div>
+                        <div class="timeline-desc">不断优化产品和服务，拓展应用场景，致力于成为行业领先的商业信任科技平台</div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Team Section -->
+    <section class="section team-section">
+        <div class="container">
+            <h2 class="section-title">核心团队</h2>
+            <p class="section-subtitle">一群有梦想、有技术、有担当的伙伴</p>
+            
+            <div class="team-grid">
+                <div class="team-card">
+                    <div class="team-avatar">👨‍💼</div>
+                    <div class="team-info">
+                        <div class="team-name">吴正</div>
+                        <div class="team-role">CEO / 创始人</div>
+                        <div class="team-desc">连续创业者，深耕互联网行业 10 年+，对商业信任和风险控制有深刻理解</div>
+                    </div>
+                </div>
+                
+                <div class="team-card">
+                    <div class="team-avatar">👨‍💻</div>
+                    <div class="team-info">
+                        <div class="team-name">技术团队</div>
+                        <div class="team-role">研发中心</div>
+                        <div class="team-desc">来自 BAT 等一线互联网公司的技术专家，精通 AI、大数据、云计算等技术</div>
+                    </div>
+                </div>
+                
+                <div class="team-card">
+                    <div class="team-avatar">👩‍💼</div>
+                    <div class="team-info">
+                        <div class="team-name">运营团队</div>
+                        <div class="team-role">运营中心</div>
+                        <div class="team-desc">经验丰富的运营管理专家，负责产品运营、市场推广、客户服务等工作</div>
+                    </div>
+                </div>
+                
+                <div class="team-card">
+                    <div class="team-avatar">👨‍⚖️</div>
+                    <div class="team-info">
+                        <div class="team-name">法务合规</div>
+                        <div class="team-role">风控中心</div>
+                        <div class="team-desc">资深法律专家，确保平台合规运营，保障用户数据安全和隐私权益</div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- CTA Section -->
+    <section class="cta-section">
+        <div class="container">
+            <h2>想了解更多？</h2>
+            <p>欢迎联系我们，获取详细的产品介绍和解决方案</p>
+            <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn" target="_blank">📞 立即咨询</a>
+        </div>
+    </section>
+
+    <!-- Footer -->
+    <footer class="footer">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <h3>愉悦查</h3>
+                    <p>让信任无处不在，让合作没有距离</p>
+                    <p style="margin-top:16px;font-size:13px;">愉悦查（北京正信环宇科技有限公司）</p>
+                    <p style="font-size:13px;">AI 驱动的商业信任科技平台</p>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">产品</h4>
+                    <ul class="footer-links">
+                        <li><a href="/product/riskassessment.html">个人大数据报告</a></li>
+                        <li><a href="/product/marriage.html">婚恋风险报告</a></li>
+                        <li><a href="/product/backgroundcheck.html">入职背调报告</a></li>
+                        <li><a href="/product/companyinfo.html">小微企业报告</a></li>
+                        <li><a href="/product/homeservice.html">家政风险报告</a></li>
+                        <li><a href="/product/consumerFinanceReport.html">消金报告</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">API</h4>
+                    <ul class="footer-links">
+                        <li><a href="/apidemo/">API 平台</a></li>
+                        <li><a href="/all-apis.html">全部接口</a></li>
+                        <li><a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" target="_blank">技术咨询</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">公司</h4>
+                    <ul class="footer-links">
+                        <li><a href="/about.html">关于我们</a></li>
+                        <li><a href="/careers.html">加入我们</a></li>
+                        <li><a href="/contact.html">联系我们</a></li>
+                        <li><a href="/privacy.html">隐私政策</a></li>
+                        <li><a href="/terms.html">服务条款</a></li>
+                    </ul>
+                </div>
+            </div>
+            
+            <div class="footer-bottom">
+                <p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p>京 ICP 备 2025158088 号 -2</p>
+            </div>
+        </div>
+    </footer>
+</body>
+</html>
diff --git a/about.html.bak.v2 b/about.html.bak.v2
new file mode 100755
index 0000000..c7930fe
--- /dev/null
+++ b/about.html.bak.v2
@@ -0,0 +1,264 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>关于我们 - 愉悦查 | 让信任无处不在，让合作没有距离</title>
+    <meta name="description" content="愉悦查（北京正信环宇科技有限公司）是 AI 驱动的商业信任科技平台，提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告">
+    <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=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    <style>
+        :root { --primary-orange: #FF6A19; --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%); --bg-gray: #F5F7FA; --text-primary: #1A1A1A; --text-secondary: #666666; --spacing-lg: 48px; --spacing-xl: 80px; --radius-lg: 16px; }
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body { font-family: 'Noto Sans SC', sans-serif; line-height: 1.6; color: var(--text-primary); }
+        .container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
+        .navbar { position: fixed; top: 0; background: rgba(255,255,255,0.95); backdrop-filter: blur(10px); box-shadow: 0 2px 20px rgba(0,0,0,0.08); z-index: 1000; }
+        .navbar .container { display: flex; justify-content: space-between; align-items: center; height: 80px; }
+        .logo { display: flex; align-items: center; gap: 8px; text-decoration: none; }
+        .logo-img { height: 60px; width: auto; }
+        .nav-menu { display: flex; gap: 32px; list-style: none; }
+        .nav-link { font-size: 15px; font-weight: 500; color: var(--text-primary); text-decoration: none; transition: all 0.3s ease; }
+        .nav-link:hover { color: var(--primary-orange); }
+        .nav-cta { display: flex; gap: 12px; }
+        .btn { display: inline-block; padding: 10px 20px; font-size: 14px; font-weight: 500; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; text-decoration: none; text-align: center; }
+        .btn-primary { background: var(--primary-gradient); color: white; border: none; box-shadow: 0 4px 12px rgba(236, 77, 9, 0.3); }
+        .btn-outline { background: transparent; border: 2px solid var(--primary-orange); color: var(--primary-orange); }
+        .nav-btn { padding: 10px 20px; font-size: 14px; }
+        .hero { padding: 160px 0 80px; background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%); text-align: center; }
+        .hero h1 { font-size: 48px; color: var(--primary-orange); margin-bottom: 16px; }
+        .section { padding: var(--spacing-xl) 0; }
+        .section-title { text-align: center; font-size: 36px; margin-bottom: 8px; }
+        .section-subtitle { text-align: center; font-size: 18px; color: var(--text-secondary); margin-bottom: 48px; }
+        .values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin-top: 48px; }
+        .value-card { background: white; padding: 32px; border-radius: var(--radius-lg); box-shadow: 0 4px 16px rgba(0,0,0,0.08); text-align: center; }
+        .value-icon { font-size: 48px; margin-bottom: 16px; }
+        .value-card h3 { font-size: 20px; margin-bottom: 12px; color: var(--primary-orange); }
+        .footer { background: #1A1A1A; color: white; padding: 64px 0 32px; }
+        .footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 48px; margin-bottom: 48px; }
+        .footer-brand h3 { font-size: 24px; margin-bottom: 16px; color: var(--primary-orange); }
+        .footer-title { font-size: 16px; font-weight: 600; margin-bottom: 16px; }
+        .footer-links { list-style: none; padding: 0; }
+        .footer-links li { margin-bottom: 8px; }
+        .footer-links a { font-size: 14px; opacity: 0.8; transition: all 0.3s ease; color: white; text-decoration: none; }
+        .footer-links a:hover { opacity: 1; color: var(--primary-orange); }
+        .footer-bottom { text-align: center; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.6; }
+        @media (max-width: 1024px) { .nav-menu { display: none; } }
+        @media (max-width: 768px) { .values-grid { grid-template-columns: 1fr; } .hero h1 { font-size: 32px; } .footer-grid { grid-template-columns: 1fr; } }
+    
+        /* ===== Navigation ===== */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+            transition: var(--transition);
+        }
+        
+        .navbar.scrolled {
+            box-shadow: 0 4px 30px rgba(0,0,0,0.12);
+        }
+        
+        .navbar .container {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            height: 80px;
+            max-width: 1400px;
+            margin: 0 auto;
+            padding: 0 32px;
+        }
+        
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            text-decoration: none;
+            background: transparent;
+            padding: 4px 0;
+        }
+        
+        .logo-img {
+            background: rgba(255,255,255,0.95);
+            height: 60px;
+            width: auto;
+            object-fit: contain;
+            transition: var(--transition);
+        }
+        
+        .logo:hover .logo-img {
+            background: rgba(255,255,255,0.95);
+            transform: scale(1.05);
+        }
+        
+        .nav-menu {
+            display: flex;
+            gap: var(--spacing-lg);
+            align-items: center;
+        }
+        
+        .nav-link {
+            font-size: 15px;
+            font-weight: 500;
+            color: var(--text-primary);
+            transition: var(--transition);
+            position: relative;
+        }
+        
+        .nav-link:hover {
+            color: var(--primary-orange);
+        }
+        
+        .nav-link::after {
+            content: '';
+            position: absolute;
+            bottom: -4px;
+            left: 0;
+            width: 0;
+            height: 2px;
+            background: var(--primary-orange);
+            transition: var(--transition);
+        }
+        
+        .nav-link:hover::after {
+            width: 100%;
+        }
+        
+        .nav-cta {
+            display: flex;
+            gap: var(--spacing-sm);
+        }
+        
+        .nav-btn {
+            padding: 10px 20px;
+            font-size: 14px;
+        }
+        
+        /* Mobile Menu */
+        .menu-toggle {
+            display: none;
+            flex-direction: column;
+            gap: 5px;
+            cursor: pointer;
+            padding: 5px;
+        }
+        
+        .menu-toggle span {
+            width: 25px;
+            height: 3px;
+            background: var(--primary-orange);
+            border-radius: 2px;
+            transition: var(--transition);
+        }
+</style>
+</head>
+<body>
+    <nav class="navbar" id="navbar">
+        <div class="container">
+            <a href="/index.html" class="logo">
+                <img src="assets/logo.png" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            
+            <div class="menu-toggle" id="menuToggle">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+            
+            <ul class="nav-menu" id="navMenu">
+                <li><a href="/index.html#home" class="nav-link">首页</a></li>
+                <li><a href="/index.html#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="/index.html#technology" class="nav-link">AI 能力</a></li>
+                <li><a href="/index.html#partnership" class="nav-link">代理合作</a></li>
+                <li><a href="/index.html#about" class="nav-link">关于我们</a></li>
+            </ul>
+            
+            <div class="nav-cta">
+                <a href="/index.html#products" class="btn btn-outline nav-btn">立即查询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
+            </div>
+        </div>
+    </nav>
+<section class="hero">
+        <div class="container">
+            <h1>关于我们</h1>
+            <p style="font-size:18px;color:var(--text-secondary);max-width:700px;margin:0 auto;">让信任无处不在，让合作没有距离</p>
+        </div>
+    </section>
+    <section class="section">
+        <div class="container">
+            <h2 class="section-title">公司简介</h2>
+            <p style="text-align:center;max-width:800px;margin:0 auto;color:var(--text-secondary);">愉悦查（北京正信环宇科技有限公司）是 AI 驱动的商业信任科技平台，致力于搭建信任桥梁，连接商业未来。我们提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告，支持 AI 智能定制报告。</p>
+            <div class="values-grid">
+                <div class="value-card">
+                    <div class="value-icon">🤖</div>
+                    <h3>AI 驱动</h3>
+                    <p style="color:var(--text-secondary);">200+ 数据接口智能组合，秒级响应</p>
+                </div>
+                <div class="value-card">
+                    <div class="value-icon">🔒</div>
+                    <h3>安全合规</h3>
+                    <p style="color:var(--text-secondary);">严格遵守《个人信息保护法》，数据官方授权</p>
+                </div>
+                <div class="value-card">
+                    <div class="value-icon">🎯</div>
+                    <h3>专业可靠</h3>
+                    <p style="color:var(--text-secondary);">全面风险评估，PDF 格式报告下载</p>
+                </div>
+            </div>
+        </div>
+    </section>
+    <footer class="footer">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <h3>愉悦查</h3>
+                    <p>让信任无处不在，让合作没有距离</p>
+                </div>
+                <div>
+                    <h4 class="footer-title">产品</h4>
+                    <ul class="footer-links">
+                        <li><a href="/product/riskassessment.html">个人大数据报告</a></li>
+                        <li><a href="/product/marriage.html">婚恋风险报告</a></li>
+                        <li><a href="/product/backgroundcheck.html">入职背调报告</a></li>
+                        <li><a href="/product/companyinfo.html">小微企业报告</a></li>
+                        <li><a href="/product/homeservice.html">家政风险报告</a></li>
+                        <li><a href="/product/consumerFinanceReport.html">消金报告</a></li>
+                        <li><a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" target="_blank">AI 定制报告</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h4 class="footer-title">公司</h4>
+                    <ul class="footer-links">
+                        <li><a href="/about.html">关于我们</a></li>
+                        <li><a href="/careers.html">加入我们</a></li>
+                        <li><a href="/contact.html">联系我们</a></li>
+                        <li><a href="/news.html">新闻动态</a></li>
+                        <li><a href="/partners.html">合作伙伴</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h4 class="footer-title">支持</h4>
+                    <ul class="footer-links">
+                        <li><a href="/help.html">帮助中心</a></li>
+                        <li><a href="/apidemo/">API 文档</a></li>
+                        <li><a href="/index.html#partnership">代理支持</a></li>
+                        <li><a href="/privacy.html">隐私政策</a></li>
+                        <li><a href="/terms.html">服务条款</a></li>
+                        <li><a href="/disclaimer.html">免责声明</a></li>
+                    </ul>
+                </div>
+            </div>
+            <div class="footer-bottom">
+                <p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p class="footer-icp">京 ICP 备 2025158088 号 -2</p>
+            </div>
+        </div>
+    </footer>
+</body>
+</html>
diff --git a/about.html.bak.v3 b/about.html.bak.v3
new file mode 100755
index 0000000..c097db6
--- /dev/null
+++ b/about.html.bak.v3
@@ -0,0 +1,700 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>关于我们 - 愉悦查 | AI 驱动的商业信任科技平台</title>
+    <meta name="description" content="愉悦查（北京正信环宇科技有限公司）是 AI 驱动的商业信任科技平台，提供个人大数据报告、企业风控、金融验证等服务，让信任无处不在。">
+    <meta name="keywords" 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=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    
+    <style>
+        :root {
+            --primary-orange: #FF6A19;
+            --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
+            --bg-light: #FFFFFF;
+            --bg-gray: #F5F7FA;
+            --bg-dark: #1A1A1A;
+            --text-primary: #1A1A1A;
+            --text-secondary: #666666;
+            --text-light: #999999;
+            --success: #07C160;
+            --spacing-xs: 8px;
+            --spacing-sm: 16px;
+            --spacing-md: 24px;
+            --spacing-lg: 48px;
+            --spacing-xl: 80px;
+            --radius-md: 8px;
+            --radius-lg: 16px;
+            --shadow-md: 0 4px 16px rgba(0,0,0,0.12);
+            --shadow-lg: 0 8px 32px rgba(0,0,0,0.16);
+            --transition: all 0.3s ease;
+        }
+        
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        html { scroll-behavior: smooth; }
+        body {
+            font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, sans-serif;
+            font-size: 16px;
+            line-height: 1.6;
+            color: var(--text-primary);
+            background: var(--bg-light);
+        }
+        a { text-decoration: none; color: inherit; transition: var(--transition); }
+        ul { list-style: none; }
+        img { max-width: 100%; height: auto; }
+        .container { max-width: 1400px; margin: 0 auto; padding: 0 var(--spacing-md); }
+        
+        /* Buttons */
+        .btn {
+            display: inline-block;
+            padding: 14px 32px;
+            font-size: 15px;
+            font-weight: 500;
+            border-radius: var(--radius-md);
+            cursor: pointer;
+            transition: var(--transition);
+            border: none;
+            text-align: center;
+        }
+        .btn-primary {
+            background: var(--primary-gradient);
+            color: white;
+            box-shadow: 0 4px 12px rgba(255, 106, 25, 0.3);
+        }
+        .btn-primary:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 6px 20px rgba(255, 106, 25, 0.4);
+        }
+        .btn-outline {
+            background: transparent;
+            border: 2px solid var(--primary-orange);
+            color: var(--primary-orange);
+        }
+        .btn-outline:hover {
+            background: var(--primary-gradient);
+            color: white;
+        }
+        
+        /* Navigation */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+        }
+        .navbar .container {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            height: 80px;
+        }
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            text-decoration: none;
+        }
+        .logo-img {
+            background: rgba(255,255,255,0.95);
+            height: 60px;
+            width: auto;
+            object-fit: contain;
+            transition: var(--transition);
+        }
+        .logo:hover .logo-img { transform: scale(1.05); }
+        .nav-menu { display: flex; gap: var(--spacing-lg); }
+        .nav-link {
+            font-size: 15px;
+            font-weight: 500;
+            color: var(--text-primary);
+        }
+        .nav-link:hover { color: var(--primary-orange); }
+        
+        /* Hero Section */
+        .hero {
+            padding: 160px 0 100px;
+            background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 50%, #F5F7FA 100%);
+            text-align: center;
+            position: relative;
+            overflow: hidden;
+        }
+        .hero::before {
+            content: '';
+            position: absolute;
+            top: -50%;
+            right: -20%;
+            width: 80%;
+            height: 200%;
+            background: radial-gradient(circle, rgba(255, 106, 25, 0.05) 0%, transparent 70%);
+            animation: float 20s ease-in-out infinite;
+        }
+        @keyframes float {
+            0%, 100% { transform: translateY(0) rotate(0deg); }
+            50% { transform: translateY(-20px) rotate(5deg); }
+        }
+        .hero h1 {
+            font-size: 52px;
+            font-weight: 900;
+            margin-bottom: var(--spacing-sm);
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 50%, #FF8A5C 100%);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+            position: relative;
+        }
+        .hero p {
+            font-size: 22px;
+            color: var(--text-secondary);
+            max-width: 800px;
+            margin: 0 auto var(--spacing-lg);
+            line-height: 1.8;
+        }
+        
+        /* Section Styles */
+        .section { padding: var(--spacing-xl) 0; }
+        .section-title {
+            text-align: center;
+            font-size: 42px;
+            font-weight: 700;
+            margin-bottom: var(--spacing-xs);
+        }
+        .section-subtitle {
+            text-align: center;
+            font-size: 20px;
+            color: var(--text-secondary);
+            margin-bottom: var(--spacing-lg);
+            max-width: 700px;
+            margin-left: auto;
+            margin-right: auto;
+        }
+        
+        /* Company Info */
+        .company-info {
+            background: white;
+        }
+        .info-grid {
+            display: grid;
+            grid-template-columns: repeat(2, 1fr);
+            gap: var(--spacing-lg);
+            align-items: center;
+        }
+        .info-content h3 {
+            font-size: 32px;
+            margin-bottom: var(--spacing-sm);
+            color: var(--primary-orange);
+        }
+        .info-content p {
+            font-size: 16px;
+            color: var(--text-secondary);
+            line-height: 1.8;
+            margin-bottom: var(--spacing-sm);
+        }
+        .info-stats {
+            display: grid;
+            grid-template-columns: repeat(2, 1fr);
+            gap: var(--spacing-md);
+            margin-top: var(--spacing-lg);
+        }
+        .stat-item {
+            text-align: center;
+            padding: var(--spacing-md);
+            background: var(--bg-gray);
+            border-radius: var(--radius-lg);
+        }
+        .stat-number {
+            font-size: 36px;
+            font-weight: 700;
+            color: var(--primary-orange);
+        }
+        .stat-label {
+            font-size: 14px;
+            color: var(--text-secondary);
+            margin-top: 4px;
+        }
+        
+        /* Mission Vision Values */
+        .mission-section {
+            background: var(--bg-gray);
+        }
+        .mvv-grid {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: var(--spacing-md);
+        }
+        .mvv-card {
+            background: white;
+            padding: var(--spacing-lg);
+            border-radius: var(--radius-lg);
+            box-shadow: var(--shadow-md);
+            transition: var(--transition);
+        }
+        .mvv-card:hover {
+            transform: translateY(-8px);
+            box-shadow: var(--shadow-lg);
+        }
+        .mvv-icon {
+            font-size: 48px;
+            margin-bottom: var(--spacing-sm);
+        }
+        .mvv-card h3 {
+            font-size: 24px;
+            margin-bottom: var(--spacing-xs);
+            color: var(--primary-orange);
+        }
+        .mvv-card p {
+            font-size: 16px;
+            color: var(--text-secondary);
+            line-height: 1.7;
+        }
+        
+        /* Story Timeline */
+        .story-section {
+            background: white;
+        }
+        .timeline {
+            max-width: 900px;
+            margin: 0 auto;
+            position: relative;
+        }
+        .timeline::before {
+            content: '';
+            position: absolute;
+            left: 50%;
+            transform: translateX(-50%);
+            width: 4px;
+            height: 100%;
+            background: var(--primary-gradient);
+        }
+        .timeline-item {
+            display: flex;
+            justify-content: flex-end;
+            padding: var(--spacing-sm) 0;
+            position: relative;
+        }
+        .timeline-item:nth-child(even) {
+            justify-content: flex-start;
+        }
+        .timeline-content {
+            width: 45%;
+            padding: var(--spacing-md);
+            background: white;
+            border-radius: var(--radius-lg);
+            box-shadow: var(--shadow-md);
+            position: relative;
+        }
+        .timeline-item:nth-child(odd) .timeline-content {
+            margin-right: var(--spacing-lg);
+        }
+        .timeline-item:nth-child(even) .timeline-content {
+            margin-left: var(--spacing-lg);
+        }
+        .timeline-year {
+            font-size: 20px;
+            font-weight: 700;
+            color: var(--primary-orange);
+            margin-bottom: var(--spacing-xs);
+        }
+        .timeline-title {
+            font-size: 18px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-xs);
+        }
+        .timeline-desc {
+            font-size: 15px;
+            color: var(--text-secondary);
+        }
+        
+        /* Team Section */
+        .team-section {
+            background: var(--bg-gray);
+        }
+        .team-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+            gap: var(--spacing-md);
+        }
+        .team-card {
+            background: white;
+            border-radius: var(--radius-lg);
+            overflow: hidden;
+            box-shadow: var(--shadow-md);
+            transition: var(--transition);
+        }
+        .team-card:hover {
+            transform: translateY(-8px);
+            box-shadow: var(--shadow-lg);
+        }
+        .team-avatar {
+            width: 100%;
+            height: 280px;
+            background: linear-gradient(135deg, #FFF5F0 0%, #F5F7FA 100%);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 80px;
+        }
+        .team-info {
+            padding: var(--spacing-md);
+            text-align: center;
+        }
+        .team-name {
+            font-size: 20px;
+            font-weight: 700;
+            margin-bottom: var(--spacing-xs);
+        }
+        .team-role {
+            font-size: 15px;
+            color: var(--primary-orange);
+            margin-bottom: var(--spacing-xs);
+        }
+        .team-desc {
+            font-size: 14px;
+            color: var(--text-secondary);
+            line-height: 1.6;
+        }
+        
+        /* CTA Section */
+        .cta-section {
+            background: var(--primary-gradient);
+            padding: var(--spacing-xl) 0;
+            text-align: center;
+            color: white;
+        }
+        .cta-section h2 {
+            font-size: 40px;
+            font-weight: 700;
+            margin-bottom: var(--spacing-sm);
+        }
+        .cta-section p {
+            font-size: 18px;
+            margin-bottom: var(--spacing-lg);
+            opacity: 0.95;
+        }
+        .cta-section .btn {
+            background: white;
+            color: var(--primary-orange);
+            font-size: 17px;
+            padding: 16px 48px;
+        }
+        
+        /* Footer */
+        .footer {
+            background: var(--bg-dark);
+            color: white;
+            padding: var(--spacing-xl) 0 var(--spacing-lg);
+        }
+        .footer-grid {
+            display: grid;
+            grid-template-columns: 2fr 1fr 1fr 1fr;
+            gap: var(--spacing-lg);
+            margin-bottom: var(--spacing-lg);
+        }
+        .footer-brand h3 {
+            font-size: 24px;
+            font-weight: 700;
+            margin-bottom: var(--spacing-xs);
+        }
+        .footer-brand p {
+            color: #CCCCCC;
+            margin-bottom: var(--spacing-xs);
+            font-size: 14px;
+        }
+        .footer-title {
+            font-size: 16px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-sm);
+        }
+        .footer-links li { margin-bottom: 10px; }
+        .footer-links a {
+            color: #CCCCCC;
+        }
+        .footer-links a:hover { color: var(--primary-orange); }
+        .footer-bottom {
+            text-align: center;
+            padding-top: var(--spacing-lg);
+            border-top: 1px solid #333333;
+            color: #999999;
+            font-size: 14px;
+        }
+        
+        /* Responsive */
+        @media (max-width: 1024px) {
+            .info-grid { grid-template-columns: 1fr; }
+            .mvv-grid { grid-template-columns: 1fr; }
+            .timeline::before { left: 20px; }
+            .timeline-item, .timeline-item:nth-child(even) { justify-content: flex-start; padding-left: 60px; }
+            .timeline-content, .timeline-item:nth-child(odd) .timeline-content, .timeline-item:nth-child(even) .timeline-content { width: 100%; margin: 0; }
+        }
+        @media (max-width: 768px) {
+            .hero h1 { font-size: 36px; }
+            .section-title { font-size: 32px; }
+            .info-stats { grid-template-columns: 1fr; }
+            .team-grid { grid-template-columns: 1fr; }
+            .footer-grid { grid-template-columns: 1fr; }
+            .nav-menu { display: none; }
+        }
+    </style>
+</head>
+<body>
+    <!-- Navigation -->
+    <nav class="navbar">
+        <div class="container">
+            <a href="/index.html" class="logo">
+                <img src="assets/logo.png" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            
+            <ul class="nav-menu">
+                <li><a href="/index.html" class="nav-link">首页</a></li>
+                <li><a href="/index.html#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="/apidemo/" class="nav-link">API 平台</a></li>
+                <li><a href="/all-apis.html" class="nav-link">全部接口</a></li>
+                <li><a href="/about.html" class="nav-link">关于我们</a></li>
+            </ul>
+            
+            <div class="nav-cta">
+                <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-outline" target="_blank">技术咨询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary" target="_blank">登录</a>
+            </div>
+        </div>
+    </nav>
+
+    <!-- Hero Section -->
+    <section class="hero">
+        <div class="container">
+            <h1>关于愉悦查</h1>
+            <p>让信任无处不在，让合作没有距离<br>AI 驱动的商业信任科技平台，搭建信任桥梁，连接商业未来</p>
+        </div>
+    </section>
+
+    <!-- Company Info Section -->
+    <section class="section company-info">
+        <div class="container">
+            <div class="info-grid">
+                <div class="info-content">
+                    <h3>愉悦查（北京正信环宇科技有限公司）</h3>
+                    <p>愉悦查是领先的 AI 驱动商业信任科技平台，成立于 2025 年，总部位于北京。我们致力于通过人工智能和大数据技术，为企业和个人提供专业、可靠、高效的信任验证服务。</p>
+                    <p>平台整合 200+ 官方数据接口，覆盖身份验证、企业信息、金融验证、运营商、学历资质、司法风险、背景调查等全场景，为金融信贷、人力资源、企业服务、婚恋交友、家政服务、互联网平台等行业提供全方位的风控解决方案。</p>
+                    <p>我们相信，信任是商业合作的基石。通过技术创新和数据赋能，我们让信任验证变得更简单、更智能、更可靠，助力企业降低风险、提升效率，让每一次合作都充满信任。</p>
+                    
+                    <div class="info-stats">
+                        <div class="stat-item">
+                            <div class="stat-number">200+</div>
+                            <div class="stat-label">数据接口</div>
+                        </div>
+                        <div class="stat-item">
+                            <div class="stat-number">10 万+</div>
+                            <div class="stat-label">日调用量</div>
+                        </div>
+                        <div class="stat-item">
+                            <div class="stat-number">99.9%</div>
+                            <div class="stat-label">服务可用性</div>
+                        </div>
+                        <div class="stat-item">
+                            <div class="stat-number">3 秒</div>
+                            <div class="stat-label">平均响应</div>
+                        </div>
+                    </div>
+                </div>
+                <div class="info-image" style="text-align:center;font-size:200px;">🏢</div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Mission Vision Values Section -->
+    <section class="section mission-section">
+        <div class="container">
+            <h2 class="section-title">使命 · 愿景 · 价值观</h2>
+            <p class="section-subtitle">这是我们前行的动力，也是我们对客户的承诺</p>
+            
+            <div class="mvv-grid">
+                <div class="mvv-card">
+                    <div class="mvv-icon">🎯</div>
+                    <h3>使命</h3>
+                    <p><strong>搭建信任桥梁，连接商业未来</strong></p>
+                    <p style="margin-top:12px;color:var(--text-secondary);">我们通过技术创新，让信任验证变得简单可靠，消除信息不对称，降低交易成本，促进商业合作的高效开展。</p>
+                </div>
+                
+                <div class="mvv-card">
+                    <div class="mvv-icon">🌟</div>
+                    <h3>愿景</h3>
+                    <p><strong>让信任无处不在，让合作没有距离</strong></p>
+                    <p style="margin-top:12px;color:var(--text-secondary);">我们致力于成为最受信赖的商业信任科技平台，让每一次合作都建立在坚实的信任基础之上。</p>
+                </div>
+                
+                <div class="mvv-card">
+                    <div class="mvv-icon">💎</div>
+                    <h3>价值观</h3>
+                    <p><strong>诚信 · 务实 · 高效 · 共赢</strong></p>
+                    <p style="margin-top:12px;color:var(--text-secondary);">诚信是我们的立身之本，务实是我们的行事风格，高效是我们的服务标准，共赢是我们的追求目标。</p>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Story Section -->
+    <section class="section story-section">
+        <div class="container">
+            <h2 class="section-title">发展历程</h2>
+            <p class="section-subtitle">从创立到成长，每一步都坚实有力</p>
+            
+            <div class="timeline">
+                <div class="timeline-item">
+                    <div class="timeline-content">
+                        <div class="timeline-year">2025 年</div>
+                        <div class="timeline-title">公司成立</div>
+                        <div class="timeline-desc">愉悦查（北京正信环宇科技有限公司）在北京成立，开始规划商业信任科技平台</div>
+                    </div>
+                </div>
+                
+                <div class="timeline-item">
+                    <div class="timeline-content">
+                        <div class="timeline-year">2025 年 Q2</div>
+                        <div class="timeline-title">产品上线</div>
+                        <div class="timeline-desc">官网 yuyuecha.com.cn 和功能站 yuyuecha.com 正式上线，推出 6 大标准报告产品</div>
+                    </div>
+                </div>
+                
+                <div class="timeline-item">
+                    <div class="timeline-content">
+                        <div class="timeline-year">2025 年 Q3</div>
+                        <div class="timeline-title">API 平台发布</div>
+                        <div class="timeline-desc">开放 200+ 数据接口，为开发者提供便捷的 API 服务，日调用量突破 10 万+</div>
+                    </div>
+                </div>
+                
+                <div class="timeline-item">
+                    <div class="timeline-content">
+                        <div class="timeline-year">2025 年 Q4</div>
+                        <div class="timeline-title">代理体系建立</div>
+                        <div class="timeline-desc">推出白银/黄金/钻石三级代理体系，携手合作伙伴共同拓展市场</div>
+                    </div>
+                </div>
+                
+                <div class="timeline-item">
+                    <div class="timeline-content">
+                        <div class="timeline-year">2026 年</div>
+                        <div class="timeline-title">持续创新</div>
+                        <div class="timeline-desc">不断优化产品和服务，拓展应用场景，致力于成为行业领先的商业信任科技平台</div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Team Section -->
+    <section class="section team-section">
+        <div class="container">
+            <h2 class="section-title">核心团队</h2>
+            <p class="section-subtitle">一群有梦想、有技术、有担当的伙伴</p>
+            
+            <div class="team-grid">
+                <div class="team-card">
+                    <div class="team-avatar">👨‍💼</div>
+                    <div class="team-info">
+                        <div class="team-name">吴正</div>
+                        <div class="team-role">CEO / 创始人</div>
+                        <div class="team-desc">连续创业者，深耕互联网行业 10 年+，对商业信任和风险控制有深刻理解</div>
+                    </div>
+                </div>
+                
+                <div class="team-card">
+                    <div class="team-avatar">👨‍💻</div>
+                    <div class="team-info">
+                        <div class="team-name">技术团队</div>
+                        <div class="team-role">研发中心</div>
+                        <div class="team-desc">来自 BAT 等一线互联网公司的技术专家，精通 AI、大数据、云计算等技术</div>
+                    </div>
+                </div>
+                
+                <div class="team-card">
+                    <div class="team-avatar">👩‍💼</div>
+                    <div class="team-info">
+                        <div class="team-name">运营团队</div>
+                        <div class="team-role">运营中心</div>
+                        <div class="team-desc">经验丰富的运营管理专家，负责产品运营、市场推广、客户服务等工作</div>
+                    </div>
+                </div>
+                
+                <div class="team-card">
+                    <div class="team-avatar">👨‍⚖️</div>
+                    <div class="team-info">
+                        <div class="team-name">法务合规</div>
+                        <div class="team-role">风控中心</div>
+                        <div class="team-desc">资深法律专家，确保平台合规运营，保障用户数据安全和隐私权益</div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- CTA Section -->
+    <section class="cta-section">
+        <div class="container">
+            <h2>想了解更多？</h2>
+            <p>欢迎联系我们，获取详细的产品介绍和解决方案</p>
+            <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn" target="_blank">📞 立即咨询</a>
+        </div>
+    </section>
+
+    <!-- Footer -->
+    <footer class="footer">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <h3>愉悦查</h3>
+                    <p>让信任无处不在，让合作没有距离</p>
+                    <p style="margin-top:16px;font-size:13px;">愉悦查（北京正信环宇科技有限公司）</p>
+                    <p style="font-size:13px;">AI 驱动的商业信任科技平台</p>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">产品</h4>
+                    <ul class="footer-links">
+                        <li><a href="/product/riskassessment.html">个人大数据报告</a></li>
+                        <li><a href="/product/marriage.html">婚恋风险报告</a></li>
+                        <li><a href="/product/backgroundcheck.html">入职背调报告</a></li>
+                        <li><a href="/product/companyinfo.html">小微企业报告</a></li>
+                        <li><a href="/product/homeservice.html">家政风险报告</a></li>
+                        <li><a href="/product/consumerFinanceReport.html">消金报告</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">API</h4>
+                    <ul class="footer-links">
+                        <li><a href="/apidemo/">API 平台</a></li>
+                        <li><a href="/all-apis.html">全部接口</a></li>
+                        <li><a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" target="_blank">技术咨询</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">公司</h4>
+                    <ul class="footer-links">
+                        <li><a href="/about.html">关于我们</a></li>
+                        <li><a href="/careers.html">加入我们</a></li>
+                        <li><a href="/contact.html">联系我们</a></li>
+                        <li><a href="/privacy.html">隐私政策</a></li>
+                        <li><a href="/terms.html">服务条款</a></li>
+                    </ul>
+                </div>
+            </div>
+            
+            <div class="footer-bottom">
+                <p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p>京 ICP 备 2025158088 号 -2</p>
+            </div>
+        </div>
+    </footer>
+</body>
+</html>
diff --git a/all-apis.html b/all-apis.html
new file mode 100644
index 0000000..a38ecd0
--- /dev/null
+++ b/all-apis.html
@@ -0,0 +1,1814 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>全部接口 - 愉悦查 API 数据市场 | 200+ 数据接口</title>
+    <meta name="description" content="愉悦查 API 数据市场，提供 200+ 官方数据接口，涵盖身份验证、企业信息、金融验证、运营商、学历资质、司法风险、背景调查等场景。">
+    <meta name="keywords" content="愉悦查 API，数据接口，API 市场，身份验证，企业信息，金融验证，背景调查">
+    <!-- SEO Enhancement -->
+    <link rel="canonical" href="https://www.yuyuecha.com.cn/all-apis.html">
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="https://www.yuyuecha.com.cn/all-apis.html">
+    <meta property="og:title" content="全部接口 - 愉悦查 API 数据市场">
+    <meta property="og:description" content="200+ 官方数据接口，涵盖身份验证、企业信息、金融验证、运营商、学历资质、司法风险等场景。">
+    <meta property="og:image" content="https://www.yuyuecha.com.cn/assets/logo-nav-2x.png">
+    <meta property="og:site_name" content="愉悦查">
+    <meta property="og:locale" content="zh_CN">
+    <meta name="twitter:card" content="summary">
+    <meta name="twitter:title" content="全部接口 - 愉悦查 API 数据市场">
+    <meta name="twitter:description" content="200+ 官方数据接口，涵盖身份验证、企业信息、金融验证、运营商、学历资质、司法风险等场景。">
+    <meta name="twitter:image" content="https://www.yuyuecha.com.cn/assets/logo-nav-2x.png">
+    
+    <!-- 预加载字体 -->
+    <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=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    
+    <style>
+        /* ===== CSS Variables ===== */
+        :root {
+            --primary-orange: #FF6A19;
+            --primary-orange-light: #FC6E18;
+            --primary-orange-dark: #E64E10;
+            --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
+            --bg-light: #FFFFFF;
+            --bg-gray: #F5F7FA;
+            --bg-dark: #1A1A1A;
+            --text-primary: #1A1A1A;
+            --text-secondary: #666666;
+            --text-light: #999999;
+            --text-white: #FFFFFF;
+            --success: #07C160;
+            --warning: #FF9500;
+            --error: #FF3B30;
+            --spacing-xs: 8px;
+            --spacing-sm: 16px;
+            --spacing-md: 24px;
+            --spacing-lg: 48px;
+            --spacing-xl: 80px;
+            --radius-sm: 4px;
+            --radius-md: 8px;
+            --radius-lg: 16px;
+            --radius-xl: 24px;
+            --shadow-sm: 0 2px 8px rgba(0,0,0,0.08);
+            --shadow-md: 0 4px 16px rgba(0,0,0,0.12);
+            --shadow-lg: 0 8px 32px rgba(0,0,0,0.16);
+            --transition: all 0.3s ease;
+        }
+        
+        /* ===== Reset & Base ===== */
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        html { scroll-behavior: smooth; }
+        body {
+            font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, sans-serif;
+            font-size: 16px;
+            line-height: 1.6;
+            color: var(--text-primary);
+            background: var(--bg-light);
+        }
+        a { text-decoration: none; color: inherit; transition: var(--transition); }
+        ul { list-style: none; }
+        img { max-width: 100%; height: auto; }
+        .container { max-width: 1400px; margin: 0 auto; padding: 0 var(--spacing-md); }
+        
+        /* ===== Buttons ===== */
+        .btn {
+            display: inline-block;
+            padding: 14px 32px;
+            font-size: 15px;
+            font-weight: 500;
+            border-radius: var(--radius-md);
+            cursor: pointer;
+            transition: var(--transition);
+            border: none;
+            text-align: center;
+        }
+        .btn-primary {
+            background: var(--primary-gradient);
+            color: white;
+            box-shadow: 0 4px 12px rgba(255, 106, 25, 0.3);
+        }
+        .btn-primary:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 6px 20px rgba(255, 106, 25, 0.4);
+        }
+        .btn-outline {
+            background: transparent;
+            border: 2px solid var(--primary-orange);
+            color: var(--primary-orange);
+        }
+        .btn-outline:hover {
+            background: var(--primary-gradient);
+            color: white;
+        }
+        .btn-lg {
+            padding: 16px 40px;
+            font-size: 17px;
+        }
+        
+        /* ===== Navigation ===== */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+        }
+        .navbar .container {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            height: 80px;
+        }
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            text-decoration: none;
+        }
+        .logo-img {
+            background: rgba(255,255,255,0.95);
+            height: 60px;
+            width: auto;
+            object-fit: contain;
+            transition: var(--transition);
+        }
+        .logo:hover .logo-img { transform: scale(1.05); }
+        .nav-menu { display: flex; gap: var(--spacing-lg); }
+        .nav-link {
+            font-size: 15px;
+            font-weight: 500;
+            color: var(--text-primary);
+        }
+        .nav-link:hover { color: var(--primary-orange); }
+        
+        /* ===== Hero Section ===== */
+        .hero {
+            padding: 160px 0 80px;
+            background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 50%, #F5F7FA 100%);
+            text-align: center;
+            position: relative;
+            overflow: hidden;
+        }
+        .hero::before {
+            content: '';
+            position: absolute;
+            top: -50%;
+            right: -20%;
+            width: 80%;
+            height: 200%;
+            background: radial-gradient(circle, rgba(255, 106, 25, 0.05) 0%, transparent 70%);
+            animation: float 20s ease-in-out infinite;
+        }
+        @keyframes float {
+            0%, 100% { transform: translateY(0) rotate(0deg); }
+            50% { transform: translateY(-20px) rotate(5deg); }
+        }
+        .hero h1 {
+            font-size: 52px;
+            font-weight: 900;
+            margin-bottom: var(--spacing-sm);
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 50%, #FF8A5C 100%);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+            position: relative;
+        }
+        .hero p {
+            font-size: 20px;
+            color: var(--text-secondary);
+            max-width: 800px;
+            margin: 0 auto var(--spacing-lg);
+            position: relative;
+        }
+        .hero-stats {
+            display: flex;
+            justify-content: center;
+            gap: var(--spacing-xl);
+            margin-top: var(--spacing-lg);
+            position: relative;
+        }
+        .stat-item { text-align: center; }
+        .stat-number {
+            font-size: 48px;
+            font-weight: 700;
+            background: var(--primary-gradient);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+        .stat-label {
+            font-size: 15px;
+            color: var(--text-secondary);
+            margin-top: 6px;
+        }
+        
+        /* ===== Search Bar ===== */
+        .search-section {
+            padding: 0 0 var(--spacing-lg);
+        }
+        .search-box {
+            max-width: 800px;
+            margin: 0 auto;
+            position: relative;
+        }
+        .search-input {
+            width: 100%;
+            padding: 20px 80px 20px 28px;
+            font-size: 16px;
+            border: 2px solid #E0E0E0;
+            border-radius: 50px;
+            outline: none;
+            transition: var(--transition);
+            box-shadow: var(--shadow-md);
+        }
+        .search-input:focus {
+            border-color: var(--primary-orange);
+            box-shadow: 0 0 0 4px rgba(255, 106, 25, 0.1), var(--shadow-lg);
+        }
+        .search-btn {
+            position: absolute;
+            right: 8px;
+            top: 50%;
+            transform: translateY(-50%);
+            background: var(--primary-gradient);
+            color: white;
+            border: none;
+            padding: 14px 32px;
+            border-radius: 40px;
+            cursor: pointer;
+            font-weight: 600;
+            font-size: 15px;
+            transition: var(--transition);
+        }
+        .search-btn:hover {
+            transform: translateY(-50%) scale(1.05);
+        }
+        
+        /* ===== Category Filter ===== */
+        .category-filter {
+            display: flex;
+            justify-content: center;
+            flex-wrap: wrap;
+            gap: var(--spacing-sm);
+            margin-bottom: var(--spacing-lg);
+        }
+        .filter-btn {
+            padding: 12px 24px;
+            background: var(--bg-gray);
+            border: 2px solid transparent;
+            border-radius: 25px;
+            cursor: pointer;
+            font-weight: 500;
+            transition: var(--transition);
+            font-size: 15px;
+        }
+        .filter-btn:hover {
+            border-color: var(--primary-orange);
+            color: var(--primary-orange);
+        }
+        .filter-btn.active {
+            background: var(--primary-gradient);
+            color: white;
+            border-color: transparent;
+        }
+        
+        /* ===== API Grid ===== */
+        .api-section { padding: var(--spacing-lg) 0; }
+        .section-title {
+            text-align: center;
+            font-size: 40px;
+            font-weight: 700;
+            margin-bottom: var(--spacing-xs);
+        }
+        .section-subtitle {
+            text-align: center;
+            font-size: 18px;
+            color: var(--text-secondary);
+            margin-bottom: var(--spacing-lg);
+        }
+        .api-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
+            gap: var(--spacing-md);
+        }
+        .api-card {
+            background: white;
+            border: 2px solid #E8E8E8;
+            border-radius: var(--radius-lg);
+            padding: var(--spacing-md);
+            transition: var(--transition);
+            position: relative;
+            overflow: hidden;
+        }
+        .api-card::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            height: 4px;
+            background: var(--primary-gradient);
+            opacity: 0;
+            transition: var(--transition);
+        }
+        .api-card:hover {
+            border-color: var(--primary-orange);
+            box-shadow: var(--shadow-lg);
+            transform: translateY(-6px);
+        }
+        .api-card:hover::before { opacity: 1; }
+        .api-header {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            margin-bottom: var(--spacing-xs);
+        }
+        .api-name {
+            font-size: 19px;
+            font-weight: 700;
+            color: var(--text-primary);
+        }
+        .api-tag {
+            padding: 5px 12px;
+            border-radius: 12px;
+            font-size: 12px;
+            font-weight: 600;
+        }
+        .api-tag.hot { background: linear-gradient(135deg, #FF6A19, #FC6E18); color: white; }
+        .api-tag.new { background: linear-gradient(135deg, #07C160, #05A850); color: white; }
+        .api-tag.recommend { background: linear-gradient(135deg, #007AFF, #0055D4); color: white; }
+        .api-desc {
+            font-size: 14px;
+            color: var(--text-secondary);
+            margin-bottom: var(--spacing-sm);
+            line-height: 1.7;
+            min-height: 50px;
+        }
+        .api-features {
+            display: flex;
+            gap: var(--spacing-xs);
+            flex-wrap: wrap;
+            margin-bottom: var(--spacing-sm);
+        }
+        .api-feature {
+            font-size: 12px;
+            padding: 4px 10px;
+            background: #F5F7FA;
+            border-radius: 4px;
+            color: var(--text-secondary);
+        }
+        .api-meta {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            padding-top: var(--spacing-sm);
+            border-top: 2px solid #F0F0F0;
+        }
+        .api-price {
+            font-size: 22px;
+            font-weight: 700;
+            color: var(--primary-orange);
+        }
+        .api-price span {
+            font-size: 14px;
+            color: var(--text-light);
+            font-weight: 400;
+        }
+        
+        /* ===== Features Section ===== */
+        .features-section {
+            padding: var(--spacing-xl) 0;
+            background: var(--bg-gray);
+        }
+        .features-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+            gap: var(--spacing-md);
+        }
+        .feature-card {
+            background: white;
+            padding: var(--spacing-lg);
+            border-radius: var(--radius-lg);
+            text-align: center;
+            box-shadow: var(--shadow-sm);
+            transition: var(--transition);
+        }
+        .feature-card:hover {
+            transform: translateY(-8px);
+            box-shadow: var(--shadow-lg);
+        }
+        .feature-icon {
+            font-size: 48px;
+            margin-bottom: var(--spacing-sm);
+        }
+        .feature-title {
+            font-size: 22px;
+            font-weight: 700;
+            margin-bottom: var(--spacing-xs);
+        }
+        .feature-desc {
+            font-size: 15px;
+            color: var(--text-secondary);
+            line-height: 1.7;
+        }
+        
+        /* ===== Use Cases Section ===== */
+        .use-cases-section {
+            padding: var(--spacing-xl) 0;
+        }
+        .use-cases-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
+            gap: var(--spacing-md);
+        }
+        .use-case-card {
+            background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%);
+            padding: var(--spacing-lg);
+            border-radius: var(--radius-lg);
+            border-left: 4px solid var(--primary-orange);
+        }
+        .use-case-title {
+            font-size: 20px;
+            font-weight: 700;
+            margin-bottom: var(--spacing-xs);
+            color: var(--primary-orange);
+        }
+        .use-case-desc {
+            font-size: 15px;
+            color: var(--text-secondary);
+            margin-bottom: var(--spacing-sm);
+            line-height: 1.7;
+        }
+        .use-case-apis {
+            font-size: 14px;
+            color: var(--text-light);
+        }
+        .use-case-apis strong { color: var(--text-primary); }
+        
+        /* ===== How It Works Section ===== */
+        .how-it-works {
+            padding: var(--spacing-xl) 0;
+            background: var(--bg-dark);
+            color: var(--text-white);
+        }
+        .how-it-works .section-title,
+        .how-it-works .section-subtitle {
+            color: var(--text-white);
+        }
+        .steps-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+            gap: var(--spacing-lg);
+            margin-top: var(--spacing-lg);
+        }
+        .step-card {
+            text-align: center;
+            padding: var(--spacing-md);
+        }
+        .step-number {
+            width: 60px;
+            height: 60px;
+            background: var(--primary-gradient);
+            border-radius: 50%;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 28px;
+            font-weight: 700;
+            margin: 0 auto var(--spacing-sm);
+        }
+        .step-title {
+            font-size: 20px;
+            font-weight: 700;
+            margin-bottom: var(--spacing-xs);
+        }
+        .step-desc {
+            font-size: 15px;
+            color: #CCCCCC;
+            line-height: 1.7;
+        }
+        
+        /* ===== FAQ Section ===== */
+        .faq-section {
+            padding: var(--spacing-xl) 0;
+            background: var(--bg-gray);
+        }
+        .faq-list {
+            max-width: 900px;
+            margin: 0 auto;
+        }
+        .faq-item {
+            background: white;
+            margin-bottom: var(--spacing-sm);
+            border-radius: var(--radius-md);
+            overflow: hidden;
+            box-shadow: var(--shadow-sm);
+        }
+        .faq-question {
+            padding: var(--spacing-md) var(--spacing-lg);
+            font-size: 17px;
+            font-weight: 600;
+            cursor: pointer;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+        .faq-question:hover {
+            background: #FAFAFA;
+        }
+        .faq-answer {
+            padding: 0 var(--spacing-lg) var(--spacing-md);
+            font-size: 15px;
+            color: var(--text-secondary);
+            line-height: 1.8;
+            display: none;
+        }
+        .faq-item.active .faq-answer {
+            display: block;
+        }
+        .faq-icon {
+            font-size: 20px;
+            transition: var(--transition);
+        }
+        .faq-item.active .faq-icon {
+            transform: rotate(45deg);
+        }
+        
+        /* ===== CTA Section ===== */
+        .cta-section {
+            padding: var(--spacing-xl) 0;
+            background: var(--primary-gradient);
+            text-align: center;
+            color: white;
+        }
+        .cta-section h2 {
+            font-size: 40px;
+            font-weight: 700;
+            margin-bottom: var(--spacing-sm);
+        }
+        .cta-section p {
+            font-size: 18px;
+            margin-bottom: var(--spacing-lg);
+            opacity: 0.95;
+        }
+        .cta-section .btn {
+            background: white;
+            color: var(--primary-orange);
+            font-size: 17px;
+            padding: 16px 48px;
+        }
+        .cta-section .btn:hover {
+            transform: translateY(-3px);
+            box-shadow: 0 8px 24px rgba(0,0,0,0.2);
+        }
+        
+        /* ===== Footer ===== */
+        .footer {
+            background: var(--bg-dark);
+            color: var(--text-white);
+            padding: var(--spacing-xl) 0 var(--spacing-lg);
+        }
+        .footer-grid {
+            display: grid;
+            grid-template-columns: 2fr 1fr 1fr 1fr;
+            gap: var(--spacing-lg);
+            margin-bottom: var(--spacing-lg);
+        }
+        .footer-brand h3 {
+            font-size: 24px;
+            font-weight: 700;
+            margin-bottom: var(--spacing-xs);
+        }
+        .footer-brand p {
+            color: #CCCCCC;
+            margin-bottom: var(--spacing-xs);
+            font-size: 14px;
+        }
+        .footer-title {
+            font-size: 16px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-sm);
+            color: white;
+        }
+        .footer-links li { margin-bottom: 10px; }
+        .footer-links a {
+            color: #CCCCCC;
+        }
+        .footer-links a:hover { color: var(--primary-orange); }
+        .footer-bottom {
+            text-align: center;
+            padding-top: var(--spacing-lg);
+            border-top: 1px solid #333333;
+            color: #999999;
+            font-size: 14px;
+        }
+        
+        /* ===== Responsive ===== */
+        @media (max-width: 1024px) {
+            .api-grid { grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); }
+            .hero h1 { font-size: 42px; }
+            .footer-grid { grid-template-columns: 1fr 1fr; }
+        }
+        @media (max-width: 768px) {
+            .hero h1 { font-size: 32px; }
+            .hero-stats { flex-wrap: wrap; gap: var(--spacing-md); }
+            .api-grid { grid-template-columns: 1fr; }
+            .footer-grid { grid-template-columns: 1fr; }
+            .nav-menu { display: none; }
+            .section-title { font-size: 32px; }
+            .use-cases-grid { grid-template-columns: 1fr; }
+        }
+    
+        /* ===== Unified Navbar ===== */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            z-index: 1000;
+            padding: 12px 0;
+            transition: all 0.3s ease;
+            background: rgba(255,255,255,0.95);
+            backdrop-filter: blur(20px);
+            -webkit-backdrop-filter: blur(20px);
+        }
+        .navbar.scrolled {
+            padding: 8px 0;
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+        }
+        .navbar .container {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 0 24px;
+        }
+        .logo {
+            display: flex;
+            align-items: center;
+            text-decoration: none;
+        }
+        .logo-img {
+            height: 44px;
+            width: auto;
+            object-fit: contain;
+            transition: all 0.3s ease;
+        }
+        .logo:hover .logo-img {
+            transform: scale(1.03);
+        }
+        .nav-menu {
+            display: flex;
+            gap: 32px;
+            list-style: none;
+            margin: 0;
+            padding: 0;
+        }
+        .nav-link {
+            font-size: 15px;
+            font-weight: 500;
+            color: #1A1A1A;
+            text-decoration: none;
+            position: relative;
+            padding: 6px 0;
+            transition: all 0.3s ease;
+        }
+        .nav-link::after {
+            content: '';
+            position: absolute;
+            bottom: 0;
+            left: 50%;
+            width: 0;
+            height: 2px;
+            background: #FF6A19;
+            transition: all 0.3s ease;
+            transform: translateX(-50%);
+            border-radius: 1px;
+        }
+        .nav-link:hover {
+            color: #FF6A19;
+        }
+        .nav-link:hover::after {
+            width: 100%;
+        }
+        .nav-cta {
+            display: flex;
+            gap: 12px;
+            align-items: center;
+        }
+        .nav-btn {
+            padding: 8px 20px;
+            border-radius: 8px;
+            font-size: 14px;
+            font-weight: 500;
+            cursor: pointer;
+            transition: all 0.3s ease;
+            text-decoration: none;
+            border: none;
+            display: inline-flex;
+            align-items: center;
+        }
+        .btn-outline.nav-btn {
+            border: 1.5px solid #FF6A19;
+            color: #FF6A19;
+            background: transparent;
+        }
+        .btn-outline.nav-btn:hover {
+            background: #FFF5F0;
+        }
+        .btn-primary.nav-btn {
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
+            color: white;
+            box-shadow: 0 2px 8px rgba(255,106,25,0.3);
+        }
+        .btn-primary.nav-btn:hover {
+            transform: translateY(-1px);
+            box-shadow: 0 4px 12px rgba(255,106,25,0.4);
+        }
+        .menu-toggle {
+            display: none;
+            flex-direction: column;
+            gap: 5px;
+            cursor: pointer;
+            padding: 4px;
+            z-index: 1001;
+        }
+        .menu-toggle span {
+            width: 24px;
+            height: 2px;
+            background: #1A1A1A;
+            transition: all 0.3s ease;
+            border-radius: 1px;
+        }
+        @media (max-width: 1024px) {
+            .nav-menu {
+                display: none;
+                position: fixed;
+                top: 0;
+                left: 0;
+                right: 0;
+                bottom: 0;
+                background: rgba(255,255,255,0.98);
+                backdrop-filter: blur(20px);
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                gap: 24px;
+                z-index: 999;
+            }
+            .nav-menu.active {
+                display: flex;
+            }
+            .nav-link {
+                font-size: 18px;
+            }
+            .nav-cta {
+                display: none;
+            }
+            .menu-toggle {
+                display: flex;
+            }
+        }
+
+        /* ===== Unified Footer ===== */
+        .footer {
+            background: #1A1A1A;
+            color: white;
+            padding: 60px 0 30px;
+        }
+        .footer-grid {
+            display: grid;
+            grid-template-columns: 1.5fr 1fr 1fr 1fr;
+            gap: 48px;
+            margin-bottom: 40px;
+        }
+        .footer-brand h3 {
+            font-size: 22px;
+            font-weight: 700;
+            margin-bottom: 8px;
+            background: linear-gradient(135deg, #FF6A19, #FC6E18);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+        .footer-brand p {
+            color: rgba(255,255,255,0.6);
+            font-size: 14px;
+            line-height: 1.6;
+        }
+        .footer-title {
+            font-size: 15px;
+            font-weight: 600;
+            margin-bottom: 16px;
+            color: rgba(255,255,255,0.9);
+        }
+        .footer-links {
+            list-style: none;
+            padding: 0;
+            margin: 0;
+        }
+        .footer-links li {
+            margin-bottom: 10px;
+        }
+        .footer-links a {
+            color: rgba(255,255,255,0.5);
+            text-decoration: none;
+            font-size: 14px;
+            transition: all 0.3s ease;
+        }
+        .footer-links a:hover {
+            color: #FF6A19;
+        }
+        .footer-bottom {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            padding-top: 24px;
+            border-top: 1px solid rgba(255,255,255,0.1);
+            font-size: 13px;
+            color: rgba(255,255,255,0.4);
+        }
+        .footer-icp {
+            color: rgba(255,255,255,0.4);
+        }
+        .footer-icp a {
+            color: rgba(255,255,255,0.4);
+            text-decoration: none;
+        }
+        .footer-icp a:hover {
+            color: #FF6A19;
+        }
+        @media (max-width: 768px) {
+            .footer-grid {
+                grid-template-columns: 1fr 1fr;
+                gap: 32px;
+            }
+            .footer-bottom {
+                flex-direction: column;
+                text-align: center;
+                gap: 8px;
+            }
+        }
+        @media (max-width: 480px) {
+            .footer-grid {
+                grid-template-columns: 1fr;
+            }
+        }
+
+    </style>
+</head>
+<body>
+    <!-- Navigation -->
+        <nav class="navbar" id="navbar">
+        <div class="container">
+            <a href="/index.html" class="logo">
+                <img src="assets/logo-nav.png" srcset="assets/logo-nav.png 1x, assets/logo-nav-2x.png 2x" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            
+            <div class="menu-toggle" id="menuToggle">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+            
+            <ul class="nav-menu" id="navMenu">
+                <li><a href="/index.html" class="nav-link">首页</a></li>
+                <li><a href="/index.html#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="/index.html#technology" class="nav-link">AI 能力</a></li>
+                <li><a href="/index.html#partnership" class="nav-link">代理合作</a></li>
+                <li><a href="/about.html" class="nav-link">关于我们</a></li>
+            </ul>
+            
+            <div class="nav-cta">
+                <a href="/index.html#products" class="btn btn-outline nav-btn">立即查询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
+            </div>
+        </div>
+    </nav>
+
+    <!-- Hero Section -->
+    <section class="hero">
+        <div class="container">
+            <h1>📦 全部接口</h1>
+            <p>200+ 官方数据接口，覆盖全场景商业信任服务<br>智能组合 · 秒级响应 · 安全合规 · 稳定可靠</p>
+            
+            <div class="hero-stats">
+                <div class="stat-item">
+                    <div class="stat-number">200+</div>
+                    <div class="stat-label">数据接口</div>
+                </div>
+                <div class="stat-item">
+                    <div class="stat-number">7</div>
+                    <div class="stat-label">接口分类</div>
+                </div>
+                <div class="stat-item">
+                    <div class="stat-number">3 秒</div>
+                    <div class="stat-label">平均响应</div>
+                </div>
+                <div class="stat-item">
+                    <div class="stat-number">99.9%</div>
+                    <div class="stat-label">服务可用性</div>
+                </div>
+                <div class="stat-item">
+                    <div class="stat-number">10 万+</div>
+                    <div class="stat-label">日调用量</div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Search Section -->
+    <section class="search-section">
+        <div class="container">
+            <div class="search-box">
+                <input type="text" class="search-input" placeholder="搜索接口名称、描述或关键词，如"身份证"、"企业"、"银行卡"..." id="searchInput">
+                <button class="search-btn">🔍 搜索</button>
+            </div>
+        </div>
+    </section>
+
+    <!-- API Section -->
+    <section class="api-section">
+        <div class="container">
+            <h2 class="section-title">全部接口</h2>
+            <p class="section-subtitle">按分类浏览，快速找到所需接口</p>
+            
+            <!-- Category Filter -->
+            <div class="category-filter">
+                <button class="filter-btn active" data-category="all">📋 全部</button>
+                <button class="filter-btn" data-category="identity">👤 身份验证</button>
+                <button class="filter-btn" data-category="company">🏢 企业信息</button>
+                <button class="filter-btn" data-category="finance">💳 金融验证</button>
+                <button class="filter-btn" data-category="telecom">📱 运营商</button>
+                <button class="filter-btn" data-category="education">🎓 学历资质</button>
+                <button class="filter-btn" data-category="legal">⚖️ 司法风险</button>
+                <button class="filter-btn" data-category="background">🔍 背景调查</button>
+            </div>
+            
+            <!-- API Grid -->
+            <div class="api-grid" id="apiGrid">
+                <!-- 身份验证类 -->
+                <div class="api-card" data-category="identity">
+                    <div class="api-header">
+                        <span class="api-name">身份证二要素验证</span>
+                        <span class="api-tag hot">🔥 热门</span>
+                    </div>
+                    <p class="api-desc">姓名 + 身份证号，验证身份信息真实性，支持全国范围身份证信息核验</p>
+                    <div class="api-features">
+                        <span class="api-feature">实时返回</span>
+                        <span class="api-feature">99.9% 准确率</span>
+                        <span class="api-feature">加密传输</span>
+                    </div>
+                    <div class="api-meta">
+                        <span class="api-price">¥0.3<span>/次</span></span>
+                        <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
+                    </div>
+                </div>
+                
+                <div class="api-card" data-category="identity">
+                    <div class="api-header">
+                        <span class="api-name">身份证三要素验证</span>
+                        <span class="api-tag hot">🔥 热门</span>
+                    </div>
+                    <p class="api-desc">姓名 + 身份证号 + 手机号，三重验证更安全，适用于高安全等级场景</p>
+                    <div class="api-features">
+                        <span class="api-feature">三重验证</span>
+                        <span class="api-feature">运营商数据</span>
+                        <span class="api-feature">毫秒响应</span>
+                    </div>
+                    <div class="api-meta">
+                        <span class="api-price">¥0.5<span>/次</span></span>
+                        <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
+                    </div>
+                </div>
+                
+                <div class="api-card" data-category="identity">
+                    <div class="api-header">
+                        <span class="api-name">实名认证</span>
+                        <span class="api-tag new">✨ 新品</span>
+                    </div>
+                    <p class="api-desc">多要素实名认证，支持身份证、护照、军官证等多种证件类型</p>
+                    <div class="api-features">
+                        <span class="api-feature">多证件类型</span>
+                        <span class="api-feature">活体检测</span>
+                        <span class="api-feature">防伪造</span>
+                    </div>
+                    <div class="api-meta">
+                        <span class="api-price">¥0.8<span>/次</span></span>
+                        <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
+                    </div>
+                </div>
+                
+                <div class="api-card" data-category="identity">
+                    <div class="api-header">
+                        <span class="api-name">身份证 OCR 识别</span>
+                    </div>
+                    <p class="api-desc">自动识别身份证正反面信息，支持图片上传识别，准确率 99%+</p>
+                    <div class="api-features">
+                        <span class="api-feature">OCR 识别</span>
+                        <span class="api-feature">自动裁剪</span>
+                        <span class="api-feature">支持翻拍</span>
+                    </div>
+                    <div class="api-meta">
+                        <span class="api-price">¥0.5<span>/次</span></span>
+                        <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
+                    </div>
+                </div>
+                
+                <!-- 企业信息类 -->
+                <div class="api-card" data-category="company">
+                    <div class="api-header">
+                        <span class="api-name">企业基本信息查询</span>
+                        <span class="api-tag hot">🔥 热门</span>
+                    </div>
+                    <p class="api-desc">企业名称、统一社会信用代码、注册资本、成立日期等基础工商信息</p>
+                    <div class="api-features">
+                        <span class="api-feature">官方数据</span>
+                        <span class="api-feature">实时更新</span>
+                        <span class="api-feature">全覆盖</span>
+                    </div>
+                    <div class="api-meta">
+                        <span class="api-price">¥0.5<span>/次</span></span>
+                        <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
+                    </div>
+                </div>
+                
+                <div class="api-card" data-category="company">
+                    <div class="api-header">
+                        <span class="api-name">企业工商信息</span>
+                        <span class="api-tag hot">🔥 热门</span>
+                    </div>
+                    <p class="api-desc">工商注册号、法定代表人、成立日期、经营范围、登记机关等详细信息</p>
+                    <div class="api-features">
+                        <span class="api-feature">工商总局</span>
+                        <span class="api-feature">详细信息</span>
+                        <span class="api-feature">权威可靠</span>
+                    </div>
+                    <div class="api-meta">
+                        <span class="api-price">¥0.8<span>/次</span></span>
+                        <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
+                    </div>
+                </div>
+                
+                <div class="api-card" data-category="company">
+                    <div class="api-header">
+                        <span class="api-name">企业股东信息</span>
+                    </div>
+                    <p class="api-desc">股东名单、出资比例、持股数量、股东类型等股权结构信息</p>
+                    <div class="api-features">
+                        <span class="api-feature">股权穿透</span>
+                        <span class="api-feature">实际控制人</span>
+                        <span class="api-feature">关联关系</span>
+                    </div>
+                    <div class="api-meta">
+                        <span class="api-price">¥1.0<span>/次</span></span>
+                        <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
+                    </div>
+                </div>
+                
+                <div class="api-card" data-category="company">
+                    <div class="api-header">
+                        <span class="api-name">企业主要人员</span>
+                    </div>
+                    <p class="api-desc">法人、董事、监事、高管等人员信息，包括姓名、职位、任职日期</p>
+                    <div class="api-features">
+                        <span class="api-feature">高管名单</span>
+                        <span class="api-feature">任职信息</span>
+                        <span class="api-feature">变更记录</span>
+                    </div>
+                    <div class="api-meta">
+                        <span class="api-price">¥0.8<span>/次</span></span>
+                        <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
+                    </div>
+                </div>
+                
+                <div class="api-card" data-category="company">
+                    <div class="api-header">
+                        <span class="api-name">企业经营异常</span>
+                        <span class="api-tag recommend">💎 推荐</span>
+                    </div>
+                    <p class="api-desc">企业经营异常名录信息，包括列入原因、列入日期、做出决定机关</p>
+                    <div class="api-features">
+                        <span class="api-feature">风险提示</span>
+                        <span class="api-feature">官方名录</span>
+                        <span class="api-feature">实时更新</span>
+                    </div>
+                    <div class="api-meta">
+                        <span class="api-price">¥0.5<span>/次</span></span>
+                        <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
+                    </div>
+                </div>
+                
+                <div class="api-card" data-category="company">
+                    <div class="api-header">
+                        <span class="api-name">企业行政处罚</span>
+                    </div>
+                    <p class="api-desc">企业行政处罚记录，包括处罚类型、处罚金额、处罚日期、处罚机关</p>
+                    <div class="api-features">
+                        <span class="api-feature">处罚记录</span>
+                        <span class="api-feature">风险评估</span>
+                        <span class="api-feature">多维度</span>
+                    </div>
+                    <div class="api-meta">
+                        <span class="api-price">¥0.8<span>/次</span></span>
+                        <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
+                    </div>
+                </div>
+                
+                <!-- 金融验证类 -->
+                <div class="api-card" data-category="finance">
+                    <div class="api-header">
+                        <span class="api-name">银行卡二要素</span>
+                        <span class="api-tag hot">🔥 热门</span>
+                    </div>
+                    <p class="api-desc">姓名 + 银行卡号，验证银行卡有效性和持卡人信息</p>
+                    <div class="api-features">
+                        <span class="api-feature">银联数据</span>
+                        <span class="api-feature">实时验证</span>
+                        <span class="api-feature">支持多家银行</span>
+                    </div>
+                    <div class="api-meta">
+                        <span class="api-price">¥0.5<span>/次</span></span>
+                        <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
+                    </div>
+                </div>
+                
+                <div class="api-card" data-category="finance">
+                    <div class="api-header">
+                        <span class="api-name">银行卡三要素</span>
+                    </div>
+                    <p class="api-desc">姓名 + 身份证号 + 银行卡号，三重验证，提升安全性</p>
+                    <div class="api-features">
+                        <span class="api-feature">三重验证</span>
+                        <span class="api-feature">高安全性</span>
+                        <span class="api-feature">快速返回</span>
+                    </div>
+                    <div class="api-meta">
+                        <span class="api-price">¥0.8<span>/次</span></span>
+                        <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
+                    </div>
+                </div>
+                
+                <div class="api-card" data-category="finance">
+                    <div class="api-header">
+                        <span class="api-name">银行卡四要素</span>
+                        <span class="api-tag hot">🔥 热门</span>
+                    </div>
+                    <p class="api-desc">姓名 + 身份证 + 银行卡号 + 手机号，完整验证，金融级安全</p>
+                    <div class="api-features">
+                        <span class="api-feature">金融级</span>
+                        <span class="api-feature">四重验证</span>
+                        <span class="api-feature">最高安全</span>
+                    </div>
+                    <div class="api-meta">
+                        <span class="api-price">¥1.2<span>/次</span></span>
+                        <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
+                    </div>
+                </div>
+                
+                <div class="api-card" data-category="finance">
+                    <div class="api-header">
+                        <span class="api-name">个人信用报告</span>
+                    </div>
+                    <p class="api-desc">央行征信报告，信用记录查询，包括贷款记录、信用卡记录等</p>
+                    <div class="api-features">
+                        <span class="api-feature">央行征信</span>
+                        <span class="api-feature">全面记录</span>
+                        <span class="api-feature">权威报告</span>
+                    </div>
+                    <div class="api-meta">
+                        <span class="api-price">¥5.0<span>/次</span></span>
+                        <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
+                    </div>
+                </div>
+                
+                <div class="api-card" data-category="finance">
+                    <div class="api-header">
+                        <span class="api-name">企业信用报告</span>
+                        <span class="api-tag recommend">💎 推荐</span>
+                    </div>
+                    <p class="api-desc">企业综合信用报告，包括工商信息、司法风险、经营异常等多维度评估</p>
+                    <div class="api-features">
+                        <span class="api-feature">综合评估</span>
+                        <span class="api-feature">多维度</span>
+                        <span class="api-feature">PDF 报告</span>
+                    </div>
+                    <div class="api-meta">
+                        <span class="api-price">¥10.0<span>/次</span></span>
+                        <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
+                    </div>
+                </div>
+                
+                <!-- 运营商类 -->
+                <div class="api-card" data-category="telecom">
+                    <div class="api-header">
+                        <span class="api-name">手机号实名</span>
+                        <span class="api-tag hot">🔥 热门</span>
+                    </div>
+                    <p class="api-desc">手机号 + 姓名，验证手机号实名信息，支持三大运营商</p>
+                    <div class="api-features">
+                        <span class="api-feature">三大运营商</span>
+                        <span class="api-feature">实时验证</span>
+                        <span class="api-feature">高覆盖率</span>
+                    </div>
+                    <div class="api-meta">
+                        <span class="api-price">¥0.3<span>/次</span></span>
+                        <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
+                    </div>
+                </div>
+                
+                <div class="api-card" data-category="telecom">
+                    <div class="api-header">
+                        <span class="api-name">手机号在网时长</span>
+                    </div>
+                    <p class="api-desc">查询手机号入网时间，判断号码稳定性，评估用户质量</p>
+                    <div class="api-features">
+                        <span class="api-feature">入网时间</span>
+                        <span class="api-feature">稳定性评估</span>
+                        <span class="api-feature">用户画像</span>
+                    </div>
+                    <div class="api-meta">
+                        <span class="api-price">¥0.5<span>/次</span></span>
+                        <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
+                    </div>
+                </div>
+                
+                <div class="api-card" data-category="telecom">
+                    <div class="api-header">
+                        <span class="api-name">手机号状态</span>
+                    </div>
+                    <p class="api-desc">查询手机号是否空号、停机、在网，有效识别无效号码</p>
+                    <div class="api-features">
+                        <span class="api-feature">状态查询</span>
+                        <span class="api-feature">空号识别</span>
+                        <span class="api-feature">降低成本</span>
+                    </div>
+                    <div class="api-meta">
+                        <span class="api-price">¥0.2<span>/次</span></span>
+                        <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
+                    </div>
+                </div>
+                
+                <div class="api-card" data-category="telecom">
+                    <div class="api-header">
+                        <span class="api-name">手机号归属地</span>
+                    </div>
+                    <p class="api-desc">查询手机号归属地，包括省份、城市、运营商信息</p>
+                    <div class="api-features">
+                        <span class="api-feature">归属地查询</span>
+                        <span class="api-feature">运营商识别</span>
+                        <span class="api-feature">快速返回</span>
+                    </div>
+                    <div class="api-meta">
+                        <span class="api-price">¥0.1<span>/次</span></span>
+                        <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
+                    </div>
+                </div>
+                
+                <!-- 学历资质类 -->
+                <div class="api-card" data-category="education">
+                    <div class="api-header">
+                        <span class="api-name">学历查询</span>
+                        <span class="api-tag hot">🔥 热门</span>
+                    </div>
+                    <p class="api-desc">学信网数据，验证学历真伪，支持大专、本科、研究生等学历层次</p>
+                    <div class="api-features">
+                        <span class="api-feature">学信网</span>
+                        <span class="api-feature">官方数据</span>
+                        <span class="api-feature">防伪验证</span>
+                    </div>
+                    <div class="api-meta">
+                        <span class="api-price">¥1.5<span>/次</span></span>
+                        <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
+                    </div>
+                </div>
+                
+                <div class="api-card" data-category="education">
+                    <div class="api-header">
+                        <span class="api-name">学位证书查询</span>
+                    </div>
+                    <p class="api-desc">验证学位证书信息真实性，包括学位类型、授予单位、授予日期</p>
+                    <div class="api-features">
+                        <span class="api-feature">学位验证</span>
+                        <span class="api-feature">官方数据</span>
+                        <span class="api-feature">全面信息</span>
+                    </div>
+                    <div class="api-meta">
+                        <span class="api-price">¥1.5<span>/次</span></span>
+                        <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
+                    </div>
+                </div>
+                
+                <div class="api-card" data-category="education">
+                    <div class="api-header">
+                        <span class="api-name">职业资格证书</span>
+                    </div>
+                    <p class="api-desc">验证各类职业资格证书，包括教师资格证、医师资格证、律师证等</p>
+                    <div class="api-features">
+                        <span class="api-feature">多种证书</span>
+                        <span class="api-feature">官方验证</span>
+                        <span class="api-feature">防伪查询</span>
+                    </div>
+                    <div class="api-meta">
+                        <span class="api-price">¥1.0<span>/次</span></span>
+                        <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
+                    </div>
+                </div>
+                
+                <div class="api-card" data-category="education">
+                    <div class="api-header">
+                        <span class="api-name">毕业院校查询</span>
+                    </div>
+                    <p class="api-desc">验证毕业院校信息，包括学校名称、专业、入学日期、毕业日期</p>
+                    <div class="api-features">
+                        <span class="api-feature">院校验证</span>
+                        <span class="api-feature">专业信息</span>
+                        <span class="api-feature">时间验证</span>
+                    </div>
+                    <div class="api-meta">
+                        <span class="api-price">¥1.2<span>/次</span></span>
+                        <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
+                    </div>
+                </div>
+                
+                <!-- 司法风险类 -->
+                <div class="api-card" data-category="legal">
+                    <div class="api-header">
+                        <span class="api-name">失信被执行人</span>
+                        <span class="api-tag hot">🔥 热门</span>
+                    </div>
+                    <p class="api-desc">查询是否为失信被执行人（老赖），包括执行法院、执行标的、立案时间</p>
+                    <div class="api-features">
+                        <span class="api-feature">最高法数据</span>
+                        <span class="api-feature">实时更新</span>
+                        <span class="api-feature">风险预警</span>
+                    </div>
+                    <div class="api-meta">
+                        <span class="api-price">¥0.5<span>/次</span></span>
+                        <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
+                    </div>
+                </div>
+                
+                <div class="api-card" data-category="legal">
+                    <div class="api-header">
+                        <span class="api-name">裁判文书</span>
+                    </div>
+                    <p class="api-desc">查询法院裁判文书记录，包括民事、刑事、行政案件裁判文书</p>
+                    <div class="api-features">
+                        <span class="api-feature">裁判文书网</span>
+                        <span class="api-feature">案件详情</span>
+                        <span class="api-feature">全面记录</span>
+                    </div>
+                    <div class="api-meta">
+                        <span class="api-price">¥0.8<span>/次</span></span>
+                        <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
+                    </div>
+                </div>
+                
+                <div class="api-card" data-category="legal">
+                    <div class="api-header">
+                        <span class="api-name">开庭公告</span>
+                    </div>
+                    <p class="api-desc">查询法院开庭公告信息，包括开庭时间、开庭法院、案由、当事人</p>
+                    <div class="api-features">
+                        <span class="api-feature">开庭公告</span>
+                        <span class="api-feature">案件预告</span>
+                        <span class="api-feature">提前预警</span>
+                    </div>
+                    <div class="api-meta">
+                        <span class="api-price">¥0.5<span>/次</span></span>
+                        <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
+                    </div>
+                </div>
+                
+                <div class="api-card" data-category="legal">
+                    <div class="api-header">
+                        <span class="api-name">执行信息</span>
+                    </div>
+                    <p class="api-desc">查询法院执行案件信息，包括执行标的、执行法院、执行状态</p>
+                    <div class="api-features">
+                        <span class="api-feature">执行案件</span>
+                        <span class="api-feature">执行进度</span>
+                        <span class="api-feature">状态跟踪</span>
+                    </div>
+                    <div class="api-meta">
+                        <span class="api-price">¥0.5<span>/次</span></span>
+                        <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
+                    </div>
+                </div>
+                
+                <div class="api-card" data-category="legal">
+                    <div class="api-header">
+                        <span class="api-name">限制高消费</span>
+                    </div>
+                    <p class="api-desc">查询限制高消费人员名单，包括限制原因、限制法院、限制日期</p>
+                    <div class="api-features">
+                        <span class="api-feature">限高名单</span>
+                        <span class="api-feature">消费限制</span>
+                        <span class="api-feature">风险提示</span>
+                    </div>
+                    <div class="api-meta">
+                        <span class="api-price">¥0.5<span>/次</span></span>
+                        <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
+                    </div>
+                </div>
+                
+                <!-- 背景调查类 -->
+                <div class="api-card" data-category="background">
+                    <div class="api-header">
+                        <span class="api-name">个人背景调查</span>
+                        <span class="api-tag hot">🔥 热门</span>
+                    </div>
+                    <p class="api-desc">综合个人背景信息核查，包括身份、学历、工作、司法等多维度验证</p>
+                    <div class="api-features">
+                        <span class="api-feature">综合核查</span>
+                        <span class="api-feature">多维度</span>
+                        <span class="api-feature">PDF 报告</span>
+                    </div>
+                    <div class="api-meta">
+                        <span class="api-price">¥2.0<span>/次</span></span>
+                        <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
+                    </div>
+                </div>
+                
+                <div class="api-card" data-category="background">
+                    <div class="api-header">
+                        <span class="api-name">企业背景调查</span>
+                        <span class="api-tag hot">🔥 热门</span>
+                    </div>
+                    <p class="api-desc">全面企业背景风险评估，包括工商、司法、税务、舆情等多维度分析</p>
+                    <div class="api-features">
+                        <span class="api-feature">全面评估</span>
+                        <span class="api-feature">风险识别</span>
+                        <span class="api-feature">决策支持</span>
+                    </div>
+                    <div class="api-meta">
+                        <span class="api-price">¥3.0<span>/次</span></span>
+                        <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
+                    </div>
+                </div>
+                
+                <div class="api-card" data-category="background">
+                    <div class="api-header">
+                        <span class="api-name">工作履历核实</span>
+                    </div>
+                    <p class="api-desc">验证个人工作履历真实性，包括公司名称、职位、入职离职时间</p>
+                    <div class="api-features">
+                        <span class="api-feature">履历验证</span>
+                        <span class="api-feature">任职时间</span>
+                        <span class="api-feature">职位核实</span>
+                    </div>
+                    <div class="api-meta">
+                        <span class="api-price">¥1.5<span>/次</span></span>
+                        <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
+                    </div>
+                </div>
+                
+                <div class="api-card" data-category="background">
+                    <div class="api-header">
+                        <span class="api-name">社保缴纳记录</span>
+                    </div>
+                    <p class="api-desc">查询个人社保缴纳记录，验证工作经历真实性</p>
+                    <div class="api-features">
+                        <span class="api-feature">社保记录</span>
+                        <span class="api-feature">工作验证</span>
+                        <span class="api-feature">官方数据</span>
+                    </div>
+                    <div class="api-meta">
+                        <span class="api-price">¥2.0<span>/次</span></span>
+                        <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Features Section -->
+    <section class="features-section">
+        <div class="container">
+            <h2 class="section-title">为什么选择愉悦查 API</h2>
+            <p class="section-subtitle">专业、可靠、高效的数据接口服务</p>
+            
+            <div class="features-grid">
+                <div class="feature-card">
+                    <div class="feature-icon">📡</div>
+                    <h3 class="feature-title">海量数据</h3>
+                    <p class="feature-desc">200+ 官方数据接口，覆盖身份验证、企业信息、金融验证、运营商、学历资质、司法风险、背景调查等全场景</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">⚡</div>
+                    <h3 class="feature-title">秒级响应</h3>
+                    <p class="feature-desc">平均响应时间 3 秒内，支持高并发调用，满足业务高峰期需求</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">🔒</div>
+                    <h3 class="feature-title">安全合规</h3>
+                    <p class="feature-desc">等保三级认证，数据加密传输，严格遵守《个人信息保护法》《数据安全法》</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">📖</div>
+                    <h3 class="feature-title">完善文档</h3>
+                    <p class="feature-desc">详细接口文档、SDK 示例、在线调试工具，技术支持 7×12 小时在线</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">💰</div>
+                    <h3 class="feature-title">灵活计费</h3>
+                    <p class="feature-desc">按次计费、套餐包、预付费多种模式，量大从优，支持定制价格方案</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">🛠️</div>
+                    <h3 class="feature-title">技术支持</h3>
+                    <p class="feature-desc">专业技术团队，快速响应问题，提供接入指导、故障排查、性能优化服务</p>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Use Cases Section -->
+    <section class="use-cases-section">
+        <div class="container">
+            <h2 class="section-title">应用场景</h2>
+            <p class="section-subtitle">多行业覆盖，满足不同业务需求</p>
+            
+            <div class="use-cases-grid">
+                <div class="use-case-card">
+                    <h3 class="use-case-title">🏦 金融信贷</h3>
+                    <p class="use-case-desc">银行、消金、小贷公司贷前风控，验证借款人身份、信用、负债情况，降低坏账风险</p>
+                    <p class="use-case-apis"><strong>推荐接口：</strong>身份证验证、银行卡四要素、个人信用报告、失信被执行人</p>
+                </div>
+                
+                <div class="use-case-card">
+                    <h3 class="use-case-title">👥 人力资源</h3>
+                    <p class="use-case-desc">企业招聘背调，验证候选人学历、工作履历、职业资格，降低用工风险</p>
+                    <p class="use-case-apis"><strong>推荐接口：</strong>学历查询、工作履历核实、职业资格证书、个人背景调查</p>
+                </div>
+                
+                <div class="use-case-card">
+                    <h3 class="use-case-title">🏢 企业服务</h3>
+                    <p class="use-case-desc">商务合作前企业背景调查，了解合作伙伴信用状况、司法风险，规避合作风险</p>
+                    <p class="use-case-apis"><strong>推荐接口：</strong>企业工商信息、企业信用报告、行政处罚、失信被执行人</p>
+                </div>
+                
+                <div class="use-case-card">
+                    <h3 class="use-case-title">💑 婚恋交友</h3>
+                    <p class="use-case-desc">婚恋平台用户实名认证，验证身份、学历、职业信息，提升平台可信度</p>
+                    <p class="use-case-apis"><strong>推荐接口：</strong>身份证三要素、学历查询、工作履历核实、个人背景调查</p>
+                </div>
+                
+                <div class="use-case-card">
+                    <h3 class="use-case-title">🏠 家政服务</h3>
+                    <p class="use-case-desc">家政人员背景核查，验证身份、犯罪记录、健康状况，保障雇主安全</p>
+                    <p class="use-case-apis"><strong>推荐接口：</strong>身份证验证、失信被执行人、个人背景调查、社保缴纳记录</p>
+                </div>
+                
+                <div class="use-case-card">
+                    <h3 class="use-case-title">📱 互联网平台</h3>
+                    <p class="use-case-desc">用户实名认证、风险控制，满足监管要求，提升平台安全性</p>
+                    <p class="use-case-apis"><strong>推荐接口：</strong>身份证二要素、手机号实名、银行卡二要素、OCR 识别</p>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- How It Works Section -->
+    <section class="how-it-works">
+        <div class="container">
+            <h2 class="section-title">如何接入</h2>
+            <p class="section-subtitle">简单 4 步，快速集成 API 服务</p>
+            
+            <div class="steps-grid">
+                <div class="step-card">
+                    <div class="step-number">1</div>
+                    <h3 class="step-title">注册账号</h3>
+                    <p class="step-desc">访问愉悦查官网注册账号，完成实名认证和企业认证</p>
+                </div>
+                
+                <div class="step-card">
+                    <div class="step-number">2</div>
+                    <h3 class="step-title">获取密钥</h3>
+                    <p class="step-desc">在控制台创建应用，获取 API Key 和 Secret，用于接口调用认证</p>
+                </div>
+                
+                <div class="step-card">
+                    <div class="step-number">3</div>
+                    <h3 class="step-title">接口调用</h3>
+                    <p class="step-desc">参考 API 文档，使用 HTTP/HTTPS 协议调用接口，支持多种编程语言 SDK</p>
+                </div>
+                
+                <div class="step-card">
+                    <div class="step-number">4</div>
+                    <h3 class="step-title">充值使用</h3>
+                    <p class="step-desc">选择合适套餐包或按次计费，在线充值后即可使用，实时扣费</p>
+                </div>
+            </div>
+            
+            <div style="text-align:center;margin-top:var(--spacing-lg);">
+                <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary btn-lg" target="_blank">🚀 立即咨询接入</a>
+            </div>
+        </div>
+    </section>
+
+    <!-- FAQ Section -->
+    <section class="faq-section">
+        <div class="container">
+            <h2 class="section-title">常见问题</h2>
+            <p class="section-subtitle">您可能想知道的问题</p>
+            
+            <div class="faq-list">
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>Q: 如何获取 API 调用权限？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        <p>A: 您需要在愉悦查官网注册账号并完成实名认证，然后在控制台创建应用获取 API Key 和 Secret。不同接口可能需要不同的认证等级，部分接口需要企业认证后才能使用。</p>
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>Q: API 调用如何计费？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        <p>A: 我们提供多种计费方式：1) 按次计费 - 调用一次扣费一次；2) 套餐包 - 预购买一定调用次数，单价更优惠；3) 预付费 - 充值到账户余额，按实际调用扣费。量大从优，可联系商务定制价格方案。</p>
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>Q: 接口响应时间多长？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        <p>A: 大部分接口响应时间在 3 秒内，部分复杂接口（如信用报告、背景调查）可能需要 5-10 秒。我们支持同步和异步两种调用方式，对于耗时较长的接口建议使用异步方式。</p>
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>Q: 数据来源是否可靠？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        <p>A: 所有数据均来自官方渠道或授权合作方，包括公安部、工商总局、学信网、央行征信中心、三大运营商等。我们严格遵守《个人信息保护法》《数据安全法》，确保数据来源合法合规。</p>
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>Q: 支持哪些编程语言？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        <p>A: 我们提供多种编程语言的 SDK 和示例代码，包括 Java、Python、PHP、Node.js、Go、C# 等主流语言。同时也支持原生 HTTP/HTTPS 调用，任何能发起 HTTP 请求的语言都可以使用。</p>
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>Q: 如何保证数据安全？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        <p>A: 我们采用多重安全措施：1) 数据传输使用 HTTPS 加密；2) API 调用需要签名认证；3) 敏感数据脱敏处理；4) 通过等保三级认证；5) 严格的数据访问控制和审计机制。</p>
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>Q: 有技术支持吗？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        <p>A: 我们提供 7×12 小时技术支持服务，包括接入指导、问题排查、性能优化等。您可以通过企业微信客服、技术支持邮箱、在线工单等方式联系我们，紧急情况可拨打技术支持热线。</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- CTA Section -->
+    <section class="cta-section">
+        <div class="container">
+            <h2>准备好开始使用了吗？</h2>
+            <p>立即接入愉悦查 API，让您的业务更智能、更安全、更高效</p>
+            <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn" target="_blank">🚀 免费技术咨询</a>
+        </div>
+    </section>
+
+    <!-- Footer -->
+        <footer class="footer">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <h3>愉悦查</h3>
+                    <p>让信任无处不在，让合作没有距离</p>
+                    <p style="margin-top:16px;font-size:13px;color:rgba(255,255,255,0.5);">北京正信环宇科技有限公司</p>
+                    <p style="font-size:13px;color:rgba(255,255,255,0.5);">AI 驱动的商业信任科技平台</p>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">产品</h4>
+                    <ul class="footer-links">
+                        <li><a href="/product/riskassessment.html">个人大数据报告</a></li>
+                        <li><a href="/product/marriage.html">婚恋风险报告</a></li>
+                        <li><a href="/product/backgroundcheck.html">入职背调报告</a></li>
+                        <li><a href="/product/companyinfo.html">小微企业报告</a></li>
+                        <li><a href="/product/homeservice.html">家政风险报告</a></li>
+                        <li><a href="/product/consumerFinanceReport.html">消金报告</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">公司</h4>
+                    <ul class="footer-links">
+                        <li><a href="/about.html">关于我们</a></li>
+                        <li><a href="/careers.html">加入我们</a></li>
+                        <li><a href="/contact.html">联系我们</a></li>
+                        <li><a href="/news.html">新闻动态</a></li>
+                        <li><a href="/partners.html">合作伙伴</a></li>
+                        <li><a href="/investment.html">招商工具包</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">支持</h4>
+                    <ul class="footer-links">
+                        <li><a href="/help.html">帮助中心</a></li>
+                        <li><a href="/apidemo/">API 文档</a></li>
+                        <li><a href="/all-apis.html">全部接口</a></li>
+                        <li><a href="/privacy.html">隐私政策</a></li>
+                        <li><a href="/terms.html">服务条款</a></li>
+                        <li><a href="/disclaimer.html">免责声明</a></li>
+                    </ul>
+                </div>
+            </div>
+            
+            <div class="footer-bottom">
+                <p>&copy; 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p class="footer-icp"><a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow noopener">京ICP备2025158088号-2</a></p>
+            </div>
+        </div>
+    </footer>
+
+    <script>
+        // ===== Search Functionality =====
+        const searchInput = document.getElementById('searchInput');
+        const apiGrid = document.getElementById('apiGrid');
+        const apiCards = apiGrid.querySelectorAll('.api-card');
+        
+        searchInput.addEventListener('input', (e) => {
+            const searchTerm = e.target.value.toLowerCase();
+            apiCards.forEach(card => {
+                const name = card.querySelector('.api-name').textContent.toLowerCase();
+                const desc = card.querySelector('.api-desc').textContent.toLowerCase();
+                const features = card.querySelector('.api-features').textContent.toLowerCase();
+                if (name.includes(searchTerm) || desc.includes(searchTerm) || features.includes(searchTerm)) {
+                    card.style.display = 'block';
+                } else {
+                    card.style.display = 'none';
+                }
+            });
+        });
+        
+        // ===== Category Filter =====
+        const filterBtns = document.querySelectorAll('.filter-btn');
+        filterBtns.forEach(btn => {
+            btn.addEventListener('click', () => {
+                filterBtns.forEach(b => b.classList.remove('active'));
+                btn.classList.add('active');
+                
+                const category = btn.dataset.category;
+                apiCards.forEach(card => {
+                    if (category === 'all' || card.dataset.category === category) {
+                        card.style.display = 'block';
+                    } else {
+                        card.style.display = 'none';
+                    }
+                });
+            });
+        });
+        
+        // ===== FAQ Toggle =====
+        const faqItems = document.querySelectorAll('.faq-item');
+        faqItems.forEach(item => {
+            const question = item.querySelector('.faq-question');
+            question.addEventListener('click', () => {
+                const isActive = item.classList.contains('active');
+                faqItems.forEach(i => i.classList.remove('active'));
+                if (!isActive) {
+                    item.classList.add('active');
+                }
+            });
+        });
+    </script>
+</body>
+</html>
diff --git a/all-apis.html.bak.v2 b/all-apis.html.bak.v2
new file mode 100644
index 0000000..181b13f
--- /dev/null
+++ b/all-apis.html.bak.v2
@@ -0,0 +1,804 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>全部接口 - 愉悦查 API 数据市场 | 200+ 数据接口</title>
+    <meta name="description" content="愉悦查 API 数据市场，提供 200+ 官方数据接口，涵盖身份验证、企业信息、金融验证、运营商、学历资质、司法风险、背景调查等场景。">
+    <meta name="keywords" content="愉悦查 API，数据接口，API 市场，身份验证，企业信息，金融验证，背景调查">
+    
+    <!-- 预加载字体 -->
+    <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=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    
+    <style>
+        /* ===== CSS Variables ===== */
+        :root {
+            --primary-orange: #FF6A19;
+            --primary-orange-light: #FC6E18;
+            --primary-orange-dark: #E64E10;
+            --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
+            --bg-light: #FFFFFF;
+            --bg-gray: #F5F7FA;
+            --text-primary: #1A1A1A;
+            --text-secondary: #666666;
+            --text-light: #999999;
+            --success: #07C160;
+            --warning: #FF9500;
+            --error: #FF3B30;
+            --spacing-xs: 8px;
+            --spacing-sm: 16px;
+            --spacing-md: 24px;
+            --spacing-lg: 48px;
+            --spacing-xl: 80px;
+            --radius-sm: 4px;
+            --radius-md: 8px;
+            --radius-lg: 16px;
+            --shadow-sm: 0 2px 8px rgba(0,0,0,0.08);
+            --shadow-md: 0 4px 16px rgba(0,0,0,0.12);
+            --shadow-lg: 0 8px 32px rgba(0,0,0,0.16);
+            --transition: all 0.3s ease;
+        }
+        
+        /* ===== Reset & Base ===== */
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        html { scroll-behavior: smooth; }
+        body {
+            font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, sans-serif;
+            font-size: 16px;
+            line-height: 1.6;
+            color: var(--text-primary);
+            background: var(--bg-light);
+        }
+        a { text-decoration: none; color: inherit; }
+        ul { list-style: none; }
+        img { max-width: 100%; height: auto; }
+        .container { max-width: 1400px; margin: 0 auto; padding: 0 var(--spacing-md); }
+        
+        /* ===== Buttons ===== */
+        .btn {
+            display: inline-block;
+            padding: 12px 28px;
+            font-size: 15px;
+            font-weight: 500;
+            border-radius: var(--radius-md);
+            cursor: pointer;
+            transition: var(--transition);
+            border: none;
+            text-align: center;
+        }
+        .btn-primary {
+            background: var(--primary-gradient);
+            color: white;
+            box-shadow: 0 4px 12px rgba(255, 106, 25, 0.3);
+        }
+        .btn-primary:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 6px 20px rgba(255, 106, 25, 0.4);
+        }
+        .btn-outline {
+            background: transparent;
+            border: 2px solid var(--primary-orange);
+            color: var(--primary-orange);
+        }
+        .btn-outline:hover {
+            background: var(--primary-gradient);
+            color: white;
+        }
+        
+        /* ===== Navigation ===== */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+            transition: var(--transition);
+        }
+        .navbar .container {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            height: 80px;
+        }
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            text-decoration: none;
+        }
+        .logo-img {
+            background: rgba(255,255,255,0.95);
+            height: 60px;
+            width: auto;
+            object-fit: contain;
+            transition: var(--transition);
+        }
+        .logo:hover .logo-img { transform: scale(1.05); }
+        .nav-menu { display: flex; gap: var(--spacing-lg); }
+        .nav-link {
+            font-size: 15px;
+            font-weight: 500;
+            color: var(--text-primary);
+            transition: var(--transition);
+        }
+        .nav-link:hover { color: var(--primary-orange); }
+        
+        /* ===== Hero Section ===== */
+        .hero {
+            padding: 160px 0 80px;
+            background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 50%, #F5F7FA 100%);
+            text-align: center;
+        }
+        .hero h1 {
+            font-size: 48px;
+            font-weight: 900;
+            margin-bottom: var(--spacing-sm);
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 50%, #FF8A5C 100%);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+        .hero p {
+            font-size: 18px;
+            color: var(--text-secondary);
+            max-width: 700px;
+            margin: 0 auto var(--spacing-lg);
+        }
+        .hero-stats {
+            display: flex;
+            justify-content: center;
+            gap: var(--spacing-xl);
+            margin-top: var(--spacing-lg);
+        }
+        .stat-item { text-align: center; }
+        .stat-number {
+            font-size: 42px;
+            font-weight: 700;
+            color: var(--primary-orange);
+        }
+        .stat-label {
+            font-size: 14px;
+            color: var(--text-secondary);
+            margin-top: 4px;
+        }
+        
+        /* ===== Search Bar ===== */
+        .search-section {
+            padding: 0 0 var(--spacing-lg);
+        }
+        .search-box {
+            max-width: 700px;
+            margin: 0 auto;
+            position: relative;
+        }
+        .search-input {
+            width: 100%;
+            padding: 18px 60px 18px 24px;
+            font-size: 16px;
+            border: 2px solid #E0E0E0;
+            border-radius: 50px;
+            outline: none;
+            transition: var(--transition);
+        }
+        .search-input:focus {
+            border-color: var(--primary-orange);
+            box-shadow: 0 0 0 4px rgba(255, 106, 25, 0.1);
+        }
+        .search-btn {
+            position: absolute;
+            right: 8px;
+            top: 50%;
+            transform: translateY(-50%);
+            background: var(--primary-gradient);
+            color: white;
+            border: none;
+            padding: 12px 24px;
+            border-radius: 40px;
+            cursor: pointer;
+            font-weight: 500;
+        }
+        
+        /* ===== Category Filter ===== */
+        .category-filter {
+            display: flex;
+            justify-content: center;
+            flex-wrap: wrap;
+            gap: var(--spacing-sm);
+            margin-bottom: var(--spacing-lg);
+        }
+        .filter-btn {
+            padding: 10px 20px;
+            background: var(--bg-gray);
+            border: 2px solid transparent;
+            border-radius: 25px;
+            cursor: pointer;
+            font-weight: 500;
+            transition: var(--transition);
+        }
+        .filter-btn:hover, .filter-btn.active {
+            background: var(--primary-gradient);
+            color: white;
+        }
+        
+        /* ===== API Grid ===== */
+        .api-section { padding: var(--spacing-lg) 0; }
+        .section-title {
+            text-align: center;
+            font-size: 36px;
+            font-weight: 700;
+            margin-bottom: var(--spacing-xs);
+        }
+        .section-subtitle {
+            text-align: center;
+            font-size: 18px;
+            color: var(--text-secondary);
+            margin-bottom: var(--spacing-lg);
+        }
+        .api-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
+            gap: var(--spacing-md);
+        }
+        .api-card {
+            background: white;
+            border: 2px solid #E8E8E8;
+            border-radius: var(--radius-lg);
+            padding: var(--spacing-md);
+            transition: var(--transition);
+        }
+        .api-card:hover {
+            border-color: var(--primary-orange);
+            box-shadow: var(--shadow-lg);
+            transform: translateY(-4px);
+        }
+        .api-header {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            margin-bottom: var(--spacing-xs);
+        }
+        .api-name {
+            font-size: 18px;
+            font-weight: 700;
+            color: var(--text-primary);
+        }
+        .api-tag {
+            padding: 4px 10px;
+            border-radius: 12px;
+            font-size: 12px;
+            font-weight: 500;
+        }
+        .api-tag.hot { background: linear-gradient(135deg, #FF6A19, #FC6E18); color: white; }
+        .api-tag.new { background: linear-gradient(135deg, #07C160, #05A850); color: white; }
+        .api-desc {
+            font-size: 14px;
+            color: var(--text-secondary);
+            margin-bottom: var(--spacing-sm);
+            line-height: 1.6;
+        }
+        .api-meta {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            padding-top: var(--spacing-sm);
+            border-top: 1px solid #E8E8E8;
+        }
+        .api-price {
+            font-size: 20px;
+            font-weight: 700;
+            color: var(--primary-orange);
+        }
+        .api-price span {
+            font-size: 13px;
+            color: var(--text-light);
+            font-weight: 400;
+        }
+        
+        /* ===== Footer ===== */
+        .footer {
+            background: var(--bg-gray);
+            padding: var(--spacing-xl) 0 var(--spacing-lg);
+            margin-top: var(--spacing-xl);
+        }
+        .footer-grid {
+            display: grid;
+            grid-template-columns: 2fr 1fr 1fr 1fr;
+            gap: var(--spacing-lg);
+            margin-bottom: var(--spacing-lg);
+        }
+        .footer-brand h3 {
+            font-size: 24px;
+            font-weight: 700;
+            margin-bottom: var(--spacing-xs);
+        }
+        .footer-brand p {
+            color: var(--text-secondary);
+            margin-bottom: var(--spacing-xs);
+        }
+        .footer-title {
+            font-size: 16px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-sm);
+        }
+        .footer-links li { margin-bottom: 10px; }
+        .footer-links a {
+            color: var(--text-secondary);
+            transition: var(--transition);
+        }
+        .footer-links a:hover { color: var(--primary-orange); }
+        .footer-bottom {
+            text-align: center;
+            padding-top: var(--spacing-lg);
+            border-top: 1px solid #E0E0E0;
+            color: var(--text-light);
+        }
+        
+        /* ===== Responsive ===== */
+        @media (max-width: 768px) {
+            .hero h1 { font-size: 32px; }
+            .hero-stats { flex-wrap: wrap; gap: var(--spacing-md); }
+            .api-grid { grid-template-columns: 1fr; }
+            .footer-grid { grid-template-columns: 1fr; }
+            .nav-menu { display: none; }
+        }
+    </style>
+</head>
+<body>
+    <!-- Navigation -->
+    <nav class="navbar">
+        <div class="container">
+            <a href="/index.html" class="logo">
+                <img src="../assets/logo.png" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            
+            <ul class="nav-menu">
+                <li><a href="/index.html" class="nav-link">首页</a></li>
+                <li><a href="/index.html#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="/apidemo/" class="nav-link">API 平台</a></li>
+                <li><a href="/index.html#about" class="nav-link">关于我们</a></li>
+            </ul>
+            
+            <div class="nav-cta">
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary">登录</a>
+            </div>
+        </div>
+    </nav>
+
+    <!-- Hero Section -->
+    <section class="hero">
+        <div class="container">
+            <h1>📦 全部接口</h1>
+            <p>200+ 官方数据接口，覆盖全场景商业信任服务<br>智能组合 · 秒级响应 · 安全合规</p>
+            
+            <div class="hero-stats">
+                <div class="stat-item">
+                    <div class="stat-number">200+</div>
+                    <div class="stat-label">数据接口</div>
+                </div>
+                <div class="stat-item">
+                    <div class="stat-number">7</div>
+                    <div class="stat-label">接口分类</div>
+                </div>
+                <div class="stat-item">
+                    <div class="stat-number">3 秒</div>
+                    <div class="stat-label">平均响应</div>
+                </div>
+                <div class="stat-item">
+                    <div class="stat-number">99.9%</div>
+                    <div class="stat-label">服务可用性</div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Search Section -->
+    <section class="search-section">
+        <div class="container">
+            <div class="search-box">
+                <input type="text" class="search-input" placeholder="搜索接口名称、描述或关键词..." id="searchInput">
+                <button class="search-btn">🔍 搜索</button>
+            </div>
+        </div>
+    </section>
+
+    <!-- API Section -->
+    <section class="api-section">
+        <div class="container">
+            <h2 class="section-title">全部接口</h2>
+            <p class="section-subtitle">按分类浏览，快速找到所需接口</p>
+            
+            <!-- Category Filter -->
+            <div class="category-filter">
+                <button class="filter-btn active" data-category="all">全部</button>
+                <button class="filter-btn" data-category="identity">👤 身份验证</button>
+                <button class="filter-btn" data-category="company">🏢 企业信息</button>
+                <button class="filter-btn" data-category="finance">💳 金融验证</button>
+                <button class="filter-btn" data-category="telecom">📱 运营商</button>
+                <button class="filter-btn" data-category="education">🎓 学历资质</button>
+                <button class="filter-btn" data-category="legal">⚖️ 司法风险</button>
+                <button class="filter-btn" data-category="background">🔍 背景调查</button>
+            </div>
+            
+            <!-- API Grid -->
+            <div class="api-grid" id="apiGrid">
+                <!-- 身份验证类 -->
+                <div class="api-card" data-category="identity">
+                    <div class="api-header">
+                        <span class="api-name">身份证二要素验证</span>
+                        <span class="api-tag hot">🔥 热门</span>
+                    </div>
+                    <p class="api-desc">姓名 + 身份证号，验证身份信息真实性</p>
+                    <div class="api-meta">
+                        <span class="api-price">¥0.3<span>/次</span></span>
+                        <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
+                    </div>
+                </div>
+                
+                <div class="api-card" data-category="identity">
+                    <div class="api-header">
+                        <span class="api-name">身份证三要素验证</span>
+                        <span class="api-tag hot">🔥 热门</span>
+                    </div>
+                    <p class="api-desc">姓名 + 身份证号 + 手机号，三重验证更安全</p>
+                    <div class="api-meta">
+                        <span class="api-price">¥0.5<span>/次</span></span>
+                        <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
+                    </div>
+                </div>
+                
+                <div class="api-card" data-category="identity">
+                    <div class="api-header">
+                        <span class="api-name">实名认证</span>
+                        <span class="api-tag new">✨ 新品</span>
+                    </div>
+                    <p class="api-desc">多要素实名认证，支持多种证件类型</p>
+                    <div class="api-meta">
+                        <span class="api-price">¥0.8<span>/次</span></span>
+                        <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
+                    </div>
+                </div>
+                
+                <!-- 企业信息类 -->
+                <div class="api-card" data-category="company">
+                    <div class="api-header">
+                        <span class="api-name">企业基本信息查询</span>
+                        <span class="api-tag hot">🔥 热门</span>
+                    </div>
+                    <p class="api-desc">企业名称、统一社会信用代码、注册资本等基础信息</p>
+                    <div class="api-meta">
+                        <span class="api-price">¥0.5<span>/次</span></span>
+                        <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
+                    </div>
+                </div>
+                
+                <div class="api-card" data-category="company">
+                    <div class="api-header">
+                        <span class="api-name">企业工商信息</span>
+                        <span class="api-tag hot">🔥 热门</span>
+                    </div>
+                    <p class="api-desc">工商注册号、法定代表人、成立日期、经营范围等</p>
+                    <div class="api-meta">
+                        <span class="api-price">¥0.8<span>/次</span></span>
+                        <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
+                    </div>
+                </div>
+                
+                <div class="api-card" data-category="company">
+                    <div class="api-header">
+                        <span class="api-name">企业股东信息</span>
+                    </div>
+                    <p class="api-desc">股东名单、出资比例、持股数量等详细信息</p>
+                    <div class="api-meta">
+                        <span class="api-price">¥1.0<span>/次</span></span>
+                        <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
+                    </div>
+                </div>
+                
+                <div class="api-card" data-category="company">
+                    <div class="api-header">
+                        <span class="api-name">企业主要人员</span>
+                    </div>
+                    <p class="api-desc">法人、董事、监事、高管等人员信息</p>
+                    <div class="api-meta">
+                        <span class="api-price">¥0.8<span>/次</span></span>
+                        <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
+                    </div>
+                </div>
+                
+                <!-- 金融验证类 -->
+                <div class="api-card" data-category="finance">
+                    <div class="api-header">
+                        <span class="api-name">银行卡二要素</span>
+                        <span class="api-tag hot">🔥 热门</span>
+                    </div>
+                    <p class="api-desc">姓名 + 银行卡号，验证银行卡有效性</p>
+                    <div class="api-meta">
+                        <span class="api-price">¥0.5<span>/次</span></span>
+                        <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
+                    </div>
+                </div>
+                
+                <div class="api-card" data-category="finance">
+                    <div class="api-header">
+                        <span class="api-name">银行卡三要素</span>
+                    </div>
+                    <p class="api-desc">姓名 + 身份证号 + 银行卡号，三重验证</p>
+                    <div class="api-meta">
+                        <span class="api-price">¥0.8<span>/次</span></span>
+                        <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
+                    </div>
+                </div>
+                
+                <div class="api-card" data-category="finance">
+                    <div class="api-header">
+                        <span class="api-name">银行卡四要素</span>
+                        <span class="api-tag hot">🔥 热门</span>
+                    </div>
+                    <p class="api-desc">姓名 + 身份证 + 银行卡号 + 手机号，完整验证</p>
+                    <div class="api-meta">
+                        <span class="api-price">¥1.2<span>/次</span></span>
+                        <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
+                    </div>
+                </div>
+                
+                <div class="api-card" data-category="finance">
+                    <div class="api-header">
+                        <span class="api-name">个人信用报告</span>
+                    </div>
+                    <p class="api-desc">央行征信报告，信用记录查询</p>
+                    <div class="api-meta">
+                        <span class="api-price">¥5.0<span>/次</span></span>
+                        <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
+                    </div>
+                </div>
+                
+                <!-- 运营商类 -->
+                <div class="api-card" data-category="telecom">
+                    <div class="api-header">
+                        <span class="api-name">手机号实名</span>
+                        <span class="api-tag hot">🔥 热门</span>
+                    </div>
+                    <p class="api-desc">手机号 + 姓名，验证手机号实名信息</p>
+                    <div class="api-meta">
+                        <span class="api-price">¥0.3<span>/次</span></span>
+                        <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
+                    </div>
+                </div>
+                
+                <div class="api-card" data-category="telecom">
+                    <div class="api-header">
+                        <span class="api-name">手机号在网时长</span>
+                    </div>
+                    <p class="api-desc">查询手机号入网时间，判断稳定性</p>
+                    <div class="api-meta">
+                        <span class="api-price">¥0.5<span>/次</span></span>
+                        <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
+                    </div>
+                </div>
+                
+                <div class="api-card" data-category="telecom">
+                    <div class="api-header">
+                        <span class="api-name">手机号状态</span>
+                    </div>
+                    <p class="api-desc">查询手机号是否空号、停机、在网</p>
+                    <div class="api-meta">
+                        <span class="api-price">¥0.2<span>/次</span></span>
+                        <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
+                    </div>
+                </div>
+                
+                <!-- 学历资质类 -->
+                <div class="api-card" data-category="education">
+                    <div class="api-header">
+                        <span class="api-name">学历查询</span>
+                        <span class="api-tag hot">🔥 热门</span>
+                    </div>
+                    <p class="api-desc">学信网数据，验证学历真伪</p>
+                    <div class="api-meta">
+                        <span class="api-price">¥1.5<span>/次</span></span>
+                        <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
+                    </div>
+                </div>
+                
+                <div class="api-card" data-category="education">
+                    <div class="api-header">
+                        <span class="api-name">学位证书查询</span>
+                    </div>
+                    <p class="api-desc">验证学位证书信息真实性</p>
+                    <div class="api-meta">
+                        <span class="api-price">¥1.5<span>/次</span></span>
+                        <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
+                    </div>
+                </div>
+                
+                <div class="api-card" data-category="education">
+                    <div class="api-header">
+                        <span class="api-name">职业资格证书</span>
+                    </div>
+                    <p class="api-desc">验证各类职业资格证书</p>
+                    <div class="api-meta">
+                        <span class="api-price">¥1.0<span>/次</span></span>
+                        <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
+                    </div>
+                </div>
+                
+                <!-- 司法风险类 -->
+                <div class="api-card" data-category="legal">
+                    <div class="api-header">
+                        <span class="api-name">失信被执行人</span>
+                        <span class="api-tag hot">🔥 热门</span>
+                    </div>
+                    <p class="api-desc">查询是否为失信被执行人（老赖）</p>
+                    <div class="api-meta">
+                        <span class="api-price">¥0.5<span>/次</span></span>
+                        <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
+                    </div>
+                </div>
+                
+                <div class="api-card" data-category="legal">
+                    <div class="api-header">
+                        <span class="api-name">裁判文书</span>
+                    </div>
+                    <p class="api-desc">查询法院裁判文书记录</p>
+                    <div class="api-meta">
+                        <span class="api-price">¥0.8<span>/次</span></span>
+                        <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
+                    </div>
+                </div>
+                
+                <div class="api-card" data-category="legal">
+                    <div class="api-header">
+                        <span class="api-name">开庭公告</span>
+                    </div>
+                    <p class="api-desc">查询法院开庭公告信息</p>
+                    <div class="api-meta">
+                        <span class="api-price">¥0.5<span>/次</span></span>
+                        <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
+                    </div>
+                </div>
+                
+                <div class="api-card" data-category="legal">
+                    <div class="api-header">
+                        <span class="api-name">执行信息</span>
+                    </div>
+                    <p class="api-desc">查询法院执行案件信息</p>
+                    <div class="api-meta">
+                        <span class="api-price">¥0.5<span>/次</span></span>
+                        <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
+                    </div>
+                </div>
+                
+                <!-- 背景调查类 -->
+                <div class="api-card" data-category="background">
+                    <div class="api-header">
+                        <span class="api-name">个人背景调查</span>
+                        <span class="api-tag hot">🔥 热门</span>
+                    </div>
+                    <p class="api-desc">综合个人背景信息核查</p>
+                    <div class="api-meta">
+                        <span class="api-price">¥2.0<span>/次</span></span>
+                        <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
+                    </div>
+                </div>
+                
+                <div class="api-card" data-category="background">
+                    <div class="api-header">
+                        <span class="api-name">企业背景调查</span>
+                        <span class="api-tag hot">🔥 热门</span>
+                    </div>
+                    <p class="api-desc">全面企业背景风险评估</p>
+                    <div class="api-meta">
+                        <span class="api-price">¥3.0<span>/次</span></span>
+                        <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
+                    </div>
+                </div>
+                
+                <div class="api-card" data-category="background">
+                    <div class="api-header">
+                        <span class="api-name">工作履历核实</span>
+                    </div>
+                    <p class="api-desc">验证个人工作履历真实性</p>
+                    <div class="api-meta">
+                        <span class="api-price">¥1.5<span>/次</span></span>
+                        <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即接入</a>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Footer -->
+    <footer class="footer">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <h3>愉悦查</h3>
+                    <p>让信任无处不在，让合作没有距离</p>
+                    <p style="margin-top:16px;font-size:13px;">愉悦查（北京正信环宇科技有限公司）</p>
+                    <p style="font-size:13px;">AI 驱动的商业信任科技平台</p>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">产品</h4>
+                    <ul class="footer-links">
+                        <li><a href="/product/riskassessment.html">个人大数据报告</a></li>
+                        <li><a href="/product/marriage.html">婚恋风险报告</a></li>
+                        <li><a href="/product/backgroundcheck.html">入职背调报告</a></li>
+                        <li><a href="/product/companyinfo.html">小微企业报告</a></li>
+                        <li><a href="/product/homeservice.html">家政风险报告</a></li>
+                        <li><a href="/product/consumerFinanceReport.html">消金报告</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">API</h4>
+                    <ul class="footer-links">
+                        <li><a href="/apidemo/">API 平台</a></li>
+                        <li><a href="/all-apis.html">全部接口</a></li>
+                        <li><a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" target="_blank">技术咨询</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">公司</h4>
+                    <ul class="footer-links">
+                        <li><a href="/about.html">关于我们</a></li>
+                        <li><a href="/contact.html">联系我们</a></li>
+                        <li><a href="/privacy.html">隐私政策</a></li>
+                        <li><a href="/terms.html">服务条款</a></li>
+                    </ul>
+                </div>
+            </div>
+            
+            <div class="footer-bottom">
+                <p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p>京 ICP 备 2025158088 号 -2</p>
+            </div>
+        </div>
+    </footer>
+
+    <script>
+        // ===== Search Functionality =====
+        const searchInput = document.getElementById('searchInput');
+        const apiGrid = document.getElementById('apiGrid');
+        const apiCards = apiGrid.querySelectorAll('.api-card');
+        
+        searchInput.addEventListener('input', (e) => {
+            const searchTerm = e.target.value.toLowerCase();
+            apiCards.forEach(card => {
+                const name = card.querySelector('.api-name').textContent.toLowerCase();
+                const desc = card.querySelector('.api-desc').textContent.toLowerCase();
+                if (name.includes(searchTerm) || desc.includes(searchTerm)) {
+                    card.style.display = 'block';
+                } else {
+                    card.style.display = 'none';
+                }
+            });
+        });
+        
+        // ===== Category Filter =====
+        const filterBtns = document.querySelectorAll('.filter-btn');
+        filterBtns.forEach(btn => {
+            btn.addEventListener('click', () => {
+                filterBtns.forEach(b => b.classList.remove('active'));
+                btn.classList.add('active');
+                
+                const category = btn.dataset.category;
+                apiCards.forEach(card => {
+                    if (category === 'all' || card.dataset.category === category) {
+                        card.style.display = 'block';
+                    } else {
+                        card.style.display = 'none';
+                    }
+                });
+            });
+        });
+    </script>
+</body>
+</html>
diff --git a/apidemo/index.html b/apidemo/index.html
new file mode 100644
index 0000000..b52aa88
--- /dev/null
+++ b/apidemo/index.html
@@ -0,0 +1,1225 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>愉悦查 API - 数据接口管理控制台 | AI 驱动的商业信任科技平台</title>
+    <meta name="description" content="愉悦查 API 平台，提供 200+ 数据接口，支持在线调试、文档查看、密钥管理。让信任无处不在，让合作没有距离。">
+    <meta name="keywords" content="愉悦查 API，数据接口，API 文档，在线调试，背调接口，风险评估">
+    
+    <!-- 预加载字体 -->
+    <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=Noto+Sans+SC:wght@300;400;500;600;700;900&display=swap" rel="stylesheet">
+    
+    <style>
+        /* ===== CSS Variables - 愉悦查品牌色定义 ===== */
+        :root {
+            /* 品牌主色 - 橙色系 */
+            --primary-orange: #FF6A19;
+            --primary-orange-light: #FC6E18;
+            --primary-orange-dark: #E64E10;
+            --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
+            --primary-orange-soft: #FFDECC;
+            
+            /* 辅助色 */
+            --bg-light: #FFFFFF;
+            --bg-gray: #F5F7FA;
+            --bg-dark: #1A1A2E;
+            
+            /* 文字色 */
+            --text-primary: #1A1A1A;
+            --text-secondary: #666666;
+            --text-light: #999999;
+            --text-white: #FFFFFF;
+            
+            /* 功能色 */
+            --success: #07C160;
+            --warning: #FF9500;
+            --error: #FF3B30;
+            --info: #007AFF;
+            
+            /* 间距 */
+            --spacing-xs: 8px;
+            --spacing-sm: 16px;
+            --spacing-md: 24px;
+            --spacing-lg: 48px;
+            --spacing-xl: 80px;
+            
+            /* 圆角 */
+            --radius-sm: 4px;
+            --radius-md: 8px;
+            --radius-lg: 16px;
+            --radius-xl: 24px;
+            
+            /* 阴影 */
+            --shadow-sm: 0 2px 8px rgba(0,0,0,0.08);
+            --shadow-md: 0 4px 16px rgba(0,0,0,0.12);
+            --shadow-lg: 0 8px 32px rgba(0,0,0,0.16);
+            
+            /* 过渡 */
+            --transition: all 0.3s ease;
+        }
+        
+        /* ===== Reset & Base ===== */
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+        
+        html {
+            scroll-behavior: smooth;
+        }
+        
+        body {
+            font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+            font-size: 16px;
+            line-height: 1.6;
+            color: var(--text-primary);
+            background-color: var(--bg-light);
+        }
+        
+        a {
+            text-decoration: none;
+            color: inherit;
+        }
+        
+        ul {
+            list-style: none;
+        }
+        
+        img {
+            max-width: 100%;
+            height: auto;
+        }
+        
+        .container {
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 0 var(--spacing-md);
+        }
+        
+        .btn {
+            display: inline-block;
+            padding: 12px 28px;
+            font-size: 15px;
+            font-weight: 500;
+            border-radius: var(--radius-md);
+            cursor: pointer;
+            transition: var(--transition);
+            border: none;
+            text-align: center;
+        }
+        
+        .btn-primary {
+            background: var(--primary-gradient);
+            color: white;
+            box-shadow: 0 4px 12px rgba(255, 106, 25, 0.3);
+        }
+        
+        .btn-primary:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 6px 20px rgba(255, 106, 25, 0.4);
+        }
+        
+        .btn-outline {
+            background: transparent;
+            border: 2px solid var(--primary-orange);
+            color: var(--primary-orange);
+        }
+        
+        .btn-outline:hover {
+            background: var(--primary-gradient);
+            color: white;
+            transform: translateY(-2px);
+        }
+        
+        .section {
+            padding: var(--spacing-xl) 0;
+        }
+        
+        .section-title {
+            text-align: center;
+            font-size: 32px;
+            font-weight: 700;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .section-subtitle {
+            text-align: center;
+            font-size: 16px;
+            color: var(--text-secondary);
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        /* ===== Navigation ===== */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+            transition: var(--transition);
+        }
+        
+        .navbar .container {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            height: 70px;
+            max-width: 1400px;
+            margin: 0 auto;
+            padding: 0 32px;
+        }
+        
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 12px;
+            text-decoration: none;
+        }
+        
+        .logo-text {
+            font-size: 22px;
+            font-weight: 700;
+            background: var(--primary-gradient);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+        
+        .nav-menu {
+            display: flex;
+            gap: var(--spacing-lg);
+            align-items: center;
+        }
+        
+        .nav-link {
+            font-size: 15px;
+            font-weight: 500;
+            color: var(--text-primary);
+            transition: var(--transition);
+        }
+        
+        .nav-link:hover {
+            color: var(--primary-orange);
+        }
+        
+        /* ===== Hero Section ===== */
+        .hero {
+            padding-top: 140px;
+            padding-bottom: 80px;
+            background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 50%, #F5F7FA 100%);
+            position: relative;
+            overflow: hidden;
+        }
+        
+        .hero::before {
+            content: '';
+            position: absolute;
+            top: -50%;
+            right: -20%;
+            width: 80%;
+            height: 200%;
+            background: radial-gradient(circle, rgba(255, 106, 25, 0.05) 0%, transparent 70%);
+            animation: float 20s ease-in-out infinite;
+        }
+        
+        @keyframes float {
+            0%, 100% { transform: translateY(0) rotate(0deg); }
+            50% { transform: translateY(-20px) rotate(5deg); }
+        }
+        
+        .hero-content {
+            text-align: center;
+            max-width: 800px;
+            margin: 0 auto;
+            position: relative;
+            z-index: 1;
+        }
+        
+        .hero-badge {
+            display: inline-block;
+            padding: 8px 16px;
+            background: linear-gradient(135deg, rgba(255, 106, 25, 0.1), rgba(252, 110, 24, 0.15));
+            color: var(--primary-orange);
+            font-size: 14px;
+            font-weight: 600;
+            border-radius: 20px;
+            margin-bottom: var(--spacing-md);
+            border: 1px solid rgba(255, 106, 25, 0.2);
+        }
+        
+        .hero h1 {
+            font-size: 48px;
+            font-weight: 900;
+            line-height: 1.2;
+            margin-bottom: var(--spacing-sm);
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 50%, #FF8A5C 100%);
+            background-size: 200% auto;
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+        
+        .hero p {
+            font-size: 18px;
+            color: var(--text-secondary);
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        .hero-buttons {
+            display: flex;
+            justify-content: center;
+            gap: var(--spacing-sm);
+            flex-wrap: wrap;
+        }
+        
+        .hero-stats {
+            display: flex;
+            justify-content: center;
+            gap: var(--spacing-lg);
+            margin-top: var(--spacing-lg);
+            flex-wrap: wrap;
+        }
+        
+        .stat-item {
+            text-align: center;
+        }
+        
+        .stat-number {
+            font-size: 32px;
+            font-weight: 700;
+            background: var(--primary-gradient);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+        
+        .stat-label {
+            font-size: 13px;
+            color: var(--text-light);
+            margin-top: 4px;
+        }
+        
+        /* ===== Features Section ===== */
+        .features {
+            background: var(--bg-light);
+        }
+        
+        .features-grid {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: var(--spacing-md);
+        }
+        
+        .feature-card {
+            text-align: center;
+            padding: var(--spacing-lg) var(--spacing-md);
+            border-radius: var(--radius-lg);
+            background: white;
+            box-shadow: var(--shadow-sm);
+            transition: var(--transition);
+            border: 1px solid #eee;
+        }
+        
+        .feature-card:hover {
+            transform: translateY(-8px);
+            box-shadow: var(--shadow-lg);
+            border-color: var(--primary-orange);
+        }
+        
+        .feature-icon {
+            width: 64px;
+            height: 64px;
+            margin: 0 auto var(--spacing-sm);
+            background: var(--primary-gradient);
+            border-radius: var(--radius-md);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 28px;
+        }
+        
+        .feature-title {
+            font-size: 18px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .feature-desc {
+            font-size: 14px;
+            color: var(--text-secondary);
+        }
+        
+        /* ===== API Categories Section ===== */
+        .api-categories {
+            background: var(--bg-gray);
+        }
+        
+        .categories-grid {
+            display: grid;
+            grid-template-columns: repeat(4, 1fr);
+            gap: var(--spacing-md);
+        }
+        
+        .category-card {
+            background: white;
+            border-radius: var(--radius-lg);
+            padding: var(--spacing-md);
+            box-shadow: var(--shadow-sm);
+            transition: var(--transition);
+            cursor: pointer;
+        }
+        
+        .category-card:hover {
+            transform: translateY(-4px);
+            box-shadow: var(--shadow-md);
+        }
+        
+        .category-icon {
+            font-size: 36px;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .category-name {
+            font-size: 16px;
+            font-weight: 600;
+            margin-bottom: 8px;
+        }
+        
+        .category-count {
+            font-size: 13px;
+            color: var(--text-light);
+        }
+        
+        /* ===== API List Section ===== */
+        .api-list {
+            background: var(--bg-light);
+        }
+        
+        .api-grid {
+            display: grid;
+            grid-template-columns: repeat(2, 1fr);
+            gap: var(--spacing-md);
+        }
+        
+        .api-card {
+            background: white;
+            border-radius: var(--radius-lg);
+            padding: var(--spacing-md);
+            border: 1px solid #eee;
+            transition: var(--transition);
+        }
+        
+        .api-card:hover {
+            border-color: var(--primary-orange);
+            box-shadow: var(--shadow-md);
+        }
+        
+        .api-header {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .api-name {
+            font-size: 16px;
+            font-weight: 600;
+        }
+        
+        .api-tag {
+            padding: 4px 12px;
+            border-radius: 12px;
+            font-size: 12px;
+            font-weight: 500;
+        }
+        
+        .api-tag.hot {
+            background: rgba(255, 106, 25, 0.1);
+            color: var(--primary-orange);
+        }
+        
+        .api-tag.new {
+            background: rgba(7, 193, 96, 0.1);
+            color: var(--success);
+        }
+        
+        .api-desc {
+            font-size: 14px;
+            color: var(--text-secondary);
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .api-footer {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            padding-top: var(--spacing-xs);
+            border-top: 1px solid #eee;
+        }
+        
+        .api-price {
+            font-size: 14px;
+            font-weight: 600;
+            color: var(--primary-orange);
+        }
+        
+        .api-btn {
+            padding: 6px 16px;
+            font-size: 13px;
+        }
+        
+        /* ===== Solutions Section ===== */
+        .solutions {
+            background: linear-gradient(135deg, #1A1A2E 0%, #16213E 100%);
+            color: white;
+        }
+        
+        .solutions .section-title,
+        .solutions .section-subtitle {
+            color: white;
+        }
+        
+        .solutions-grid {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: var(--spacing-md);
+        }
+        
+        .solution-card {
+            background: rgba(255,255,255,0.05);
+            border-radius: var(--radius-lg);
+            padding: var(--spacing-lg);
+            border: 1px solid rgba(255,255,255,0.1);
+            transition: var(--transition);
+        }
+        
+        .solution-card:hover {
+            background: rgba(255,255,255,0.08);
+            border-color: var(--primary-orange);
+        }
+        
+        .solution-icon {
+            font-size: 40px;
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .solution-name {
+            font-size: 18px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .solution-desc {
+            font-size: 14px;
+            opacity: 0.8;
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .solution-features {
+            font-size: 13px;
+            opacity: 0.7;
+        }
+        
+        .solution-features li {
+            padding: 4px 0;
+            display: flex;
+            align-items: center;
+            gap: 8px;
+        }
+        
+        .solution-features li::before {
+            content: '✓';
+            color: var(--primary-orange);
+        }
+        
+        /* ===== Stats Section ===== */
+        .stats {
+            background: var(--bg-gray);
+            padding: var(--spacing-lg) 0;
+        }
+        
+        .stats-grid {
+            display: grid;
+            grid-template-columns: repeat(4, 1fr);
+            gap: var(--spacing-md);
+            text-align: center;
+        }
+        
+        .stat-card {
+            padding: var(--spacing-md);
+        }
+        
+        .stat-value {
+            font-size: 42px;
+            font-weight: 700;
+            background: var(--primary-gradient);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+        
+        .stat-desc {
+            font-size: 14px;
+            color: var(--text-secondary);
+            margin-top: 8px;
+        }
+        
+        /* ===== Partners Section ===== */
+        .partners {
+            background: var(--bg-light);
+        }
+        
+        .partners-grid {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: var(--spacing-md);
+        }
+        
+        .partner-card {
+            background: white;
+            border-radius: var(--radius-lg);
+            padding: var(--spacing-lg);
+            border: 1px solid #eee;
+            transition: var(--transition);
+        }
+        
+        .partner-card:hover {
+            border-color: var(--primary-orange);
+            box-shadow: var(--shadow-md);
+        }
+        
+        .partner-name {
+            font-size: 18px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .partner-desc {
+            font-size: 14px;
+            color: var(--text-secondary);
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .partner-tags {
+            display: flex;
+            gap: 8px;
+            flex-wrap: wrap;
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .partner-tag {
+            padding: 4px 12px;
+            background: var(--bg-gray);
+            border-radius: 12px;
+            font-size: 12px;
+            color: var(--text-secondary);
+        }
+        
+        .partner-link {
+            color: var(--primary-orange);
+            font-size: 14px;
+            font-weight: 500;
+        }
+        
+        .partner-link:hover {
+            text-decoration: underline;
+        }
+        
+        /* ===== CTA Section ===== */
+        .cta {
+            background: var(--primary-gradient);
+            color: white;
+            text-align: center;
+            padding: var(--spacing-xl) 0;
+        }
+        
+        .cta h2 {
+            font-size: 32px;
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .cta p {
+            font-size: 16px;
+            opacity: 0.95;
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        .cta .btn {
+            background: white;
+            color: var(--primary-orange);
+        }
+        
+        /* ===== Footer ===== */
+        .footer {
+            background: #1A1A1A;
+            color: white;
+            padding: var(--spacing-lg) 0;
+        }
+        
+        .footer-content {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            flex-wrap: wrap;
+            gap: var(--spacing-md);
+        }
+        
+        .footer-brand {
+            display: flex;
+            align-items: center;
+            gap: 12px;
+        }
+        
+        .footer-brand-text {
+            font-size: 18px;
+            font-weight: 600;
+        }
+        
+        .footer-links {
+            display: flex;
+            gap: var(--spacing-md);
+        }
+        
+        .footer-links a {
+            font-size: 14px;
+            opacity: 0.8;
+            transition: var(--transition);
+        }
+        
+        .footer-links a:hover {
+            opacity: 1;
+            color: var(--primary-orange);
+        }
+        
+        .footer-bottom {
+            margin-top: var(--spacing-md);
+            padding-top: var(--spacing-md);
+            border-top: 1px solid rgba(255,255,255,0.1);
+            text-align: center;
+            font-size: 13px;
+            opacity: 0.6;
+        }
+        
+        /* ===== Responsive ===== */
+        @media (max-width: 1024px) {
+            .features-grid,
+            .solutions-grid,
+            .stats-grid {
+                grid-template-columns: repeat(2, 1fr);
+            }
+            
+            .categories-grid {
+                grid-template-columns: repeat(2, 1fr);
+            }
+        }
+        
+        @media (max-width: 768px) {
+            .navbar .container {
+                height: 60px;
+                padding: 0 16px;
+            }
+            
+            .nav-menu {
+                display: none;
+            }
+            
+            .hero {
+                padding-top: 100px;
+            }
+            
+            .hero h1 {
+                font-size: 32px;
+            }
+            
+            .features-grid,
+            .categories-grid,
+            .api-grid,
+            .solutions-grid,
+            .partners-grid,
+            .stats-grid {
+                grid-template-columns: 1fr;
+            }
+            
+            .footer-content {
+                flex-direction: column;
+                text-align: center;
+            }
+        }
+    
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            text-decoration: none;
+            background: transparent;
+            padding: 4px 0;
+        }
+        
+        .logo-img {
+            background: rgba(255,255,255,0.95);
+            height: 60px;
+            width: auto;
+            object-fit: contain;
+            transition: var(--transition);
+        }
+        
+        .logo:hover .logo-img {
+            background: rgba(255,255,255,0.95);
+            transform: scale(1.05);
+        }
+</style>
+</head>
+<body>
+    <!-- Navigation -->
+    <nav class="navbar">
+        <div class="container">
+            <a href="/index.html" class="logo">
+                <img src="../assets/logo.png" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            
+            <ul class="nav-menu">
+                <li><a href="#home" class="nav-link">首页</a></li>
+                <li><a href="#features" class="nav-link">核心能力</a></li>
+                <li><a href="#categories" class="nav-link">接口分类</a></li>
+                <li><a href="#api-list" class="nav-link">接口列表</a></li>
+                <li><a href="#solutions" class="nav-link">解决方案</a></li>
+                <li><a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary" style="padding: 8px 20px;">控制台</a></li>
+            </ul>
+        </div>
+    </nav>
+
+    <!-- Hero Section -->
+    <section class="hero" id="home">
+        <div class="container">
+            <div class="hero-content">
+                <span class="hero-badge">🤖 AI 驱动的数据接口平台</span>
+                <h1>200+ 数据接口<br>智能组合 秒级响应</h1>
+                <p>提供个人背调、企业风控、金融验证等多场景 API 服务<br>支持在线调试、文档查看、密钥管理</p>
+                
+                <div class="hero-buttons">
+                    <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">🚀 立即接入</a>
+                    <a href="#api-list" class="btn btn-outline">📚 查看接口</a>
+                </div>
+                
+                <div class="hero-stats">
+                    <div class="stat-item">
+                        <div class="stat-number">200+</div>
+                        <div class="stat-label">数据接口</div>
+                    </div>
+                    <div class="stat-item">
+                        <div class="stat-number">50000+</div>
+                        <div class="stat-label">服务用户</div>
+                    </div>
+                    <div class="stat-item">
+                        <div class="stat-number">99.9%</div>
+                        <div class="stat-label">可用性</div>
+                    </div>
+                    <div class="stat-item">
+                        <div class="stat-number">3 秒</div>
+                        <div class="stat-label">平均响应</div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Features Section -->
+    <section class="section features" id="features">
+        <div class="container">
+            <h2 class="section-title">核心能力</h2>
+            <p class="section-subtitle">为什么选择愉悦查 API</p>
+            
+            <div class="features-grid">
+                <div class="feature-card">
+                    <div class="feature-icon">📡</div>
+                    <h3 class="feature-title">海量数据</h3>
+                    <p class="feature-desc">200+ 官方数据接口<br>覆盖全维度信息</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">🛠️</div>
+                    <h3 class="feature-title">在线调试</h3>
+                    <p class="feature-desc">可视化调试工具<br>即测即用</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">📖</div>
+                    <h3 class="feature-title">完整文档</h3>
+                    <p class="feature-desc">详细接口文档<br>快速接入指南</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">🔑</div>
+                    <h3 class="feature-title">密钥管理</h3>
+                    <p class="feature-desc">安全密钥体系<br>灵活权限控制</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">⚡</div>
+                    <h3 class="feature-title">秒级响应</h3>
+                    <p class="feature-desc">实时数据返回<br>最快 3 秒出结果</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">🔒</div>
+                    <h3 class="feature-title">安全合规</h3>
+                    <p class="feature-desc">等保三级认证<br>数据加密传输</p>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- API Categories Section -->
+    <section class="section api-categories" id="categories">
+        <div class="container">
+            <h2 class="section-title">接口分类</h2>
+            <p class="section-subtitle">按场景分类，快速找到所需接口</p>
+            
+            <div class="categories-grid">
+                <div class="category-card">
+                    <div class="category-icon">👤</div>
+                    <div class="category-name">身份验证</div>
+                    <div class="category-count">25 个接口</div>
+                </div>
+                <div class="category-card">
+                    <div class="category-icon">🏢</div>
+                    <div class="category-name">企业信息</div>
+                    <div class="category-count">32 个接口</div>
+                </div>
+                <div class="category-card">
+                    <div class="category-icon">💳</div>
+                    <div class="category-name">金融验证</div>
+                    <div class="category-count">28 个接口</div>
+                </div>
+                <div class="category-card">
+                    <div class="category-icon">📱</div>
+                    <div class="category-name">运营商</div>
+                    <div class="category-count">18 个接口</div>
+                </div>
+                <div class="category-card">
+                    <div class="category-icon">🎓</div>
+                    <div class="category-name">学历资质</div>
+                    <div class="category-count">15 个接口</div>
+                </div>
+                <div class="category-card">
+                    <div class="category-icon">⚖️</div>
+                    <div class="category-name">司法风险</div>
+                    <div class="category-count">22 个接口</div>
+                </div>
+                <div class="category-card">
+                    <div class="category-icon">🔍</div>
+                    <div class="category-name">背景调查</div>
+                    <div class="category-count">35 个接口</div>
+                </div>
+                <div class="category-card">
+                    <div class="category-icon">🤖</div>
+                    <div class="category-name">AI 定制</div>
+                    <div class="category-count">25+ 智能组合</div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- API List Section -->
+    <section class="section api-list" id="api-list">
+        <div class="container">
+            <h2 class="section-title">热门接口</h2>
+            <p class="section-subtitle">精选高频使用接口，快速接入</p>
+            
+            <div class="api-grid">
+                <!-- API 1 -->
+                <div class="api-card">
+                    <div class="api-header">
+                        <span class="api-name">个人大数据报告</span>
+                        <span class="api-tag hot">🔥 热门</span>
+                    </div>
+                    <p class="api-desc">全面个人背景分析，3-4 个数据接口智能组合</p>
+                    <div class="api-footer">
+                        <span class="api-price">¥0.5/次</span>
+                        <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary api-btn" target="_blank">立即接入</a>
+                    </div>
+                </div>
+                
+                <!-- API 2 -->
+                <div class="api-card">
+                    <div class="api-header">
+                        <span class="api-name">企业全量信息核验</span>
+                        <span class="api-tag hot">🔥 热门</span>
+                    </div>
+                    <p class="api-desc">企业信用信息综合查询，工商/司法/经营多维度</p>
+                    <div class="api-footer">
+                        <span class="api-price">¥0.8/次</span>
+                        <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary api-btn" target="_blank">立即接入</a>
+                    </div>
+                </div>
+                
+                <!-- API 3 -->
+                <div class="api-card">
+                    <div class="api-header">
+                        <span class="api-name">手机号码归属地核验</span>
+                        <span class="api-tag new">✨ 推荐</span>
+                    </div>
+                    <p class="api-desc">手机号码地域属性核验，支持三大运营商</p>
+                    <div class="api-footer">
+                        <span class="api-price">¥0.1/次</span>
+                        <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary api-btn" target="_blank">立即接入</a>
+                    </div>
+                </div>
+                
+                <!-- API 4 -->
+                <div class="api-card">
+                    <div class="api-header">
+                        <span class="api-name">身份证 OCR 识别</span>
+                        <span class="api-tag new">✨ 推荐</span>
+                    </div>
+                    <p class="api-desc">身份证正反面精准识别，支持图像智能分析</p>
+                    <div class="api-footer">
+                        <span class="api-price">¥0.2/次</span>
+                        <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary api-btn" target="_blank">立即接入</a>
+                    </div>
+                </div>
+                
+                <!-- API 5 -->
+                <div class="api-card">
+                    <div class="api-header">
+                        <span class="api-name">银行卡 OCR</span>
+                    </div>
+                    <p class="api-desc">银行卡智能识别，自动提取卡号/银行信息</p>
+                    <div class="api-footer">
+                        <span class="api-price">¥0.2/次</span>
+                        <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary api-btn" target="_blank">立即接入</a>
+                    </div>
+                </div>
+                
+                <!-- API 6 -->
+                <div class="api-card">
+                    <div class="api-header">
+                        <span class="api-name">学历验证接口</span>
+                    </div>
+                    <p class="api-desc">学信网数据对接，学历信息快速核验</p>
+                    <div class="api-footer">
+                        <span class="api-price">¥0.3/次</span>
+                        <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary api-btn" target="_blank">立即接入</a>
+                    </div>
+                </div>
+                
+                <!-- API 7 -->
+                <div class="api-card">
+                    <div class="api-header">
+                        <span class="api-name">婚恋风险报告</span>
+                    </div>
+                    <p class="api-desc">婚恋风险评估，隐私保护，多维度分析</p>
+                    <div class="api-footer">
+                        <span class="api-price">¥0.4/次</span>
+                        <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary api-btn" target="_blank">立即接入</a>
+                    </div>
+                </div>
+                
+                <!-- API 8 -->
+                <div class="api-card">
+                    <div class="api-header">
+                        <span class="api-name">入职背调报告</span>
+                    </div>
+                    <p class="api-desc">员工背景筛查，降低用工风险，批量优惠</p>
+                    <div class="api-footer">
+                        <span class="api-price">¥0.7/次</span>
+                        <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary api-btn" target="_blank">立即接入</a>
+                    </div>
+                </div>
+            </div>
+            
+            <div style="text-align:center;margin-top:var(--spacing-lg);">
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-outline">📋 查看全部接口</a>
+            </div>
+        </div>
+    </section>
+
+    <!-- Solutions Section -->
+    <section class="section solutions" id="solutions">
+        <div class="container">
+            <h2 class="section-title">行业解决方案</h2>
+            <p class="section-subtitle">基于愉悦查 API，为不同行业提供精准数据服务</p>
+            
+            <div class="solutions-grid">
+                <div class="solution-card">
+                    <div class="solution-icon">💼</div>
+                    <h3 class="solution-name">人力资源</h3>
+                    <p class="solution-desc">入职背调、员工风控、资质核验</p>
+                    <ul class="solution-features">
+                        <li>身份核验接口</li>
+                        <li>学历验证接口</li>
+                        <li>司法风险查询</li>
+                        <li>工作履历核验</li>
+                    </ul>
+                </div>
+                
+                <div class="solution-card">
+                    <div class="solution-icon">🏦</div>
+                    <h3 class="solution-name">金融服务</h3>
+                    <p class="solution-desc">信贷风控、反欺诈、信用评估</p>
+                    <ul class="solution-features">
+                        <li>银行卡验证</li>
+                        <li>信用报告接口</li>
+                        <li>多头借贷查询</li>
+                        <li>黑名单核验</li>
+                    </ul>
+                </div>
+                
+                <div class="solution-card">
+                    <div class="solution-icon">🏪</div>
+                    <h3 class="solution-name">电商零售</h3>
+                    <p class="solution-desc">用户风控、交易反欺诈、商家审核</p>
+                    <ul class="solution-features">
+                        <li>实名认证接口</li>
+                        <li>手机号核验</li>
+                        <li>企业地址验证</li>
+                        <li>经营异常查询</li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Stats Section -->
+    <section class="stats">
+        <div class="container">
+            <div class="stats-grid">
+                <div class="stat-card">
+                    <div class="stat-value">200+</div>
+                    <div class="stat-desc">数据接口</div>
+                </div>
+                <div class="stat-card">
+                    <div class="stat-value">50000+</div>
+                    <div class="stat-desc">服务用户</div>
+                </div>
+                <div class="stat-card">
+                    <div class="stat-value">1000 万+</div>
+                    <div class="stat-desc">日调用量</div>
+                </div>
+                <div class="stat-card">
+                    <div class="stat-value">99.9%</div>
+                    <div class="stat-desc">服务可用性</div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Partners Section -->
+    <section class="section partners">
+        <div class="container">
+            <h2 class="section-title">合作伙伴</h2>
+            <p class="section-subtitle">我们提供专业的定制化系统开发服务</p>
+            
+            <div class="partners-grid">
+                <div class="partner-card">
+                    <h3 class="partner-name">愉悦查官网</h3>
+                    <p class="partner-desc">前后端部署，技术维护</p>
+                    <div class="partner-tags">
+                        <span class="partner-tag">支持二开</span>
+                        <span class="partner-tag">技术维护</span>
+                    </div>
+                    <a href="https://www.yuyuecha.com" class="partner-link">前往查看 →</a>
+                </div>
+                
+                <div class="partner-card">
+                    <h3 class="partner-name">愉悦查大数据</h3>
+                    <p class="partner-desc">源代码交付，前后端部署</p>
+                    <div class="partner-tags">
+                        <span class="partner-tag">源代码交付</span>
+                        <span class="partner-tag">支付集成</span>
+                    </div>
+                    <a href="#" class="partner-link">前往查看 →</a>
+                </div>
+                
+                <div class="partner-card">
+                    <h3 class="partner-name">免费版集成系统</h3>
+                    <p class="partner-desc">快速对接 API，开源免费</p>
+                    <div class="partner-tags">
+                        <span class="partner-tag">开源免费</span>
+                        <span class="partner-tag">快速部署</span>
+                        <span class="partner-tag">支付集成</span>
+                    </div>
+                    <a href="#" class="partner-link">前往查看 →</a>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- CTA Section -->
+    <section class="cta">
+        <div class="container">
+            <h2>准备好开始接入了吗？</h2>
+            <p>立即注册，获取 API 密钥，开始调用数据接口</p>
+            <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn" target="_blank">🚀 立即接入</a>
+        </div>
+    </section>
+
+    <!-- Footer -->
+    <footer class="footer">
+        <div class="container">
+            <div class="footer-content">
+                <div class="footer-brand">
+                    <span class="footer-brand-text">愉悦查 API</span>
+                </div>
+                
+                <div class="footer-links">
+                    <a href="/">返回官网</a>
+                    <a href="https://www.yuyuecha.com/login?redirect=/me">控制台</a>
+                    <a href="#api-list">接口文档</a>
+                    <a href="#solutions">解决方案</a>
+                </div>
+            </div>
+            
+            <div class="footer-bottom">
+                <p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p>京 ICP 备 2025158088 号 -2</p>
+            </div>
+        </div>
+    </footer>
+
+    <script>
+        // Navbar scroll effect
+        window.addEventListener('scroll', () => {
+            const navbar = document.querySelector('.navbar');
+            if (window.scrollY > 50) {
+                navbar.style.boxShadow = '0 4px 30px rgba(0,0,0,0.12)';
+            } else {
+                navbar.style.boxShadow = '0 2px 20px rgba(0,0,0,0.08)';
+            }
+        });
+        
+        // Smooth scroll
+        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' });
+                }
+            });
+        });
+        
+        // Animated counter
+        function animateCounter(elementId, target, suffix = '') {
+            const element = document.getElementById(elementId);
+            if (!element) return;
+            
+            let current = 0;
+            const increment = target / 50;
+            const timer = setInterval(() => {
+                current += increment;
+                if (current >= target) {
+                    element.textContent = target.toLocaleString() + suffix;
+                    clearInterval(timer);
+                } else {
+                    element.textContent = Math.floor(current).toLocaleString() + suffix;
+                }
+            }, 30);
+        }
+        
+        console.log('愉悦查 API 平台已加载 🚀');
+    </script>
+</body>
+</html>
diff --git a/apidemo/index.html.bak.logo b/apidemo/index.html.bak.logo
new file mode 100644
index 0000000..d0ebd70
--- /dev/null
+++ b/apidemo/index.html.bak.logo
@@ -0,0 +1,1203 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>愉悦查 API - 数据接口管理控制台 | AI 驱动的商业信任科技平台</title>
+    <meta name="description" content="愉悦查 API 平台，提供 200+ 数据接口，支持在线调试、文档查看、密钥管理。让信任无处不在，让合作没有距离。">
+    <meta name="keywords" content="愉悦查 API，数据接口，API 文档，在线调试，背调接口，风险评估">
+    
+    <!-- 预加载字体 -->
+    <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=Noto+Sans+SC:wght@300;400;500;600;700;900&display=swap" rel="stylesheet">
+    
+    <style>
+        /* ===== CSS Variables - 愉悦查品牌色定义 ===== */
+        :root {
+            /* 品牌主色 - 橙色系 */
+            --primary-orange: #FF6A19;
+            --primary-orange-light: #FC6E18;
+            --primary-orange-dark: #E64E10;
+            --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
+            --primary-orange-soft: #FFDECC;
+            
+            /* 辅助色 */
+            --bg-light: #FFFFFF;
+            --bg-gray: #F5F7FA;
+            --bg-dark: #1A1A2E;
+            
+            /* 文字色 */
+            --text-primary: #1A1A1A;
+            --text-secondary: #666666;
+            --text-light: #999999;
+            --text-white: #FFFFFF;
+            
+            /* 功能色 */
+            --success: #07C160;
+            --warning: #FF9500;
+            --error: #FF3B30;
+            --info: #007AFF;
+            
+            /* 间距 */
+            --spacing-xs: 8px;
+            --spacing-sm: 16px;
+            --spacing-md: 24px;
+            --spacing-lg: 48px;
+            --spacing-xl: 80px;
+            
+            /* 圆角 */
+            --radius-sm: 4px;
+            --radius-md: 8px;
+            --radius-lg: 16px;
+            --radius-xl: 24px;
+            
+            /* 阴影 */
+            --shadow-sm: 0 2px 8px rgba(0,0,0,0.08);
+            --shadow-md: 0 4px 16px rgba(0,0,0,0.12);
+            --shadow-lg: 0 8px 32px rgba(0,0,0,0.16);
+            
+            /* 过渡 */
+            --transition: all 0.3s ease;
+        }
+        
+        /* ===== Reset & Base ===== */
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+        
+        html {
+            scroll-behavior: smooth;
+        }
+        
+        body {
+            font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+            font-size: 16px;
+            line-height: 1.6;
+            color: var(--text-primary);
+            background-color: var(--bg-light);
+        }
+        
+        a {
+            text-decoration: none;
+            color: inherit;
+        }
+        
+        ul {
+            list-style: none;
+        }
+        
+        img {
+            max-width: 100%;
+            height: auto;
+        }
+        
+        .container {
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 0 var(--spacing-md);
+        }
+        
+        .btn {
+            display: inline-block;
+            padding: 12px 28px;
+            font-size: 15px;
+            font-weight: 500;
+            border-radius: var(--radius-md);
+            cursor: pointer;
+            transition: var(--transition);
+            border: none;
+            text-align: center;
+        }
+        
+        .btn-primary {
+            background: var(--primary-gradient);
+            color: white;
+            box-shadow: 0 4px 12px rgba(255, 106, 25, 0.3);
+        }
+        
+        .btn-primary:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 6px 20px rgba(255, 106, 25, 0.4);
+        }
+        
+        .btn-outline {
+            background: transparent;
+            border: 2px solid var(--primary-orange);
+            color: var(--primary-orange);
+        }
+        
+        .btn-outline:hover {
+            background: var(--primary-gradient);
+            color: white;
+            transform: translateY(-2px);
+        }
+        
+        .section {
+            padding: var(--spacing-xl) 0;
+        }
+        
+        .section-title {
+            text-align: center;
+            font-size: 32px;
+            font-weight: 700;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .section-subtitle {
+            text-align: center;
+            font-size: 16px;
+            color: var(--text-secondary);
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        /* ===== Navigation ===== */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+            transition: var(--transition);
+        }
+        
+        .navbar .container {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            height: 70px;
+            max-width: 1400px;
+            margin: 0 auto;
+            padding: 0 32px;
+        }
+        
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 12px;
+            text-decoration: none;
+        }
+        
+        .logo-text {
+            font-size: 22px;
+            font-weight: 700;
+            background: var(--primary-gradient);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+        
+        .nav-menu {
+            display: flex;
+            gap: var(--spacing-lg);
+            align-items: center;
+        }
+        
+        .nav-link {
+            font-size: 15px;
+            font-weight: 500;
+            color: var(--text-primary);
+            transition: var(--transition);
+        }
+        
+        .nav-link:hover {
+            color: var(--primary-orange);
+        }
+        
+        /* ===== Hero Section ===== */
+        .hero {
+            padding-top: 140px;
+            padding-bottom: 80px;
+            background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 50%, #F5F7FA 100%);
+            position: relative;
+            overflow: hidden;
+        }
+        
+        .hero::before {
+            content: '';
+            position: absolute;
+            top: -50%;
+            right: -20%;
+            width: 80%;
+            height: 200%;
+            background: radial-gradient(circle, rgba(255, 106, 25, 0.05) 0%, transparent 70%);
+            animation: float 20s ease-in-out infinite;
+        }
+        
+        @keyframes float {
+            0%, 100% { transform: translateY(0) rotate(0deg); }
+            50% { transform: translateY(-20px) rotate(5deg); }
+        }
+        
+        .hero-content {
+            text-align: center;
+            max-width: 800px;
+            margin: 0 auto;
+            position: relative;
+            z-index: 1;
+        }
+        
+        .hero-badge {
+            display: inline-block;
+            padding: 8px 16px;
+            background: linear-gradient(135deg, rgba(255, 106, 25, 0.1), rgba(252, 110, 24, 0.15));
+            color: var(--primary-orange);
+            font-size: 14px;
+            font-weight: 600;
+            border-radius: 20px;
+            margin-bottom: var(--spacing-md);
+            border: 1px solid rgba(255, 106, 25, 0.2);
+        }
+        
+        .hero h1 {
+            font-size: 48px;
+            font-weight: 900;
+            line-height: 1.2;
+            margin-bottom: var(--spacing-sm);
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 50%, #FF8A5C 100%);
+            background-size: 200% auto;
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+        
+        .hero p {
+            font-size: 18px;
+            color: var(--text-secondary);
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        .hero-buttons {
+            display: flex;
+            justify-content: center;
+            gap: var(--spacing-sm);
+            flex-wrap: wrap;
+        }
+        
+        .hero-stats {
+            display: flex;
+            justify-content: center;
+            gap: var(--spacing-lg);
+            margin-top: var(--spacing-lg);
+            flex-wrap: wrap;
+        }
+        
+        .stat-item {
+            text-align: center;
+        }
+        
+        .stat-number {
+            font-size: 32px;
+            font-weight: 700;
+            background: var(--primary-gradient);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+        
+        .stat-label {
+            font-size: 13px;
+            color: var(--text-light);
+            margin-top: 4px;
+        }
+        
+        /* ===== Features Section ===== */
+        .features {
+            background: var(--bg-light);
+        }
+        
+        .features-grid {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: var(--spacing-md);
+        }
+        
+        .feature-card {
+            text-align: center;
+            padding: var(--spacing-lg) var(--spacing-md);
+            border-radius: var(--radius-lg);
+            background: white;
+            box-shadow: var(--shadow-sm);
+            transition: var(--transition);
+            border: 1px solid #eee;
+        }
+        
+        .feature-card:hover {
+            transform: translateY(-8px);
+            box-shadow: var(--shadow-lg);
+            border-color: var(--primary-orange);
+        }
+        
+        .feature-icon {
+            width: 64px;
+            height: 64px;
+            margin: 0 auto var(--spacing-sm);
+            background: var(--primary-gradient);
+            border-radius: var(--radius-md);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 28px;
+        }
+        
+        .feature-title {
+            font-size: 18px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .feature-desc {
+            font-size: 14px;
+            color: var(--text-secondary);
+        }
+        
+        /* ===== API Categories Section ===== */
+        .api-categories {
+            background: var(--bg-gray);
+        }
+        
+        .categories-grid {
+            display: grid;
+            grid-template-columns: repeat(4, 1fr);
+            gap: var(--spacing-md);
+        }
+        
+        .category-card {
+            background: white;
+            border-radius: var(--radius-lg);
+            padding: var(--spacing-md);
+            box-shadow: var(--shadow-sm);
+            transition: var(--transition);
+            cursor: pointer;
+        }
+        
+        .category-card:hover {
+            transform: translateY(-4px);
+            box-shadow: var(--shadow-md);
+        }
+        
+        .category-icon {
+            font-size: 36px;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .category-name {
+            font-size: 16px;
+            font-weight: 600;
+            margin-bottom: 8px;
+        }
+        
+        .category-count {
+            font-size: 13px;
+            color: var(--text-light);
+        }
+        
+        /* ===== API List Section ===== */
+        .api-list {
+            background: var(--bg-light);
+        }
+        
+        .api-grid {
+            display: grid;
+            grid-template-columns: repeat(2, 1fr);
+            gap: var(--spacing-md);
+        }
+        
+        .api-card {
+            background: white;
+            border-radius: var(--radius-lg);
+            padding: var(--spacing-md);
+            border: 1px solid #eee;
+            transition: var(--transition);
+        }
+        
+        .api-card:hover {
+            border-color: var(--primary-orange);
+            box-shadow: var(--shadow-md);
+        }
+        
+        .api-header {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .api-name {
+            font-size: 16px;
+            font-weight: 600;
+        }
+        
+        .api-tag {
+            padding: 4px 12px;
+            border-radius: 12px;
+            font-size: 12px;
+            font-weight: 500;
+        }
+        
+        .api-tag.hot {
+            background: rgba(255, 106, 25, 0.1);
+            color: var(--primary-orange);
+        }
+        
+        .api-tag.new {
+            background: rgba(7, 193, 96, 0.1);
+            color: var(--success);
+        }
+        
+        .api-desc {
+            font-size: 14px;
+            color: var(--text-secondary);
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .api-footer {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            padding-top: var(--spacing-xs);
+            border-top: 1px solid #eee;
+        }
+        
+        .api-price {
+            font-size: 14px;
+            font-weight: 600;
+            color: var(--primary-orange);
+        }
+        
+        .api-btn {
+            padding: 6px 16px;
+            font-size: 13px;
+        }
+        
+        /* ===== Solutions Section ===== */
+        .solutions {
+            background: linear-gradient(135deg, #1A1A2E 0%, #16213E 100%);
+            color: white;
+        }
+        
+        .solutions .section-title,
+        .solutions .section-subtitle {
+            color: white;
+        }
+        
+        .solutions-grid {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: var(--spacing-md);
+        }
+        
+        .solution-card {
+            background: rgba(255,255,255,0.05);
+            border-radius: var(--radius-lg);
+            padding: var(--spacing-lg);
+            border: 1px solid rgba(255,255,255,0.1);
+            transition: var(--transition);
+        }
+        
+        .solution-card:hover {
+            background: rgba(255,255,255,0.08);
+            border-color: var(--primary-orange);
+        }
+        
+        .solution-icon {
+            font-size: 40px;
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .solution-name {
+            font-size: 18px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .solution-desc {
+            font-size: 14px;
+            opacity: 0.8;
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .solution-features {
+            font-size: 13px;
+            opacity: 0.7;
+        }
+        
+        .solution-features li {
+            padding: 4px 0;
+            display: flex;
+            align-items: center;
+            gap: 8px;
+        }
+        
+        .solution-features li::before {
+            content: '✓';
+            color: var(--primary-orange);
+        }
+        
+        /* ===== Stats Section ===== */
+        .stats {
+            background: var(--bg-gray);
+            padding: var(--spacing-lg) 0;
+        }
+        
+        .stats-grid {
+            display: grid;
+            grid-template-columns: repeat(4, 1fr);
+            gap: var(--spacing-md);
+            text-align: center;
+        }
+        
+        .stat-card {
+            padding: var(--spacing-md);
+        }
+        
+        .stat-value {
+            font-size: 42px;
+            font-weight: 700;
+            background: var(--primary-gradient);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+        
+        .stat-desc {
+            font-size: 14px;
+            color: var(--text-secondary);
+            margin-top: 8px;
+        }
+        
+        /* ===== Partners Section ===== */
+        .partners {
+            background: var(--bg-light);
+        }
+        
+        .partners-grid {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: var(--spacing-md);
+        }
+        
+        .partner-card {
+            background: white;
+            border-radius: var(--radius-lg);
+            padding: var(--spacing-lg);
+            border: 1px solid #eee;
+            transition: var(--transition);
+        }
+        
+        .partner-card:hover {
+            border-color: var(--primary-orange);
+            box-shadow: var(--shadow-md);
+        }
+        
+        .partner-name {
+            font-size: 18px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .partner-desc {
+            font-size: 14px;
+            color: var(--text-secondary);
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .partner-tags {
+            display: flex;
+            gap: 8px;
+            flex-wrap: wrap;
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .partner-tag {
+            padding: 4px 12px;
+            background: var(--bg-gray);
+            border-radius: 12px;
+            font-size: 12px;
+            color: var(--text-secondary);
+        }
+        
+        .partner-link {
+            color: var(--primary-orange);
+            font-size: 14px;
+            font-weight: 500;
+        }
+        
+        .partner-link:hover {
+            text-decoration: underline;
+        }
+        
+        /* ===== CTA Section ===== */
+        .cta {
+            background: var(--primary-gradient);
+            color: white;
+            text-align: center;
+            padding: var(--spacing-xl) 0;
+        }
+        
+        .cta h2 {
+            font-size: 32px;
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .cta p {
+            font-size: 16px;
+            opacity: 0.95;
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        .cta .btn {
+            background: white;
+            color: var(--primary-orange);
+        }
+        
+        /* ===== Footer ===== */
+        .footer {
+            background: #1A1A1A;
+            color: white;
+            padding: var(--spacing-lg) 0;
+        }
+        
+        .footer-content {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            flex-wrap: wrap;
+            gap: var(--spacing-md);
+        }
+        
+        .footer-brand {
+            display: flex;
+            align-items: center;
+            gap: 12px;
+        }
+        
+        .footer-brand-text {
+            font-size: 18px;
+            font-weight: 600;
+        }
+        
+        .footer-links {
+            display: flex;
+            gap: var(--spacing-md);
+        }
+        
+        .footer-links a {
+            font-size: 14px;
+            opacity: 0.8;
+            transition: var(--transition);
+        }
+        
+        .footer-links a:hover {
+            opacity: 1;
+            color: var(--primary-orange);
+        }
+        
+        .footer-bottom {
+            margin-top: var(--spacing-md);
+            padding-top: var(--spacing-md);
+            border-top: 1px solid rgba(255,255,255,0.1);
+            text-align: center;
+            font-size: 13px;
+            opacity: 0.6;
+        }
+        
+        /* ===== Responsive ===== */
+        @media (max-width: 1024px) {
+            .features-grid,
+            .solutions-grid,
+            .stats-grid {
+                grid-template-columns: repeat(2, 1fr);
+            }
+            
+            .categories-grid {
+                grid-template-columns: repeat(2, 1fr);
+            }
+        }
+        
+        @media (max-width: 768px) {
+            .navbar .container {
+                height: 60px;
+                padding: 0 16px;
+            }
+            
+            .nav-menu {
+                display: none;
+            }
+            
+            .hero {
+                padding-top: 100px;
+            }
+            
+            .hero h1 {
+                font-size: 32px;
+            }
+            
+            .features-grid,
+            .categories-grid,
+            .api-grid,
+            .solutions-grid,
+            .partners-grid,
+            .stats-grid {
+                grid-template-columns: 1fr;
+            }
+            
+            .footer-content {
+                flex-direction: column;
+                text-align: center;
+            }
+        }
+    </style>
+</head>
+<body>
+    <!-- Navigation -->
+    <nav class="navbar">
+        <div class="container">
+            <a href="/" class="logo">
+                <span class="logo-text">愉悦查 API</span>
+            </a>
+            
+            <ul class="nav-menu">
+                <li><a href="#home" class="nav-link">首页</a></li>
+                <li><a href="#features" class="nav-link">核心能力</a></li>
+                <li><a href="#categories" class="nav-link">接口分类</a></li>
+                <li><a href="#api-list" class="nav-link">接口列表</a></li>
+                <li><a href="#solutions" class="nav-link">解决方案</a></li>
+                <li><a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary" style="padding: 8px 20px;">控制台</a></li>
+            </ul>
+        </div>
+    </nav>
+
+    <!-- Hero Section -->
+    <section class="hero" id="home">
+        <div class="container">
+            <div class="hero-content">
+                <span class="hero-badge">🤖 AI 驱动的数据接口平台</span>
+                <h1>200+ 数据接口<br>智能组合 秒级响应</h1>
+                <p>提供个人背调、企业风控、金融验证等多场景 API 服务<br>支持在线调试、文档查看、密钥管理</p>
+                
+                <div class="hero-buttons">
+                    <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary">🚀 立即接入</a>
+                    <a href="#api-list" class="btn btn-outline">📚 查看接口</a>
+                </div>
+                
+                <div class="hero-stats">
+                    <div class="stat-item">
+                        <div class="stat-number">200+</div>
+                        <div class="stat-label">数据接口</div>
+                    </div>
+                    <div class="stat-item">
+                        <div class="stat-number">50000+</div>
+                        <div class="stat-label">服务用户</div>
+                    </div>
+                    <div class="stat-item">
+                        <div class="stat-number">99.9%</div>
+                        <div class="stat-label">可用性</div>
+                    </div>
+                    <div class="stat-item">
+                        <div class="stat-number">3 秒</div>
+                        <div class="stat-label">平均响应</div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Features Section -->
+    <section class="section features" id="features">
+        <div class="container">
+            <h2 class="section-title">核心能力</h2>
+            <p class="section-subtitle">为什么选择愉悦查 API</p>
+            
+            <div class="features-grid">
+                <div class="feature-card">
+                    <div class="feature-icon">📡</div>
+                    <h3 class="feature-title">海量数据</h3>
+                    <p class="feature-desc">200+ 官方数据接口<br>覆盖全维度信息</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">🛠️</div>
+                    <h3 class="feature-title">在线调试</h3>
+                    <p class="feature-desc">可视化调试工具<br>即测即用</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">📖</div>
+                    <h3 class="feature-title">完整文档</h3>
+                    <p class="feature-desc">详细接口文档<br>快速接入指南</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">🔑</div>
+                    <h3 class="feature-title">密钥管理</h3>
+                    <p class="feature-desc">安全密钥体系<br>灵活权限控制</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">⚡</div>
+                    <h3 class="feature-title">秒级响应</h3>
+                    <p class="feature-desc">实时数据返回<br>最快 3 秒出结果</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">🔒</div>
+                    <h3 class="feature-title">安全合规</h3>
+                    <p class="feature-desc">等保三级认证<br>数据加密传输</p>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- API Categories Section -->
+    <section class="section api-categories" id="categories">
+        <div class="container">
+            <h2 class="section-title">接口分类</h2>
+            <p class="section-subtitle">按场景分类，快速找到所需接口</p>
+            
+            <div class="categories-grid">
+                <div class="category-card">
+                    <div class="category-icon">👤</div>
+                    <div class="category-name">身份验证</div>
+                    <div class="category-count">25 个接口</div>
+                </div>
+                <div class="category-card">
+                    <div class="category-icon">🏢</div>
+                    <div class="category-name">企业信息</div>
+                    <div class="category-count">32 个接口</div>
+                </div>
+                <div class="category-card">
+                    <div class="category-icon">💳</div>
+                    <div class="category-name">金融验证</div>
+                    <div class="category-count">28 个接口</div>
+                </div>
+                <div class="category-card">
+                    <div class="category-icon">📱</div>
+                    <div class="category-name">运营商</div>
+                    <div class="category-count">18 个接口</div>
+                </div>
+                <div class="category-card">
+                    <div class="category-icon">🎓</div>
+                    <div class="category-name">学历资质</div>
+                    <div class="category-count">15 个接口</div>
+                </div>
+                <div class="category-card">
+                    <div class="category-icon">⚖️</div>
+                    <div class="category-name">司法风险</div>
+                    <div class="category-count">22 个接口</div>
+                </div>
+                <div class="category-card">
+                    <div class="category-icon">🔍</div>
+                    <div class="category-name">背景调查</div>
+                    <div class="category-count">35 个接口</div>
+                </div>
+                <div class="category-card">
+                    <div class="category-icon">🤖</div>
+                    <div class="category-name">AI 定制</div>
+                    <div class="category-count">25+ 智能组合</div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- API List Section -->
+    <section class="section api-list" id="api-list">
+        <div class="container">
+            <h2 class="section-title">热门接口</h2>
+            <p class="section-subtitle">精选高频使用接口，快速接入</p>
+            
+            <div class="api-grid">
+                <!-- API 1 -->
+                <div class="api-card">
+                    <div class="api-header">
+                        <span class="api-name">个人大数据报告</span>
+                        <span class="api-tag hot">🔥 热门</span>
+                    </div>
+                    <p class="api-desc">全面个人背景分析，3-4 个数据接口智能组合</p>
+                    <div class="api-footer">
+                        <span class="api-price">¥0.5/次</span>
+                        <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary api-btn">立即接入</a>
+                    </div>
+                </div>
+                
+                <!-- API 2 -->
+                <div class="api-card">
+                    <div class="api-header">
+                        <span class="api-name">企业全量信息核验</span>
+                        <span class="api-tag hot">🔥 热门</span>
+                    </div>
+                    <p class="api-desc">企业信用信息综合查询，工商/司法/经营多维度</p>
+                    <div class="api-footer">
+                        <span class="api-price">¥0.8/次</span>
+                        <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary api-btn">立即接入</a>
+                    </div>
+                </div>
+                
+                <!-- API 3 -->
+                <div class="api-card">
+                    <div class="api-header">
+                        <span class="api-name">手机号码归属地核验</span>
+                        <span class="api-tag new">✨ 推荐</span>
+                    </div>
+                    <p class="api-desc">手机号码地域属性核验，支持三大运营商</p>
+                    <div class="api-footer">
+                        <span class="api-price">¥0.1/次</span>
+                        <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary api-btn">立即接入</a>
+                    </div>
+                </div>
+                
+                <!-- API 4 -->
+                <div class="api-card">
+                    <div class="api-header">
+                        <span class="api-name">身份证 OCR 识别</span>
+                        <span class="api-tag new">✨ 推荐</span>
+                    </div>
+                    <p class="api-desc">身份证正反面精准识别，支持图像智能分析</p>
+                    <div class="api-footer">
+                        <span class="api-price">¥0.2/次</span>
+                        <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary api-btn">立即接入</a>
+                    </div>
+                </div>
+                
+                <!-- API 5 -->
+                <div class="api-card">
+                    <div class="api-header">
+                        <span class="api-name">银行卡 OCR</span>
+                    </div>
+                    <p class="api-desc">银行卡智能识别，自动提取卡号/银行信息</p>
+                    <div class="api-footer">
+                        <span class="api-price">¥0.2/次</span>
+                        <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary api-btn">立即接入</a>
+                    </div>
+                </div>
+                
+                <!-- API 6 -->
+                <div class="api-card">
+                    <div class="api-header">
+                        <span class="api-name">学历验证接口</span>
+                    </div>
+                    <p class="api-desc">学信网数据对接，学历信息快速核验</p>
+                    <div class="api-footer">
+                        <span class="api-price">¥0.3/次</span>
+                        <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary api-btn">立即接入</a>
+                    </div>
+                </div>
+                
+                <!-- API 7 -->
+                <div class="api-card">
+                    <div class="api-header">
+                        <span class="api-name">婚恋风险报告</span>
+                    </div>
+                    <p class="api-desc">婚恋风险评估，隐私保护，多维度分析</p>
+                    <div class="api-footer">
+                        <span class="api-price">¥0.4/次</span>
+                        <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary api-btn">立即接入</a>
+                    </div>
+                </div>
+                
+                <!-- API 8 -->
+                <div class="api-card">
+                    <div class="api-header">
+                        <span class="api-name">入职背调报告</span>
+                    </div>
+                    <p class="api-desc">员工背景筛查，降低用工风险，批量优惠</p>
+                    <div class="api-footer">
+                        <span class="api-price">¥0.7/次</span>
+                        <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary api-btn">立即接入</a>
+                    </div>
+                </div>
+            </div>
+            
+            <div style="text-align:center;margin-top:var(--spacing-lg);">
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-outline">📋 查看全部接口</a>
+            </div>
+        </div>
+    </section>
+
+    <!-- Solutions Section -->
+    <section class="section solutions" id="solutions">
+        <div class="container">
+            <h2 class="section-title">行业解决方案</h2>
+            <p class="section-subtitle">基于愉悦查 API，为不同行业提供精准数据服务</p>
+            
+            <div class="solutions-grid">
+                <div class="solution-card">
+                    <div class="solution-icon">💼</div>
+                    <h3 class="solution-name">人力资源</h3>
+                    <p class="solution-desc">入职背调、员工风控、资质核验</p>
+                    <ul class="solution-features">
+                        <li>身份核验接口</li>
+                        <li>学历验证接口</li>
+                        <li>司法风险查询</li>
+                        <li>工作履历核验</li>
+                    </ul>
+                </div>
+                
+                <div class="solution-card">
+                    <div class="solution-icon">🏦</div>
+                    <h3 class="solution-name">金融服务</h3>
+                    <p class="solution-desc">信贷风控、反欺诈、信用评估</p>
+                    <ul class="solution-features">
+                        <li>银行卡验证</li>
+                        <li>信用报告接口</li>
+                        <li>多头借贷查询</li>
+                        <li>黑名单核验</li>
+                    </ul>
+                </div>
+                
+                <div class="solution-card">
+                    <div class="solution-icon">🏪</div>
+                    <h3 class="solution-name">电商零售</h3>
+                    <p class="solution-desc">用户风控、交易反欺诈、商家审核</p>
+                    <ul class="solution-features">
+                        <li>实名认证接口</li>
+                        <li>手机号核验</li>
+                        <li>企业地址验证</li>
+                        <li>经营异常查询</li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Stats Section -->
+    <section class="stats">
+        <div class="container">
+            <div class="stats-grid">
+                <div class="stat-card">
+                    <div class="stat-value">200+</div>
+                    <div class="stat-desc">数据接口</div>
+                </div>
+                <div class="stat-card">
+                    <div class="stat-value">50000+</div>
+                    <div class="stat-desc">服务用户</div>
+                </div>
+                <div class="stat-card">
+                    <div class="stat-value">1000 万+</div>
+                    <div class="stat-desc">日调用量</div>
+                </div>
+                <div class="stat-card">
+                    <div class="stat-value">99.9%</div>
+                    <div class="stat-desc">服务可用性</div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Partners Section -->
+    <section class="section partners">
+        <div class="container">
+            <h2 class="section-title">合作伙伴</h2>
+            <p class="section-subtitle">我们提供专业的定制化系统开发服务</p>
+            
+            <div class="partners-grid">
+                <div class="partner-card">
+                    <h3 class="partner-name">愉悦查官网</h3>
+                    <p class="partner-desc">前后端部署，技术维护</p>
+                    <div class="partner-tags">
+                        <span class="partner-tag">支持二开</span>
+                        <span class="partner-tag">技术维护</span>
+                    </div>
+                    <a href="https://www.yuyuecha.com" class="partner-link">前往查看 →</a>
+                </div>
+                
+                <div class="partner-card">
+                    <h3 class="partner-name">愉悦查大数据</h3>
+                    <p class="partner-desc">源代码交付，前后端部署</p>
+                    <div class="partner-tags">
+                        <span class="partner-tag">源代码交付</span>
+                        <span class="partner-tag">支付集成</span>
+                    </div>
+                    <a href="#" class="partner-link">前往查看 →</a>
+                </div>
+                
+                <div class="partner-card">
+                    <h3 class="partner-name">免费版集成系统</h3>
+                    <p class="partner-desc">快速对接 API，开源免费</p>
+                    <div class="partner-tags">
+                        <span class="partner-tag">开源免费</span>
+                        <span class="partner-tag">快速部署</span>
+                        <span class="partner-tag">支付集成</span>
+                    </div>
+                    <a href="#" class="partner-link">前往查看 →</a>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- CTA Section -->
+    <section class="cta">
+        <div class="container">
+            <h2>准备好开始接入了吗？</h2>
+            <p>立即注册，获取 API 密钥，开始调用数据接口</p>
+            <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn">🚀 立即接入</a>
+        </div>
+    </section>
+
+    <!-- Footer -->
+    <footer class="footer">
+        <div class="container">
+            <div class="footer-content">
+                <div class="footer-brand">
+                    <span class="footer-brand-text">愉悦查 API</span>
+                </div>
+                
+                <div class="footer-links">
+                    <a href="/">返回官网</a>
+                    <a href="https://www.yuyuecha.com/login?redirect=/me">控制台</a>
+                    <a href="#api-list">接口文档</a>
+                    <a href="#solutions">解决方案</a>
+                </div>
+            </div>
+            
+            <div class="footer-bottom">
+                <p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p>京 ICP 备 2025158088 号 -2</p>
+            </div>
+        </div>
+    </footer>
+
+    <script>
+        // Navbar scroll effect
+        window.addEventListener('scroll', () => {
+            const navbar = document.querySelector('.navbar');
+            if (window.scrollY > 50) {
+                navbar.style.boxShadow = '0 4px 30px rgba(0,0,0,0.12)';
+            } else {
+                navbar.style.boxShadow = '0 2px 20px rgba(0,0,0,0.08)';
+            }
+        });
+        
+        // Smooth scroll
+        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' });
+                }
+            });
+        });
+        
+        // Animated counter
+        function animateCounter(elementId, target, suffix = '') {
+            const element = document.getElementById(elementId);
+            if (!element) return;
+            
+            let current = 0;
+            const increment = target / 50;
+            const timer = setInterval(() => {
+                current += increment;
+                if (current >= target) {
+                    element.textContent = target.toLocaleString() + suffix;
+                    clearInterval(timer);
+                } else {
+                    element.textContent = Math.floor(current).toLocaleString() + suffix;
+                }
+            }, 30);
+        }
+        
+        console.log('愉悦查 API 平台已加载 🚀');
+    </script>
+</body>
+</html>
diff --git a/apidemo/index.html.bak.wechat b/apidemo/index.html.bak.wechat
new file mode 100644
index 0000000..beb531c
--- /dev/null
+++ b/apidemo/index.html.bak.wechat
@@ -0,0 +1,1225 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>愉悦查 API - 数据接口管理控制台 | AI 驱动的商业信任科技平台</title>
+    <meta name="description" content="愉悦查 API 平台，提供 200+ 数据接口，支持在线调试、文档查看、密钥管理。让信任无处不在，让合作没有距离。">
+    <meta name="keywords" content="愉悦查 API，数据接口，API 文档，在线调试，背调接口，风险评估">
+    
+    <!-- 预加载字体 -->
+    <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=Noto+Sans+SC:wght@300;400;500;600;700;900&display=swap" rel="stylesheet">
+    
+    <style>
+        /* ===== CSS Variables - 愉悦查品牌色定义 ===== */
+        :root {
+            /* 品牌主色 - 橙色系 */
+            --primary-orange: #FF6A19;
+            --primary-orange-light: #FC6E18;
+            --primary-orange-dark: #E64E10;
+            --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
+            --primary-orange-soft: #FFDECC;
+            
+            /* 辅助色 */
+            --bg-light: #FFFFFF;
+            --bg-gray: #F5F7FA;
+            --bg-dark: #1A1A2E;
+            
+            /* 文字色 */
+            --text-primary: #1A1A1A;
+            --text-secondary: #666666;
+            --text-light: #999999;
+            --text-white: #FFFFFF;
+            
+            /* 功能色 */
+            --success: #07C160;
+            --warning: #FF9500;
+            --error: #FF3B30;
+            --info: #007AFF;
+            
+            /* 间距 */
+            --spacing-xs: 8px;
+            --spacing-sm: 16px;
+            --spacing-md: 24px;
+            --spacing-lg: 48px;
+            --spacing-xl: 80px;
+            
+            /* 圆角 */
+            --radius-sm: 4px;
+            --radius-md: 8px;
+            --radius-lg: 16px;
+            --radius-xl: 24px;
+            
+            /* 阴影 */
+            --shadow-sm: 0 2px 8px rgba(0,0,0,0.08);
+            --shadow-md: 0 4px 16px rgba(0,0,0,0.12);
+            --shadow-lg: 0 8px 32px rgba(0,0,0,0.16);
+            
+            /* 过渡 */
+            --transition: all 0.3s ease;
+        }
+        
+        /* ===== Reset & Base ===== */
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+        
+        html {
+            scroll-behavior: smooth;
+        }
+        
+        body {
+            font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+            font-size: 16px;
+            line-height: 1.6;
+            color: var(--text-primary);
+            background-color: var(--bg-light);
+        }
+        
+        a {
+            text-decoration: none;
+            color: inherit;
+        }
+        
+        ul {
+            list-style: none;
+        }
+        
+        img {
+            max-width: 100%;
+            height: auto;
+        }
+        
+        .container {
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 0 var(--spacing-md);
+        }
+        
+        .btn {
+            display: inline-block;
+            padding: 12px 28px;
+            font-size: 15px;
+            font-weight: 500;
+            border-radius: var(--radius-md);
+            cursor: pointer;
+            transition: var(--transition);
+            border: none;
+            text-align: center;
+        }
+        
+        .btn-primary {
+            background: var(--primary-gradient);
+            color: white;
+            box-shadow: 0 4px 12px rgba(255, 106, 25, 0.3);
+        }
+        
+        .btn-primary:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 6px 20px rgba(255, 106, 25, 0.4);
+        }
+        
+        .btn-outline {
+            background: transparent;
+            border: 2px solid var(--primary-orange);
+            color: var(--primary-orange);
+        }
+        
+        .btn-outline:hover {
+            background: var(--primary-gradient);
+            color: white;
+            transform: translateY(-2px);
+        }
+        
+        .section {
+            padding: var(--spacing-xl) 0;
+        }
+        
+        .section-title {
+            text-align: center;
+            font-size: 32px;
+            font-weight: 700;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .section-subtitle {
+            text-align: center;
+            font-size: 16px;
+            color: var(--text-secondary);
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        /* ===== Navigation ===== */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+            transition: var(--transition);
+        }
+        
+        .navbar .container {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            height: 70px;
+            max-width: 1400px;
+            margin: 0 auto;
+            padding: 0 32px;
+        }
+        
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 12px;
+            text-decoration: none;
+        }
+        
+        .logo-text {
+            font-size: 22px;
+            font-weight: 700;
+            background: var(--primary-gradient);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+        
+        .nav-menu {
+            display: flex;
+            gap: var(--spacing-lg);
+            align-items: center;
+        }
+        
+        .nav-link {
+            font-size: 15px;
+            font-weight: 500;
+            color: var(--text-primary);
+            transition: var(--transition);
+        }
+        
+        .nav-link:hover {
+            color: var(--primary-orange);
+        }
+        
+        /* ===== Hero Section ===== */
+        .hero {
+            padding-top: 140px;
+            padding-bottom: 80px;
+            background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 50%, #F5F7FA 100%);
+            position: relative;
+            overflow: hidden;
+        }
+        
+        .hero::before {
+            content: '';
+            position: absolute;
+            top: -50%;
+            right: -20%;
+            width: 80%;
+            height: 200%;
+            background: radial-gradient(circle, rgba(255, 106, 25, 0.05) 0%, transparent 70%);
+            animation: float 20s ease-in-out infinite;
+        }
+        
+        @keyframes float {
+            0%, 100% { transform: translateY(0) rotate(0deg); }
+            50% { transform: translateY(-20px) rotate(5deg); }
+        }
+        
+        .hero-content {
+            text-align: center;
+            max-width: 800px;
+            margin: 0 auto;
+            position: relative;
+            z-index: 1;
+        }
+        
+        .hero-badge {
+            display: inline-block;
+            padding: 8px 16px;
+            background: linear-gradient(135deg, rgba(255, 106, 25, 0.1), rgba(252, 110, 24, 0.15));
+            color: var(--primary-orange);
+            font-size: 14px;
+            font-weight: 600;
+            border-radius: 20px;
+            margin-bottom: var(--spacing-md);
+            border: 1px solid rgba(255, 106, 25, 0.2);
+        }
+        
+        .hero h1 {
+            font-size: 48px;
+            font-weight: 900;
+            line-height: 1.2;
+            margin-bottom: var(--spacing-sm);
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 50%, #FF8A5C 100%);
+            background-size: 200% auto;
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+        
+        .hero p {
+            font-size: 18px;
+            color: var(--text-secondary);
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        .hero-buttons {
+            display: flex;
+            justify-content: center;
+            gap: var(--spacing-sm);
+            flex-wrap: wrap;
+        }
+        
+        .hero-stats {
+            display: flex;
+            justify-content: center;
+            gap: var(--spacing-lg);
+            margin-top: var(--spacing-lg);
+            flex-wrap: wrap;
+        }
+        
+        .stat-item {
+            text-align: center;
+        }
+        
+        .stat-number {
+            font-size: 32px;
+            font-weight: 700;
+            background: var(--primary-gradient);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+        
+        .stat-label {
+            font-size: 13px;
+            color: var(--text-light);
+            margin-top: 4px;
+        }
+        
+        /* ===== Features Section ===== */
+        .features {
+            background: var(--bg-light);
+        }
+        
+        .features-grid {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: var(--spacing-md);
+        }
+        
+        .feature-card {
+            text-align: center;
+            padding: var(--spacing-lg) var(--spacing-md);
+            border-radius: var(--radius-lg);
+            background: white;
+            box-shadow: var(--shadow-sm);
+            transition: var(--transition);
+            border: 1px solid #eee;
+        }
+        
+        .feature-card:hover {
+            transform: translateY(-8px);
+            box-shadow: var(--shadow-lg);
+            border-color: var(--primary-orange);
+        }
+        
+        .feature-icon {
+            width: 64px;
+            height: 64px;
+            margin: 0 auto var(--spacing-sm);
+            background: var(--primary-gradient);
+            border-radius: var(--radius-md);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 28px;
+        }
+        
+        .feature-title {
+            font-size: 18px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .feature-desc {
+            font-size: 14px;
+            color: var(--text-secondary);
+        }
+        
+        /* ===== API Categories Section ===== */
+        .api-categories {
+            background: var(--bg-gray);
+        }
+        
+        .categories-grid {
+            display: grid;
+            grid-template-columns: repeat(4, 1fr);
+            gap: var(--spacing-md);
+        }
+        
+        .category-card {
+            background: white;
+            border-radius: var(--radius-lg);
+            padding: var(--spacing-md);
+            box-shadow: var(--shadow-sm);
+            transition: var(--transition);
+            cursor: pointer;
+        }
+        
+        .category-card:hover {
+            transform: translateY(-4px);
+            box-shadow: var(--shadow-md);
+        }
+        
+        .category-icon {
+            font-size: 36px;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .category-name {
+            font-size: 16px;
+            font-weight: 600;
+            margin-bottom: 8px;
+        }
+        
+        .category-count {
+            font-size: 13px;
+            color: var(--text-light);
+        }
+        
+        /* ===== API List Section ===== */
+        .api-list {
+            background: var(--bg-light);
+        }
+        
+        .api-grid {
+            display: grid;
+            grid-template-columns: repeat(2, 1fr);
+            gap: var(--spacing-md);
+        }
+        
+        .api-card {
+            background: white;
+            border-radius: var(--radius-lg);
+            padding: var(--spacing-md);
+            border: 1px solid #eee;
+            transition: var(--transition);
+        }
+        
+        .api-card:hover {
+            border-color: var(--primary-orange);
+            box-shadow: var(--shadow-md);
+        }
+        
+        .api-header {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .api-name {
+            font-size: 16px;
+            font-weight: 600;
+        }
+        
+        .api-tag {
+            padding: 4px 12px;
+            border-radius: 12px;
+            font-size: 12px;
+            font-weight: 500;
+        }
+        
+        .api-tag.hot {
+            background: rgba(255, 106, 25, 0.1);
+            color: var(--primary-orange);
+        }
+        
+        .api-tag.new {
+            background: rgba(7, 193, 96, 0.1);
+            color: var(--success);
+        }
+        
+        .api-desc {
+            font-size: 14px;
+            color: var(--text-secondary);
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .api-footer {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            padding-top: var(--spacing-xs);
+            border-top: 1px solid #eee;
+        }
+        
+        .api-price {
+            font-size: 14px;
+            font-weight: 600;
+            color: var(--primary-orange);
+        }
+        
+        .api-btn {
+            padding: 6px 16px;
+            font-size: 13px;
+        }
+        
+        /* ===== Solutions Section ===== */
+        .solutions {
+            background: linear-gradient(135deg, #1A1A2E 0%, #16213E 100%);
+            color: white;
+        }
+        
+        .solutions .section-title,
+        .solutions .section-subtitle {
+            color: white;
+        }
+        
+        .solutions-grid {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: var(--spacing-md);
+        }
+        
+        .solution-card {
+            background: rgba(255,255,255,0.05);
+            border-radius: var(--radius-lg);
+            padding: var(--spacing-lg);
+            border: 1px solid rgba(255,255,255,0.1);
+            transition: var(--transition);
+        }
+        
+        .solution-card:hover {
+            background: rgba(255,255,255,0.08);
+            border-color: var(--primary-orange);
+        }
+        
+        .solution-icon {
+            font-size: 40px;
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .solution-name {
+            font-size: 18px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .solution-desc {
+            font-size: 14px;
+            opacity: 0.8;
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .solution-features {
+            font-size: 13px;
+            opacity: 0.7;
+        }
+        
+        .solution-features li {
+            padding: 4px 0;
+            display: flex;
+            align-items: center;
+            gap: 8px;
+        }
+        
+        .solution-features li::before {
+            content: '✓';
+            color: var(--primary-orange);
+        }
+        
+        /* ===== Stats Section ===== */
+        .stats {
+            background: var(--bg-gray);
+            padding: var(--spacing-lg) 0;
+        }
+        
+        .stats-grid {
+            display: grid;
+            grid-template-columns: repeat(4, 1fr);
+            gap: var(--spacing-md);
+            text-align: center;
+        }
+        
+        .stat-card {
+            padding: var(--spacing-md);
+        }
+        
+        .stat-value {
+            font-size: 42px;
+            font-weight: 700;
+            background: var(--primary-gradient);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+        
+        .stat-desc {
+            font-size: 14px;
+            color: var(--text-secondary);
+            margin-top: 8px;
+        }
+        
+        /* ===== Partners Section ===== */
+        .partners {
+            background: var(--bg-light);
+        }
+        
+        .partners-grid {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: var(--spacing-md);
+        }
+        
+        .partner-card {
+            background: white;
+            border-radius: var(--radius-lg);
+            padding: var(--spacing-lg);
+            border: 1px solid #eee;
+            transition: var(--transition);
+        }
+        
+        .partner-card:hover {
+            border-color: var(--primary-orange);
+            box-shadow: var(--shadow-md);
+        }
+        
+        .partner-name {
+            font-size: 18px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .partner-desc {
+            font-size: 14px;
+            color: var(--text-secondary);
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .partner-tags {
+            display: flex;
+            gap: 8px;
+            flex-wrap: wrap;
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .partner-tag {
+            padding: 4px 12px;
+            background: var(--bg-gray);
+            border-radius: 12px;
+            font-size: 12px;
+            color: var(--text-secondary);
+        }
+        
+        .partner-link {
+            color: var(--primary-orange);
+            font-size: 14px;
+            font-weight: 500;
+        }
+        
+        .partner-link:hover {
+            text-decoration: underline;
+        }
+        
+        /* ===== CTA Section ===== */
+        .cta {
+            background: var(--primary-gradient);
+            color: white;
+            text-align: center;
+            padding: var(--spacing-xl) 0;
+        }
+        
+        .cta h2 {
+            font-size: 32px;
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .cta p {
+            font-size: 16px;
+            opacity: 0.95;
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        .cta .btn {
+            background: white;
+            color: var(--primary-orange);
+        }
+        
+        /* ===== Footer ===== */
+        .footer {
+            background: #1A1A1A;
+            color: white;
+            padding: var(--spacing-lg) 0;
+        }
+        
+        .footer-content {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            flex-wrap: wrap;
+            gap: var(--spacing-md);
+        }
+        
+        .footer-brand {
+            display: flex;
+            align-items: center;
+            gap: 12px;
+        }
+        
+        .footer-brand-text {
+            font-size: 18px;
+            font-weight: 600;
+        }
+        
+        .footer-links {
+            display: flex;
+            gap: var(--spacing-md);
+        }
+        
+        .footer-links a {
+            font-size: 14px;
+            opacity: 0.8;
+            transition: var(--transition);
+        }
+        
+        .footer-links a:hover {
+            opacity: 1;
+            color: var(--primary-orange);
+        }
+        
+        .footer-bottom {
+            margin-top: var(--spacing-md);
+            padding-top: var(--spacing-md);
+            border-top: 1px solid rgba(255,255,255,0.1);
+            text-align: center;
+            font-size: 13px;
+            opacity: 0.6;
+        }
+        
+        /* ===== Responsive ===== */
+        @media (max-width: 1024px) {
+            .features-grid,
+            .solutions-grid,
+            .stats-grid {
+                grid-template-columns: repeat(2, 1fr);
+            }
+            
+            .categories-grid {
+                grid-template-columns: repeat(2, 1fr);
+            }
+        }
+        
+        @media (max-width: 768px) {
+            .navbar .container {
+                height: 60px;
+                padding: 0 16px;
+            }
+            
+            .nav-menu {
+                display: none;
+            }
+            
+            .hero {
+                padding-top: 100px;
+            }
+            
+            .hero h1 {
+                font-size: 32px;
+            }
+            
+            .features-grid,
+            .categories-grid,
+            .api-grid,
+            .solutions-grid,
+            .partners-grid,
+            .stats-grid {
+                grid-template-columns: 1fr;
+            }
+            
+            .footer-content {
+                flex-direction: column;
+                text-align: center;
+            }
+        }
+    
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            text-decoration: none;
+            background: transparent;
+            padding: 4px 0;
+        }
+        
+        .logo-img {
+            background: rgba(255,255,255,0.95);
+            height: 60px;
+            width: auto;
+            object-fit: contain;
+            transition: var(--transition);
+        }
+        
+        .logo:hover .logo-img {
+            background: rgba(255,255,255,0.95);
+            transform: scale(1.05);
+        }
+</style>
+</head>
+<body>
+    <!-- Navigation -->
+    <nav class="navbar">
+        <div class="container">
+            <a href="/index.html" class="logo">
+                <img src="../assets/logo.png" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            
+            <ul class="nav-menu">
+                <li><a href="#home" class="nav-link">首页</a></li>
+                <li><a href="#features" class="nav-link">核心能力</a></li>
+                <li><a href="#categories" class="nav-link">接口分类</a></li>
+                <li><a href="#api-list" class="nav-link">接口列表</a></li>
+                <li><a href="#solutions" class="nav-link">解决方案</a></li>
+                <li><a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary" style="padding: 8px 20px;">控制台</a></li>
+            </ul>
+        </div>
+    </nav>
+
+    <!-- Hero Section -->
+    <section class="hero" id="home">
+        <div class="container">
+            <div class="hero-content">
+                <span class="hero-badge">🤖 AI 驱动的数据接口平台</span>
+                <h1>200+ 数据接口<br>智能组合 秒级响应</h1>
+                <p>提供个人背调、企业风控、金融验证等多场景 API 服务<br>支持在线调试、文档查看、密钥管理</p>
+                
+                <div class="hero-buttons">
+                    <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary">🚀 立即接入</a>
+                    <a href="#api-list" class="btn btn-outline">📚 查看接口</a>
+                </div>
+                
+                <div class="hero-stats">
+                    <div class="stat-item">
+                        <div class="stat-number">200+</div>
+                        <div class="stat-label">数据接口</div>
+                    </div>
+                    <div class="stat-item">
+                        <div class="stat-number">50000+</div>
+                        <div class="stat-label">服务用户</div>
+                    </div>
+                    <div class="stat-item">
+                        <div class="stat-number">99.9%</div>
+                        <div class="stat-label">可用性</div>
+                    </div>
+                    <div class="stat-item">
+                        <div class="stat-number">3 秒</div>
+                        <div class="stat-label">平均响应</div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Features Section -->
+    <section class="section features" id="features">
+        <div class="container">
+            <h2 class="section-title">核心能力</h2>
+            <p class="section-subtitle">为什么选择愉悦查 API</p>
+            
+            <div class="features-grid">
+                <div class="feature-card">
+                    <div class="feature-icon">📡</div>
+                    <h3 class="feature-title">海量数据</h3>
+                    <p class="feature-desc">200+ 官方数据接口<br>覆盖全维度信息</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">🛠️</div>
+                    <h3 class="feature-title">在线调试</h3>
+                    <p class="feature-desc">可视化调试工具<br>即测即用</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">📖</div>
+                    <h3 class="feature-title">完整文档</h3>
+                    <p class="feature-desc">详细接口文档<br>快速接入指南</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">🔑</div>
+                    <h3 class="feature-title">密钥管理</h3>
+                    <p class="feature-desc">安全密钥体系<br>灵活权限控制</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">⚡</div>
+                    <h3 class="feature-title">秒级响应</h3>
+                    <p class="feature-desc">实时数据返回<br>最快 3 秒出结果</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">🔒</div>
+                    <h3 class="feature-title">安全合规</h3>
+                    <p class="feature-desc">等保三级认证<br>数据加密传输</p>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- API Categories Section -->
+    <section class="section api-categories" id="categories">
+        <div class="container">
+            <h2 class="section-title">接口分类</h2>
+            <p class="section-subtitle">按场景分类，快速找到所需接口</p>
+            
+            <div class="categories-grid">
+                <div class="category-card">
+                    <div class="category-icon">👤</div>
+                    <div class="category-name">身份验证</div>
+                    <div class="category-count">25 个接口</div>
+                </div>
+                <div class="category-card">
+                    <div class="category-icon">🏢</div>
+                    <div class="category-name">企业信息</div>
+                    <div class="category-count">32 个接口</div>
+                </div>
+                <div class="category-card">
+                    <div class="category-icon">💳</div>
+                    <div class="category-name">金融验证</div>
+                    <div class="category-count">28 个接口</div>
+                </div>
+                <div class="category-card">
+                    <div class="category-icon">📱</div>
+                    <div class="category-name">运营商</div>
+                    <div class="category-count">18 个接口</div>
+                </div>
+                <div class="category-card">
+                    <div class="category-icon">🎓</div>
+                    <div class="category-name">学历资质</div>
+                    <div class="category-count">15 个接口</div>
+                </div>
+                <div class="category-card">
+                    <div class="category-icon">⚖️</div>
+                    <div class="category-name">司法风险</div>
+                    <div class="category-count">22 个接口</div>
+                </div>
+                <div class="category-card">
+                    <div class="category-icon">🔍</div>
+                    <div class="category-name">背景调查</div>
+                    <div class="category-count">35 个接口</div>
+                </div>
+                <div class="category-card">
+                    <div class="category-icon">🤖</div>
+                    <div class="category-name">AI 定制</div>
+                    <div class="category-count">25+ 智能组合</div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- API List Section -->
+    <section class="section api-list" id="api-list">
+        <div class="container">
+            <h2 class="section-title">热门接口</h2>
+            <p class="section-subtitle">精选高频使用接口，快速接入</p>
+            
+            <div class="api-grid">
+                <!-- API 1 -->
+                <div class="api-card">
+                    <div class="api-header">
+                        <span class="api-name">个人大数据报告</span>
+                        <span class="api-tag hot">🔥 热门</span>
+                    </div>
+                    <p class="api-desc">全面个人背景分析，3-4 个数据接口智能组合</p>
+                    <div class="api-footer">
+                        <span class="api-price">¥0.5/次</span>
+                        <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary api-btn">立即接入</a>
+                    </div>
+                </div>
+                
+                <!-- API 2 -->
+                <div class="api-card">
+                    <div class="api-header">
+                        <span class="api-name">企业全量信息核验</span>
+                        <span class="api-tag hot">🔥 热门</span>
+                    </div>
+                    <p class="api-desc">企业信用信息综合查询，工商/司法/经营多维度</p>
+                    <div class="api-footer">
+                        <span class="api-price">¥0.8/次</span>
+                        <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary api-btn">立即接入</a>
+                    </div>
+                </div>
+                
+                <!-- API 3 -->
+                <div class="api-card">
+                    <div class="api-header">
+                        <span class="api-name">手机号码归属地核验</span>
+                        <span class="api-tag new">✨ 推荐</span>
+                    </div>
+                    <p class="api-desc">手机号码地域属性核验，支持三大运营商</p>
+                    <div class="api-footer">
+                        <span class="api-price">¥0.1/次</span>
+                        <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary api-btn">立即接入</a>
+                    </div>
+                </div>
+                
+                <!-- API 4 -->
+                <div class="api-card">
+                    <div class="api-header">
+                        <span class="api-name">身份证 OCR 识别</span>
+                        <span class="api-tag new">✨ 推荐</span>
+                    </div>
+                    <p class="api-desc">身份证正反面精准识别，支持图像智能分析</p>
+                    <div class="api-footer">
+                        <span class="api-price">¥0.2/次</span>
+                        <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary api-btn">立即接入</a>
+                    </div>
+                </div>
+                
+                <!-- API 5 -->
+                <div class="api-card">
+                    <div class="api-header">
+                        <span class="api-name">银行卡 OCR</span>
+                    </div>
+                    <p class="api-desc">银行卡智能识别，自动提取卡号/银行信息</p>
+                    <div class="api-footer">
+                        <span class="api-price">¥0.2/次</span>
+                        <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary api-btn">立即接入</a>
+                    </div>
+                </div>
+                
+                <!-- API 6 -->
+                <div class="api-card">
+                    <div class="api-header">
+                        <span class="api-name">学历验证接口</span>
+                    </div>
+                    <p class="api-desc">学信网数据对接，学历信息快速核验</p>
+                    <div class="api-footer">
+                        <span class="api-price">¥0.3/次</span>
+                        <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary api-btn">立即接入</a>
+                    </div>
+                </div>
+                
+                <!-- API 7 -->
+                <div class="api-card">
+                    <div class="api-header">
+                        <span class="api-name">婚恋风险报告</span>
+                    </div>
+                    <p class="api-desc">婚恋风险评估，隐私保护，多维度分析</p>
+                    <div class="api-footer">
+                        <span class="api-price">¥0.4/次</span>
+                        <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary api-btn">立即接入</a>
+                    </div>
+                </div>
+                
+                <!-- API 8 -->
+                <div class="api-card">
+                    <div class="api-header">
+                        <span class="api-name">入职背调报告</span>
+                    </div>
+                    <p class="api-desc">员工背景筛查，降低用工风险，批量优惠</p>
+                    <div class="api-footer">
+                        <span class="api-price">¥0.7/次</span>
+                        <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary api-btn">立即接入</a>
+                    </div>
+                </div>
+            </div>
+            
+            <div style="text-align:center;margin-top:var(--spacing-lg);">
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-outline">📋 查看全部接口</a>
+            </div>
+        </div>
+    </section>
+
+    <!-- Solutions Section -->
+    <section class="section solutions" id="solutions">
+        <div class="container">
+            <h2 class="section-title">行业解决方案</h2>
+            <p class="section-subtitle">基于愉悦查 API，为不同行业提供精准数据服务</p>
+            
+            <div class="solutions-grid">
+                <div class="solution-card">
+                    <div class="solution-icon">💼</div>
+                    <h3 class="solution-name">人力资源</h3>
+                    <p class="solution-desc">入职背调、员工风控、资质核验</p>
+                    <ul class="solution-features">
+                        <li>身份核验接口</li>
+                        <li>学历验证接口</li>
+                        <li>司法风险查询</li>
+                        <li>工作履历核验</li>
+                    </ul>
+                </div>
+                
+                <div class="solution-card">
+                    <div class="solution-icon">🏦</div>
+                    <h3 class="solution-name">金融服务</h3>
+                    <p class="solution-desc">信贷风控、反欺诈、信用评估</p>
+                    <ul class="solution-features">
+                        <li>银行卡验证</li>
+                        <li>信用报告接口</li>
+                        <li>多头借贷查询</li>
+                        <li>黑名单核验</li>
+                    </ul>
+                </div>
+                
+                <div class="solution-card">
+                    <div class="solution-icon">🏪</div>
+                    <h3 class="solution-name">电商零售</h3>
+                    <p class="solution-desc">用户风控、交易反欺诈、商家审核</p>
+                    <ul class="solution-features">
+                        <li>实名认证接口</li>
+                        <li>手机号核验</li>
+                        <li>企业地址验证</li>
+                        <li>经营异常查询</li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Stats Section -->
+    <section class="stats">
+        <div class="container">
+            <div class="stats-grid">
+                <div class="stat-card">
+                    <div class="stat-value">200+</div>
+                    <div class="stat-desc">数据接口</div>
+                </div>
+                <div class="stat-card">
+                    <div class="stat-value">50000+</div>
+                    <div class="stat-desc">服务用户</div>
+                </div>
+                <div class="stat-card">
+                    <div class="stat-value">1000 万+</div>
+                    <div class="stat-desc">日调用量</div>
+                </div>
+                <div class="stat-card">
+                    <div class="stat-value">99.9%</div>
+                    <div class="stat-desc">服务可用性</div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Partners Section -->
+    <section class="section partners">
+        <div class="container">
+            <h2 class="section-title">合作伙伴</h2>
+            <p class="section-subtitle">我们提供专业的定制化系统开发服务</p>
+            
+            <div class="partners-grid">
+                <div class="partner-card">
+                    <h3 class="partner-name">愉悦查官网</h3>
+                    <p class="partner-desc">前后端部署，技术维护</p>
+                    <div class="partner-tags">
+                        <span class="partner-tag">支持二开</span>
+                        <span class="partner-tag">技术维护</span>
+                    </div>
+                    <a href="https://www.yuyuecha.com" class="partner-link">前往查看 →</a>
+                </div>
+                
+                <div class="partner-card">
+                    <h3 class="partner-name">愉悦查大数据</h3>
+                    <p class="partner-desc">源代码交付，前后端部署</p>
+                    <div class="partner-tags">
+                        <span class="partner-tag">源代码交付</span>
+                        <span class="partner-tag">支付集成</span>
+                    </div>
+                    <a href="#" class="partner-link">前往查看 →</a>
+                </div>
+                
+                <div class="partner-card">
+                    <h3 class="partner-name">免费版集成系统</h3>
+                    <p class="partner-desc">快速对接 API，开源免费</p>
+                    <div class="partner-tags">
+                        <span class="partner-tag">开源免费</span>
+                        <span class="partner-tag">快速部署</span>
+                        <span class="partner-tag">支付集成</span>
+                    </div>
+                    <a href="#" class="partner-link">前往查看 →</a>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- CTA Section -->
+    <section class="cta">
+        <div class="container">
+            <h2>准备好开始接入了吗？</h2>
+            <p>立即注册，获取 API 密钥，开始调用数据接口</p>
+            <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn">🚀 立即接入</a>
+        </div>
+    </section>
+
+    <!-- Footer -->
+    <footer class="footer">
+        <div class="container">
+            <div class="footer-content">
+                <div class="footer-brand">
+                    <span class="footer-brand-text">愉悦查 API</span>
+                </div>
+                
+                <div class="footer-links">
+                    <a href="/">返回官网</a>
+                    <a href="https://www.yuyuecha.com/login?redirect=/me">控制台</a>
+                    <a href="#api-list">接口文档</a>
+                    <a href="#solutions">解决方案</a>
+                </div>
+            </div>
+            
+            <div class="footer-bottom">
+                <p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p>京 ICP 备 2025158088 号 -2</p>
+            </div>
+        </div>
+    </footer>
+
+    <script>
+        // Navbar scroll effect
+        window.addEventListener('scroll', () => {
+            const navbar = document.querySelector('.navbar');
+            if (window.scrollY > 50) {
+                navbar.style.boxShadow = '0 4px 30px rgba(0,0,0,0.12)';
+            } else {
+                navbar.style.boxShadow = '0 2px 20px rgba(0,0,0,0.08)';
+            }
+        });
+        
+        // Smooth scroll
+        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' });
+                }
+            });
+        });
+        
+        // Animated counter
+        function animateCounter(elementId, target, suffix = '') {
+            const element = document.getElementById(elementId);
+            if (!element) return;
+            
+            let current = 0;
+            const increment = target / 50;
+            const timer = setInterval(() => {
+                current += increment;
+                if (current >= target) {
+                    element.textContent = target.toLocaleString() + suffix;
+                    clearInterval(timer);
+                } else {
+                    element.textContent = Math.floor(current).toLocaleString() + suffix;
+                }
+            }, 30);
+        }
+        
+        console.log('愉悦查 API 平台已加载 🚀');
+    </script>
+</body>
+</html>
diff --git a/assets/card-for-send.jpg b/assets/card-for-send.jpg
new file mode 100644
index 0000000..efc7115
Binary files /dev/null and b/assets/card-for-send.jpg differ
diff --git a/assets/card-for-send.png b/assets/card-for-send.png
new file mode 100644
index 0000000..3b5f1fb
Binary files /dev/null and b/assets/card-for-send.png differ
diff --git a/assets/card-for-send.png.bak.20260330 b/assets/card-for-send.png.bak.20260330
new file mode 100644
index 0000000..3cf6e33
Binary files /dev/null and b/assets/card-for-send.png.bak.20260330 differ
diff --git a/assets/logo-nav-2x.png b/assets/logo-nav-2x.png
new file mode 100644
index 0000000..66c843c
Binary files /dev/null and b/assets/logo-nav-2x.png differ
diff --git a/assets/logo-nav.png b/assets/logo-nav.png
new file mode 100644
index 0000000..38de7ac
Binary files /dev/null and b/assets/logo-nav.png differ
diff --git a/assets/logo.png b/assets/logo.png
new file mode 100755
index 0000000..01a971d
Binary files /dev/null and b/assets/logo.png differ
diff --git a/assets/logos/abc.png b/assets/logos/abc.png
new file mode 100644
index 0000000..c95709f
Binary files /dev/null and b/assets/logos/abc.png differ
diff --git a/assets/logos/alibaba.png b/assets/logos/alibaba.png
new file mode 100644
index 0000000..c95709f
Binary files /dev/null and b/assets/logos/alibaba.png differ
diff --git a/assets/logos/boc.png b/assets/logos/boc.png
new file mode 100644
index 0000000..fc5378b
--- /dev/null
+++ b/assets/logos/boc.png
@@ -0,0 +1,7 @@
+<html>
+<head><title>404 Not Found</title></head>
+<body bgcolor="white">
+<center><h1>404 Not Found</h1></center>
+<hr><center>nginx</center>
+</body>
+</html>
diff --git a/assets/logos/bytedance.png b/assets/logos/bytedance.png
new file mode 100644
index 0000000..9b7eff3
--- /dev/null
+++ b/assets/logos/bytedance.png
@@ -0,0 +1 @@
+{"Success":-1,"error":{"code":4008,"request_id":"36e37db26be70b7869b26be7-fdbdgdc02g28gb26gg30","message":"The specified key does not exist.","ec":"0017-00000003","recommend_doc":"https://cloud.bytedance.net/docs/tos/docs/64db3bc855f10602a14c81dc/671f54f792fb7b0328303157"}}
\ No newline at end of file
diff --git a/assets/logos/ccb.png b/assets/logos/ccb.png
new file mode 100644
index 0000000..c95709f
Binary files /dev/null and b/assets/logos/ccb.png differ
diff --git a/assets/logos/cmb.png b/assets/logos/cmb.png
new file mode 100644
index 0000000..8a243d4
--- /dev/null
+++ b/assets/logos/cmb.png
@@ -0,0 +1,174 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
+    <meta name="format-detection" content="telephone=no" />
+    <meta name="format-detection" content="email=no" />
+
+    <title> </title>
+    <script src="/js/Std_StranJF.js?v=20251020"></script>
+    <link rel="icon" href="/cmb.ico" />
+    <link rel="stylesheet" href="/umi.26a0109c.css" />
+    <script>
+      window.routerBase = "/";
+    </script>
+    <script>
+      //! umi version: 3.5.43
+    </script>
+  </head>
+
+  <body>
+    <div id="root"></div>
+
+    <script>
+      try {
+        // 开启了繁简通功能，隐藏body
+        function getCookieJF(Name) {
+          let search = Name + "=";
+          if (document.cookie.length > 0) {
+            let offset = document.cookie.indexOf(search);
+            if (offset !== -1) {
+              offset += search.length;
+              let end = document.cookie.indexOf(";", offset);
+              return unescape(
+                document.cookie.substring(
+                  offset,
+                  end === -1 ? document.cookie.length : end
+                )
+              );
+            }
+          }
+          return "";
+        }
+        if (
+          !isNaN(
+            parseInt(
+              getCookieJF(
+                "ft" + self.location.hostname.toString().replace(/\./g, "")
+              )
+            )
+          )
+        ) {
+          document.body.style.visibility = "hidden";
+        }
+      } catch (error) {}
+    </script>
+    <script>
+      function IEVersion() {
+        // if (document.documentMode) return document.documentMode;
+        var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
+        var isIE =
+          userAgent.indexOf("compatible") > -1 &&
+          userAgent.indexOf("MSIE") > -1; //判断是否IE<11浏览器
+        var isEdge = userAgent.indexOf("Edge") > -1 && !isIE; //判断是否IE的Edge浏览器
+        var isIE11 =
+          userAgent.indexOf("Trident") > -1 &&
+          userAgent.indexOf("rv:11.0") > -1;
+        if (isIE) {
+          var reIE = new RegExp("MSIE (\\d+\\.\\d+);");
+          reIE.test(userAgent);
+          var fIEVersion = parseFloat(RegExp["$1"]);
+          if (fIEVersion == 7) {
+            return 7;
+          } else if (fIEVersion == 8) {
+            return 8;
+          } else if (fIEVersion == 9) {
+            return 9;
+          } else if (fIEVersion == 10) {
+            return 10;
+          } else {
+            return 6; //IE版本<=7
+          }
+        } else if (isEdge) {
+          return "edge"; //edge
+        } else if (isIE11) {
+          return 11; //IE11
+        } else {
+          return -1; //不是ie浏览器
+        }
+      }
+
+      function fallbackCopyTextToClipboard() {
+        // 1.创建一个可选中元素
+        var textArea = document.createElement("textarea");
+        textArea.value = window.location.href;
+        // 2.使用定位，阻止页面滚动
+        textArea.style.top = "0";
+        textArea.style.left = "0";
+        textArea.style.position = "fixed";
+        document.body.appendChild(textArea);
+        textArea.focus();
+        textArea.select();
+        try {
+          // textArea.style.visibility = "hidden";
+          textArea.style.opacity = "0";
+          var successful = document.execCommand("copy");
+          // var msg = successful ? 'successful' : 'unsuccessful';
+          alert("网址链接复制成功！");
+        } catch (err) {}
+        // 3.移除元素
+        document.body.removeChild(textArea);
+      }
+
+      function copyTextToClipboard(text) {
+        if (!navigator.clipboard) {
+          fallbackCopyTextToClipboard();
+          return;
+        }
+        navigator.clipboard.writeText(text).then(
+          function () {
+            alert("网址链接复制成功！");
+          },
+          function (err) {}
+        );
+      }
+
+      var ie = IEVersion();
+      if (ie === 9 || ie === 8 || ie === 7 || ie === 6) {
+        var sb =
+          '<div id="portal-base-js-modal" class="portal-base-js-modal-class" style="position: fixed;left: 0;top: 0;z-index: 1000;display: black;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);padding: 32px 32px 24px;">' +
+          '<div class="modal-content" style="width: 708px;;height: 291px;border:0.3px solid;margin: 100px auto;border-radius: 20px;background-color: #fff;border-color:#dedede;box-shadow:3px 5px 6px rgba(0, 0, 0, 0.16);">' +
+          '<div  style="float:left;padding-top: 55px;">' +
+          '<div class="modal-body" style="padding: 30px 5px 10px 43px;;font-size: 16px;color: #000000;line-height: 24px;box-sizing: border-box;font-weight:600;varter-spacing:1px;font-family: PingFangSC, Microsoft Yahei,FZLTHJW;">' +
+          "<span>" +
+          "当前浏览器不支持，<br/> 建议chrome或360（极速模式）等浏览器访问。" +
+          "</span>" +
+          "</div>" +
+          '<div class="modal-footer" style="box-sizing: border-box;display: flex;padding: 6px 46px 40px;align-items: center;">  <button id="cancel" style="width:120px;height:30px;background-color:#a30030;border-radius:18px;color:#ffffff;font-size:18px;border: none;line-height: 27px;varter-spacing:1px;font-family: PingFangSC, Microsoft Yahei,FZLTHJW;cursor:pointer;display: flex;justify-content: center;"><span>复制链接</span></button> ' +
+          "</div>" +
+          "</div>" +
+          '<div class="modal-whilte-box" style="margin-right: 20px;width:253px;height:253px;float:right;" id="modal-whilte-box"></div>' +
+          "</div></div>";
+
+        var tmp = document.createElement("div");
+        var signFrame = (tmp.innerHTML += sb);
+        document.body.appendChild(tmp);
+        // document.body.style.
+        var modelbox = document.getElementById("modal-whilte-box");
+        modelbox.style.background = "url('ie.png') center";
+        modelbox.style.backgroundSize = "100%";
+        modelbox.style.filter =
+          "progid: DXImageTransform.Microsoft.AlphaImageLoader(src='ie.png', sizingMethod='scale')";
+        var modal = document.getElementById("portal-base-js-modal");
+        var cancel = document.getElementById("cancel");
+        if (cancel.addEventListener) {
+          cancel.addEventListener("click", function () {
+            // modal.style.display = "none";
+            var winHref = window.location.href;
+            copyTextToClipboard(winHref);
+          });
+        } else {
+          cancel.attachEvent("onclick", function () {
+            // modal.style.display = "none";
+            var winHref = window.location.href;
+            copyTextToClipboard(winHref);
+          });
+        }
+      }
+    </script>
+
+    <script src="/umi.26a0109c.js"></script>
+  </body>
+</html>
diff --git a/assets/logos/icbc.png b/assets/logos/icbc.png
new file mode 100644
index 0000000..c95709f
Binary files /dev/null and b/assets/logos/icbc.png differ
diff --git a/assets/logos/ke.png b/assets/logos/ke.png
new file mode 100644
index 0000000..dd82476
--- /dev/null
+++ b/assets/logos/ke.png
@@ -0,0 +1,56 @@
+<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge" /><meta http-equiv="Cache-Control" content="no-transform" /><meta name="applicable-device" content="pc"><meta name="baidu-site-verification" content="6k9hxRmxzD" /><meta name="sogou_site_verification" content="QWfsCQiayS"/><meta name="360-site-verification" content="f2abba3b5b4f63e3118715cfdb1ed136" /><meta name="shenma-site-verification" content="1540c93d56885a23ea91cd55bb6f99ae_1520485513"/>
+<title>房产网_房地产_房地产交易平台-链家网</title>
+<meta name="description" content="链家网是全国领先的房产网站，二手房、新房、租房交易平台，房源更新及时且真实存在、真实委托、真实价格，给您诚信、放心的房产交易、租赁保障，并及时发布最新的房地产行业资讯、房屋交易数据、房价走势信息、房产问答小区业主论坛、买房工具、买房贷款等信息。" />
+<meta name="keywords" content="房产网，房地产交易，房地产，二手房，租房，新房，别墅，家居，买房贷款，房价走势" />
+<link href="/favicon.ico" type="image/x-icon" rel=icon><link href="/favicon.ico" type="image/x-icon" rel="shortcut icon"><link rel="stylesheet" href="https://s1.ljcdn.com/pegasus/pc/asset/common.css?_v=20260114154749">
+<link rel="stylesheet" href="https://s1.ljcdn.com/pegasus/pc/asset/defaultPage/css/main.css?_v=20260114154749">
+<link rel="stylesheet" href="https://s1.ljcdn.com/pegasus/pc/asset/defaultPage/css/newMain.css?_v=20260114154749">
+<!--[if lt IE 9]><script type="text/javascript" src="https://s1.ljcdn.com/pegasus/dep/common-require/html5.js?_v=20260114154749"></script><![endif]-->
+<script>
+function RESIZEIMG(b,k,l,m){var c=b.parentNode;var d=parseInt(c.offsetWidth)||k;var e=parseInt(c.offsetHeight)||l;var f=d/e;var g=b.naturalWidth||b.width;var h=b.naturalHeight||b.height;var i=g/h;var j="width";if(f<i){j="height";try{b.style["left"]="-"+parseInt(Math.abs((d-(g*e/h))/2))+"px"}catch(e){}}else if(m){try{b.style["top"]="-"+parseInt(Math.abs((e-(h*d/g))/2))+"px"}catch(e){}};b.style[j]="100%";};
+</script>
+
+<script>
+ljConf = {
+    city_id: '',page: '_',domainConfig: {"webroot":"\/\/bj.ke.com\/","wwwroot":"\/\/www.ke.com\/","ajaxapiroot":"\/\/ajax.api.ke.com\/","apiroot":"\/\/ajax.ke.com\/","festaticroot":null,"videoroot":null,"feroot":"\/\/s1.ljcdn.com\/pegasus\/","ferootnew":null,"newsroot":null,"userroot":null,"fangroot":null,"agentroot":null,"version":"20260114154749bb9","pageconfig":{"ajaxroot":"\/\/ajax.api.ke.com\/","apiroot":"http:\/\/newhouseapi.ke.com\/","imAppid":"BEIKE_WEB_20170105","imAppkey":"2d7e19fe599aa5087b4d46948e552e89"},"imgroot":"\/\/image.lianjia.com\/","behaviors":[]},pageConfig: {"ajaxroot":"\/\/ajax.api.ke.com\/","apiroot":"http:\/\/newhouseapi.ke.com\/","imAppid":"BEIKE_WEB_20170105","imAppkey":"2d7e19fe599aa5087b4d46948e552e89"},
+};
+</script>
+</head><body>
+<header class="lianjia-header"><div class="nav-wrap"><div class="wrapper"><div class="fl"><a href="/" class="logo"><img src="https://s1.ljcdn.com/pegasus/pc/asset/img/new-version/logo.png?_v=20260114154749"></a></div><div class="fr nav"><div class="fl"><ul><li><a  class="" href="https://bj.ke.com/ershoufang/" >二手房</a></li><li><a  class="" href="https://bj.fang.ke.com/loupan" >新房</a></li><li><a  class="" href="https://bj.zu.ke.com/zufang" >租房</a></li><li><a  class="" href="https://home.ke.com/" >装修</a></li><li><a  class="" href="https://shangye.ke.com/bj" >商业办公</a></li><li><a  class="" href="https://bj.ke.com/xiaoqu/" >小区</a></li><li><a  class="" href="https://bj.ke.com/yezhu/maifang/?channel_id=2004" target="_blank">发布房源</a></li><li><a  class="" href="https://research.ke.com/" target="_blank">贝壳研究院</a></li><li class="hover"><a  class="" href="javascript:void(0)" >下载APP</a><div class="nav-list"><dd><i></i><img src="//ajax.api.ke.com/qr/getDownloadQr?location=site_middle"></dd></div></li><li><a  class="" href="https://open.ke.com/home?source=9" target="_blank">开放平台</a></li></ul></div><div class="fr login"><div class="login-panel typeUserInfo"><script type="text/template" class="template">
+    <%if(data && data.username){%>
+      <%if(data.isAgent){%>
+       <a href="<%=$.env.fixedUrl(ljConf.domainConfig.agentroot)%>"><span><%=data.username%>&nbsp;&nbsp;</span></a>
+      <%}else{%>
+        <a href="<%=$.env.fixedUrl(ljConf.domainConfig.userroot)%>"><span><%=data.username%>&nbsp;&nbsp;</span></a>
+       <%}%>
+       <%if(data.isAgent){%>
+         <span class="welcome"><a class="reg" href="<%=data.loginUrl%>">退出</a></span>
+       <%}else{%>
+         <span class="welcome"><a class="reg" href="<%=data.logoutUrl%>">退出</a></span>
+        <%}%>  
+    <%}else{%>
+      <span class="welcome"><a href="<%=data.registerUrl%>"><span class="log" id="registerBtn">注册</span></a>| <a class="btn-login bounceIn actLoginBtn" href="<%=data.loginUrl%>" id="loginBtn"><span class="reg">登录</span></a></span>
+    <%}%>
+  </script><div class="typeShowUser"><span class="welcome"><a href="https://clogin.ke.com/register?service=https%3A%2F%2Fwww.ke.com%2Fuser%2Fchecklogin%3Fredirect%3Dhttps%253A%252F%252Fwww.ke.com%252Flogo.png"  rel="nofollow" id="registerBtn"><span class="log">注册</span></a> | <a href="https://clogin.ke.com/login?service=https%3A%2F%2Fwww.ke.com%2Fuser%2Fchecklogin%3Fredirect%3Dhttps%253A%252F%252Fwww.ke.com%252Flogo.png" class="btn-login bounceIn actLoginBtn" id="loginBtn"><span class="reg">登录</span></a></span></div></div>
+</div></div></div></div></header>
+<div class="new-wrapper">
+    <div class="icon-404 icon fl"></div>
+    <div class="fl item">
+      <span>未找到页面</span>
+      <p>没找到您访问的页面，可能原因：网址失效</p>
+      <a href="/">返回首页</a>
+    </div>
+</div>
+<div class="footer" style="display: block"><div class="wrapper"><div class="f-title"><div class="fl"><ul><li><a href="https://open.ke.com/home">开放平台</a></li><li><a href="https://kol.ke.com/">贝壳号</a></li><li><a href="https://bj.ke.com/seositemap">网站地图</a></li><li><a href="https://about.ke.com/introduce/index.html">了解贝壳</a></li><li><a href="https://investors.ke.com">投资者关系 / Investors</a></li></ul></div><div class="fr">服务热线 10106188</div></div><div class="lianjia-link-box"><div class="fl"><div class="tab"><span  class="hover">城市二手房</span><span >房产资讯</span><span >城区二手房</span><span >城区租房</span><span >城区小区</span><span >热门小区</span><span >贝壳规则中心</span></div><div class="link-list"><div><dd><a target="_blank" href="https://bj.ke.com/">北京房产网</a><a target="_blank" href="https://gz.ke.com/">广州房产网</a><a target="_blank" href="https://sz.ke.com/">深圳房产网</a><a target="_blank" href="https://tj.ke.com/">天津房产网</a><a target="_blank" href="https://cd.ke.com/">成都房产网</a><a target="_blank" href="https://nj.ke.com/">南京房产网</a><a target="_blank" href="https://hz.ke.com/">杭州房产网</a><a target="_blank" href="https://qd.ke.com/">青岛房产网</a><a target="_blank" href="https://dl.ke.com/">大连房产网</a><a target="_blank" href="https://xm.ke.com/">厦门房产网</a><a target="_blank" href="https://wh.ke.com/">武汉房产网</a><a target="_blank" href="https://cq.ke.com/">重庆房产网</a><a target="_blank" href="https://cs.ke.com/">长沙房产网</a><a target="_blank" href="https://jn.ke.com/">济南房产网</a><a target="_blank" href="https://fs.ke.com/">佛山房产网</a><a target="_blank" href="https://dg.ke.com/">东莞房产网</a><a target="_blank" href="https://xa.ke.com/">西安房产网</a><a target="_blank" href="https://sjz.ke.com/">石家庄房产网</a><a target="_blank" href="https://yt.ke.com/">烟台房产网</a><a target="_blank" href="https://zs.ke.com/">中山房产网</a><a target="_blank" href="https://zh.ke.com/">珠海房产网</a><a target="_blank" href="https://hui.ke.com/">惠州房产网</a><a target="_blank" href="https://ty.ke.com/">太原房产网</a><a target="_blank" href="https://sy.ke.com/">沈阳房产网</a><a target="_blank" href="https://hk.ke.com/">海口房产网</a><a target="_blank" href="https://wx.ke.com/">无锡房产网</a><a target="_blank" href="https://xz.ke.com/">徐州房产网</a><a target="_blank" href="https://san.ke.com/">三亚房产网</a><a target="_blank" href="https://ls.ke.com/">陵水房产网</a><a target="_blank" href="https://wn.ke.com/">万宁房产网</a><a target="_blank" href="https://hf.ke.com/">合肥房产网</a><a target="_blank" href="https://km.ke.com/">昆明房产网</a><a target="_blank" href="https://xsbn.ke.com/">西双版纳傣族自治州房产网</a><a target="_blank" href="https://zz.ke.com/">郑州房产网</a><a target="_blank" href="https://cm.ke.com/">澄迈房产网</a><a target="_blank" href="https://dali.ke.com/">大理房产网</a><a target="_blank" href="https://wuhu.ke.com/">芜湖房产网</a><a target="_blank" href="https://cc.ke.com/">长春房产网</a><a target="_blank" href="https://lz.ke.com/">兰州房产网</a><a target="_blank" href="https://hrb.ke.com/">哈尔滨房产网</a><a target="_blank" href="https://wf.ke.com/">潍坊房产网</a><a target="_blank" href="https://yc.ke.com/">盐城房产网</a><a target="_blank" href="https://linyi.ke.com/">临沂房产网</a><a target="_blank" href="https://jining.ke.com/">济宁房产网</a><a target="_blank" href="https://ha.ke.com/">淮安房产网</a><a target="_blank" href="https://yz.ke.com/">扬州房产网</a><a target="_blank" href="https://quanzhou.ke.com/">泉州房产网</a><a target="_blank" href="https://wz.ke.com/">温州房产网</a><a target="_blank" href="https://ts.ke.com/">唐山房产网</a><a target="_blank" href="https://gy.ke.com/">贵阳房产网</a><a target="_blank" href="https://hd.ke.com/">邯郸房产网</a><a target="_blank" href="https://hhht.ke.com/">呼和浩特房产网</a><a target="_blank" href="https://wlmq.ke.com/">乌鲁木齐房产网</a><a target="_blank" href="https://jx.ke.com/">嘉兴房产网</a><a target="_blank" href="https://baotou.ke.com/">包头房产网</a><a target="_blank" href="https://jh.ke.com/">金华房产网</a><a target="_blank" href="https://taizhou.ke.com/">台州房产网</a><a target="_blank" href="https://luoyang.ke.com/">洛阳房产网</a><a target="_blank" href="https://xy.ke.com/">襄阳房产网</a><a target="_blank" href="https://yichang.ke.com/">宜昌房产网</a><a target="_blank" href="https://fz.ke.com/">福州房产网</a><a target="_blank" href="https://nc.ke.com/">南昌房产网</a><a target="_blank" href="https://nt.ke.com/">南通房产网</a><a target="_blank" href="https://changzhou.ke.com/">常州房产网</a><a target="_blank" href="https://nb.ke.com/">宁波房产网</a><a target="_blank" href="https://nn.ke.com/">南宁房产网</a><a target="_blank" href="https://weihai.ke.com/">威海房产网</a><a target="_blank" href="https://hy.ke.com/">衡阳房产网</a><a target="_blank" href="https://dy.ke.com/">德阳房产网</a><a target="_blank" href="https://huzhou.ke.com/">湖州房产网</a><a target="_blank" href="https://zj.ke.com/">镇江房产网</a><a target="_blank" href="https://ms.ke.com/">眉山房产网</a><a target="_blank" href="https://lyg.ke.com/">连云港房产网</a><a target="_blank" href="https://yinchuan.ke.com/">银川房产网</a><a target="_blank" href="https://dazhou.ke.com/">达州房产网</a><a target="_blank" href="https://fy.ke.com/">阜阳房产网</a><a target="_blank" href="https://nanchong.ke.com/">南充房产网</a><a target="_blank" href="https://zb.ke.com/">淄博房产网</a><a target="_blank" href="https://zhuzhou.ke.com/">株洲房产网</a><a target="_blank" href="https://mianyang.ke.com/">绵阳房产网</a><a target="_blank" href="https://ta.ke.com/">泰安房产网</a><a target="_blank" href="https://dt.ke.com/">大同房产网</a><a target="_blank" href="https://changde.ke.com/">常德房产网</a><a target="_blank" href="https://jian.ke.com/">吉安房产网</a><a target="_blank" href="https://sx.ke.com/">绍兴房产网</a><a target="_blank" href="https://baoji.ke.com/">宝鸡房产网</a><a target="_blank" href="https://xinxiang.ke.com/">新乡房产网</a><a target="_blank" href="https://heze.ke.com/">菏泽房产网</a><a target="_blank" href="https://cf.ke.com/">赤峰房产网</a><a target="_blank" href="https://tongliao.ke.com/">通辽房产网</a><a target="_blank" href="https://fushun.ke.com/">抚顺房产网</a><a target="_blank" href="https://dd.ke.com/">丹东房产网</a><a target="_blank" href="https://jl.ke.com/">吉林房产网</a><a target="_blank" href="https://changshu.ke.com/">常熟房产网</a><a target="_blank" href="https://zjg.ke.com/">张家港房产网</a><a target="_blank" href="https://ks.ke.com/">昆山房产网</a><a target="_blank" href="https://yw.ke.com/">义乌房产网</a><a target="_blank" href="https://quzhou.ke.com/">衢州房产网</a><a target="_blank" href="https://mas.ke.com/">马鞍山房产网</a><a target="_blank" href="https://aq.ke.com/">安庆房产网</a><a target="_blank" href="https://jdz.ke.com/">景德镇房产网</a><a target="_blank" href="https://pingxiang.ke.com/">萍乡房产网</a><a target="_blank" href="https://jiujiang.ke.com/">九江房产网</a><a target="_blank" href="https://ganzhou.ke.com/">赣州房产网</a><a target="_blank" href="https://ych.ke.com/">宜春房产网</a><a target="_blank" href="https://sr.ke.com/">上饶房产网</a><a target="_blank" href="https://qingzhou.ke.com/">青州房产网</a><a target="_blank" href="https://shouguang.ke.com/">寿光房产网</a><a target="_blank" href="https://kf.ke.com/">开封房产网</a><a target="_blank" href="https://pds.ke.com/">平顶山房产网</a><a target="_blank" href="https://py.ke.com/">濮阳房产网</a><a target="_blank" href="https://xc.ke.com/">许昌房产网</a><a target="_blank" href="https://zk.ke.com/">周口房产网</a><a target="_blank" href="https://zmd.ke.com/">驻马店房产网</a><a target="_blank" href="https://huangshi.ke.com/">黄石房产网</a><a target="_blank" href="https://ez.ke.com/">鄂州房产网</a><a target="_blank" href="https://xiangtan.ke.com/">湘潭房产网</a><a target="_blank" href="https://yy.ke.com/">岳阳房产网</a><a target="_blank" href="https://xx.ke.com/">湘西土家族苗族自治州房产网</a><a target="_blank" href="https://jiangmen.ke.com/">江门房产网</a><a target="_blank" href="https://zhanjiang.ke.com/">湛江房产网</a><a target="_blank" href="https://liuzhou.ke.com/">柳州房产网</a><a target="_blank" href="https://gl.ke.com/">桂林房产网</a><a target="_blank" href="https://bh.ke.com/">北海房产网</a><a target="_blank" href="https://fcg.ke.com/">防城港房产网</a><a target="_blank" href="https://pzh.ke.com/">攀枝花房产网</a><a target="_blank" href="https://luzhou.ke.com/">泸州房产网</a><a target="_blank" href="https://sn.ke.com/">遂宁房产网</a><a target="_blank" href="https://neijiang.ke.com/">内江房产网</a><a target="_blank" href="https://yibin.ke.com/">宜宾房产网</a><a target="_blank" href="https://yaan.ke.com/">雅安房产网</a><a target="_blank" href="https://bz.ke.com/">巴中房产网</a><a target="_blank" href="https://ziyang.ke.com/">资阳房产网</a><a target="_blank" href="https://liangshan.ke.com/">凉山彝族自治州房产网</a><a target="_blank" href="https://xianyang.ke.com/">咸阳房产网</a><a target="_blank" href="https://hanzhong.ke.com/">汉中房产网</a><a target="_blank" href="https://tianshui.ke.com/">天水房产网</a><a target="_blank" href="https://chengde.ke.com/">承德房产网</a><a target="_blank" href="https://hg.ke.com/">黄冈房产网</a><a target="_blank" href="https://leshan.ke.com/">乐山房产网</a><a target="_blank" href="https://qhd.ke.com/">秦皇岛房产网</a><a target="_blank" href="https://qy.ke.com/">清远房产网</a><a target="_blank" href="https://zjk.ke.com/">张家口房产网</a><a target="_blank" href="https://zhangzhou.ke.com/">漳州房产网</a><a target="_blank" href="https://danyang.ke.com/">丹阳房产网</a><a target="_blank" href="https://haimen.ke.com/">海门房产网</a><a target="_blank" href="https://jr.ke.com/">句容房产网</a><a target="_blank" href="https://qidong.ke.com/">启东房产网</a><a target="_blank" href="https://rg.ke.com/">如皋房产网</a><a target="_blank" href="https://zhuozhou.ke.com/">涿州房产网</a><a target="_blank" href="https://zunyi.ke.com/">遵义房产网</a><a target="_blank" href="https://guangyuan.ke.com/">广元房产网</a><a target="_blank" href="https://jy.ke.com/">江阴房产网</a><a target="_blank" href="https://haian.ke.com/">海安房产网</a><a target="_blank" href="https://byne.ke.com/">巴彦淖尔房产网</a></dd></div><div><dd><a target="_blank" href="https://news.ke.com/">房产资讯</a></dd></div><div><dd><a target="_blank" href="https://bj.ke.com/ershoufang/changpingqu/">昌平区二手房</a><a target="_blank" href="https://bj.ke.com/ershoufang/chaoyangqu5/">朝阳区二手房</a><a target="_blank" href="https://bj.ke.com/ershoufang/dongchengqu3/">东城区二手房</a><a target="_blank" href="https://bj.ke.com/ershoufang/daxingqu/">大兴区二手房</a><a target="_blank" href="https://bj.ke.com/ershoufang/fangshanqu/">房山区二手房</a><a target="_blank" href="https://bj.ke.com/ershoufang/fengtaiqu/">丰台区二手房</a><a target="_blank" href="https://bj.ke.com/ershoufang/haidianqu/">海淀区二手房</a><a target="_blank" href="https://bj.ke.com/ershoufang/huairouqu/">怀柔区二手房</a><a target="_blank" href="https://bj.ke.com/ershoufang/mentougouqu/">门头沟区二手房</a><a target="_blank" href="https://bj.ke.com/ershoufang/miyunqu/">密云区二手房</a><a target="_blank" href="https://bj.ke.com/ershoufang/pingguqu/">平谷区二手房</a><a target="_blank" href="https://bj.ke.com/ershoufang/shijingshanqu/">石景山区二手房</a><a target="_blank" href="https://bj.ke.com/ershoufang/shunyiqu/">顺义区二手房</a><a target="_blank" href="https://bj.ke.com/ershoufang/tongzhouqu1/">通州区二手房</a><a target="_blank" href="https://bj.ke.com/ershoufang/xichengqu3/">西城区二手房</a><a target="_blank" href="https://bj.ke.com/ershoufang/yanqingqu/">延庆区二手房</a><a target="_blank" href="https://bj.ke.com/ershoufang/beijingjingjijishukaifaqu/">北京经济技术开发区二手房</a></dd></div><div><dd><a target="_blank" href="https://bj.ke.com/zufang/changpingqu/">昌平区租房</a><a target="_blank" href="https://bj.ke.com/zufang/chaoyangqu5/">朝阳区租房</a><a target="_blank" href="https://bj.ke.com/zufang/dongchengqu3/">东城区租房</a><a target="_blank" href="https://bj.ke.com/zufang/daxingqu/">大兴区租房</a><a target="_blank" href="https://bj.ke.com/zufang/fangshanqu/">房山区租房</a><a target="_blank" href="https://bj.ke.com/zufang/fengtaiqu/">丰台区租房</a><a target="_blank" href="https://bj.ke.com/zufang/haidianqu/">海淀区租房</a><a target="_blank" href="https://bj.ke.com/zufang/huairouqu/">怀柔区租房</a><a target="_blank" href="https://bj.ke.com/zufang/mentougouqu/">门头沟区租房</a><a target="_blank" href="https://bj.ke.com/zufang/miyunqu/">密云区租房</a><a target="_blank" href="https://bj.ke.com/zufang/pingguqu/">平谷区租房</a><a target="_blank" href="https://bj.ke.com/zufang/shijingshanqu/">石景山区租房</a><a target="_blank" href="https://bj.ke.com/zufang/shunyiqu/">顺义区租房</a><a target="_blank" href="https://bj.ke.com/zufang/tongzhouqu1/">通州区租房</a><a target="_blank" href="https://bj.ke.com/zufang/xichengqu3/">西城区租房</a><a target="_blank" href="https://bj.ke.com/zufang/yanqingqu/">延庆区租房</a><a target="_blank" href="https://bj.ke.com/zufang/beijingjingjijishukaifaqu/">北京经济技术开发区租房</a></dd></div><div><dd><a target="_blank" href="https://bj.ke.com/xiaoqu/changpingqu/">昌平区小区</a><a target="_blank" href="https://bj.ke.com/xiaoqu/chaoyangqu5/">朝阳区小区</a><a target="_blank" href="https://bj.ke.com/xiaoqu/dongchengqu3/">东城区小区</a><a target="_blank" href="https://bj.ke.com/xiaoqu/daxingqu/">大兴区小区</a><a target="_blank" href="https://bj.ke.com/xiaoqu/fangshanqu/">房山区小区</a><a target="_blank" href="https://bj.ke.com/xiaoqu/fengtaiqu/">丰台区小区</a><a target="_blank" href="https://bj.ke.com/xiaoqu/haidianqu/">海淀区小区</a><a target="_blank" href="https://bj.ke.com/xiaoqu/huairouqu/">怀柔区小区</a><a target="_blank" href="https://bj.ke.com/xiaoqu/mentougouqu/">门头沟区小区</a><a target="_blank" href="https://bj.ke.com/xiaoqu/miyunqu/">密云区小区</a><a target="_blank" href="https://bj.ke.com/xiaoqu/pingguqu/">平谷区小区</a><a target="_blank" href="https://bj.ke.com/xiaoqu/shijingshanqu/">石景山区小区</a><a target="_blank" href="https://bj.ke.com/xiaoqu/shunyiqu/">顺义区小区</a><a target="_blank" href="https://bj.ke.com/xiaoqu/tongzhouqu1/">通州区小区</a><a target="_blank" href="https://bj.ke.com/xiaoqu/xichengqu3/">西城区小区</a><a target="_blank" href="https://bj.ke.com/xiaoqu/yanqingqu/">延庆区小区</a><a target="_blank" href="https://bj.ke.com/xiaoqu/beijingjingjijishukaifaqu/">北京经济技术开发区小区</a></dd></div><div><dd><a target="_blank" href="https://bj.ke.com/xiaoqu/1111027377634/">康家园</a><a target="_blank" href="https://bj.ke.com/xiaoqu/1111027375971/">北潞春家园</a><a target="_blank" href="https://bj.ke.com/xiaoqu/1120046475058162/">翠成馨园C区</a><a target="_blank" href="https://bj.ke.com/xiaoqu/1111027374435/">福苑小区</a><a target="_blank" href="https://bj.ke.com/xiaoqu/1111027375871/">北京北</a><a target="_blank" href="https://bj.ke.com/xiaoqu/1111027375067/">花家地西里一区</a><a target="_blank" href="https://bj.ke.com/xiaoqu/1111027376034/">北欧印象</a><a target="_blank" href="https://bj.ke.com/xiaoqu/1111027375313/">海特花园西区</a><a target="_blank" href="https://bj.ke.com/xiaoqu/1111027379471/">石榴园北里小区</a><a target="_blank" href="https://bj.ke.com/xiaoqu/1120029458003748/">京奥港枫泉花园</a><a target="_blank" href="https://bj.ke.com/xiaoqu/1111027382244/">亦庄北岸</a><a target="_blank" href="https://bj.ke.com/xiaoqu/1120037494075510/">后现代城C区</a><a target="_blank" href="https://bj.ke.com/xiaoqu/1111053885744/">金域缇香</a><a target="_blank" href="https://bj.ke.com/xiaoqu/1111027375257/">黄寺大街24号院</a><a target="_blank" href="https://bj.ke.com/xiaoqu/1111027376481/">畅柳园</a><a target="_blank" href="https://bj.ke.com/xiaoqu/1111027374137/">沸城</a><a target="_blank" href="https://bj.ke.com/xiaoqu/1111027376679/">朝阳无限芳菁苑</a><a target="_blank" href="https://bj.ke.com/xiaoqu/1113851567098500/">景粼原著</a><a target="_blank" href="https://bj.ke.com/xiaoqu/1111040862992/">南庭新苑南区</a><a target="_blank" href="https://bj.ke.com/xiaoqu/1111027381403/">香悦四季西区</a><a target="_blank" href="https://bj.ke.com/xiaoqu/1111027378834/">前进花园石门苑</a><a target="_blank" href="https://bj.ke.com/xiaoqu/1111063627562/">TBD住总万科天地</a><a target="_blank" href="https://bj.ke.com/xiaoqu/1111027376315/">地杰长安驿</a><a target="_blank" href="https://bj.ke.com/xiaoqu/1111027380716/">新风南里</a><a target="_blank" href="https://bj.ke.com/xiaoqu/1111027375552/">10AM新坐标</a><a target="_blank" href="https://bj.ke.com/xiaoqu/1111027376570/">朝庭</a><a target="_blank" href="https://bj.ke.com/xiaoqu/1111062676228/">世茂维拉</a><a target="_blank" href="https://bj.ke.com/xiaoqu/1111027374691/">国瑞城中区</a><a target="_blank" href="https://bj.ke.com/xiaoqu/1120030489114258/">云秀花园</a><a target="_blank" href="https://bj.ke.com/xiaoqu/1120057204493986/">首创澜茵山三期</a><a target="_blank" href="https://bj.ke.com/xiaoqu/1111027380055/">天通西苑一区</a><a target="_blank" href="https://bj.ke.com/xiaoqu/1111059167363/">国锐金嵿</a><a target="_blank" href="https://bj.ke.com/xiaoqu/1111027373806/">东区国际</a><a target="_blank" href="https://bj.ke.com/xiaoqu/1111027381060/">西马金润二区</a><a target="_blank" href="https://bj.ke.com/xiaoqu/1111027381363/">宣颐家园</a><a target="_blank" href="https://bj.ke.com/xiaoqu/1111027374302/">富力又一城B区</a><a target="_blank" href="https://bj.ke.com/xiaoqu/1111027378138/">流星花园三区</a><a target="_blank" href="https://bj.ke.com/xiaoqu/1111027377891/">龙华园</a><a target="_blank" href="https://bj.ke.com/xiaoqu/1111027375596/">安慧里二区</a><a target="_blank" href="https://bj.ke.com/xiaoqu/1111027378948/">沁园春景</a></dd></div><div><dd><a target="_blank" href="https://www.ke.com/zhuanti/protocol">贝壳找房隐私声明 正文</a><a target="_blank" href="https://www.ke.com/zhuanti/serviceProtocol">贝壳平台服务使用协议</a><a target="_blank" href="https://rules-center.ke.com">贝壳规则中心</a></dd></div></div></div><div class="fr"><img src="https://s1.ljcdn.com/pegasus/pc/asset/img/home/erweima.png?_v=20260114154749"></div><div class="clear"></div></div><ul class="partner-logo"><li class="CLICKDATA VIEWDATA"data-view-evtid="27043" data-view-event="ItemExpo"data-click-evtid="27044"  data-click-event="WebClick"data-action="click_value=招商银行"><a target="_blank" href="https://image1.ljcdn.com/materials/appindexconf/8f9822cf882e6f263b81f7a394dd0712.jpg"><img src="https://s1.ljcdn.com/pegasus/redskull/images/common/partner/zsyh.png?_v=20191219184206415" title="招商银行"></a></li><li class="CLICKDATA VIEWDATA"data-view-evtid="27043" data-view-event="ItemExpo"data-click-evtid="27044"  data-click-event="WebClick"data-action="click_value=上海银行"><a target="_blank" href="https://img.ljcdn.com/beike/PC/1624330009091.jpg"><img src="https://image1.ljcdn.com/materials/appindexconf/57f25e75780b61e27a74a8a5adc7586a.jpg" title="上海银行"></a></li><li class="CLICKDATA VIEWDATA"data-view-evtid="27043" data-view-event="ItemExpo"data-click-evtid="27044"  data-click-event="WebClick"data-action="click_value=中国光大银行"><a target="_blank" href="https://image1.ljcdn.com/materials/appindexconf/2d8668bfc893536176d1462378e1cbd7.jpg"><img src="https://image1.ljcdn.com/materials/appindexconf/ea3bcafededbafe865f986d01c6030a3.png" title="中国光大银行"></a></li><li class="CLICKDATA VIEWDATA"data-view-evtid="27043" data-view-event="ItemExpo"data-click-evtid="27044"  data-click-event="WebClick"data-action="click_value=华夏银行"><a target="_blank" href="https://img.ljcdn.com/beike/commuting/1657614097768.jpg"><img src="https://image1.ljcdn.com/materials/appindexconf/369f029b0449e76b616c1920f18774ed.png" title="华夏银行"></a></li><li class="CLICKDATA VIEWDATA"data-view-evtid="27043" data-view-event="ItemExpo"data-click-evtid="27044"  data-click-event="WebClick"data-action="click_value=工商银行"><a target="_blank" href="https://img.ljcdn.com/beike/beike/1603436687006.png"><img src="https://image1.ljcdn.com/materials/appindexconf/d3841c246589e394c95c01e96140d267.png" title="工商银行"></a></li><li class="CLICKDATA VIEWDATA"data-view-evtid="27043" data-view-event="ItemExpo"data-click-evtid="27044"  data-click-event="WebClick"data-action="click_value=北京农商银行"><a target="_blank" href="https://img.ljcdn.com/beike/PC/1631518116390.jpg"><img src="https://image1.ljcdn.com/materials/appindexconf/4f590a93d92909b167d428b2f45d5274.jpg" title="北京农商银行"></a></li></ul><div class="bottom"><div class="copyright fl">天津小屋信息科技有限公司 | 地址：天津经济技术开发区南港工业区综合服务区办公楼C座一层112室09单元 | 电话：10106188 | <a href="http://beian.miit.gov.cn" target="_blank">津ICP备18000836号-1</a> | ICP经营许可证津B2-20170026<br>© Copyright©2026 ke.com版权所有<div style="width:300px;color: #888c8e;font-size: 12px;line-height: 20px;margin: 0 auto;text-align: center;"><a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802024019" style="display:none;text-decoration:none;height:20px;line-height:20px;"><img src="https://s1.ljcdn.com/pegasus/pc/asset/img/home/beian.png?_v=20260114154749"" style="float:left;"><p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px;color: #888c8e;">京公网安备 11010802024019号</p></a></div></div><div class="hot-frauds fr"><label>热门商圈<i></i></label><div class="frauds-list"><i></i><div class="tab"><span  class="hover">A</span><span >B</span><span >C</span><span >D</span><span >E</span><span >F</span><span >G</span><span >H</span><span >J</span><span >K</span><span >L</span><span >M</span><span >N</span><span >P</span><span >Q</span><span >S</span><span >T</span><span >W</span><span >X</span><span >Y</span><span >Z</span></div><div class="link-list link-footer"><div><a href="https://bj.ke.com/ershoufang/andingmen/" target="_blank">安定门二手房</a><a href="https://bj.ke.com/ershoufang/anzhen1/" target="_blank">安贞二手房</a><a href="https://bj.ke.com/ershoufang/aolinpikegongyuan11/" target="_blank">奥林匹克公园二手房</a><a href="https://bj.ke.com/ershoufang/anningzhuang1/" target="_blank">安宁庄二手房</a></div><div><a href="https://bj.ke.com/ershoufang/beijingjingjijishukaifaqu/" target="_blank">北京经济技术开发区二手房</a><a href="https://bj.ke.com/ershoufang/beitaipingzhuang/" target="_blank">北太平庄二手房</a><a href="https://bj.ke.com/ershoufang/baizhifang1/" target="_blank">白纸坊二手房</a><a href="https://bj.ke.com/ershoufang/bajiao1/" target="_blank">八角二手房</a><a href="https://bj.ke.com/ershoufang/baiziwan/" target="_blank">百子湾二手房</a><a href="https://bj.ke.com/ershoufang/baishiqiao1/" target="_blank">白石桥二手房</a><a href="https://bj.ke.com/ershoufang/beiqijia/" target="_blank">北七家二手房</a><a href="https://bj.ke.com/ershoufang/beigongda/" target="_blank">北工大二手房</a><a href="https://bj.ke.com/ershoufang/beidadi/" target="_blank">北大地二手房</a><a href="https://bj.ke.com/ershoufang/beiguan/" target="_blank">北关二手房</a><a href="https://bj.ke.com/ershoufang/beiyuan2/" target="_blank">北苑二手房</a><a href="https://bj.ke.com/ershoufang/beijingnanzhan1/" target="_blank">北京南站二手房</a><a href="https://bj.ke.com/ershoufang/binhexiqu1/" target="_blank">滨河西区二手房</a><a href="https://bj.ke.com/ershoufang/baishanzhen/" target="_blank">百善镇二手房</a><a href="https://bj.ke.com/ershoufang/beizhuangzhen/" target="_blank">北庄镇二手房</a><a href="https://bj.ke.com/ershoufang/bulaotunzhen/" target="_blank">不老屯镇二手房</a></div><div><a href="https://bj.ke.com/ershoufang/chaoyangqu5/" target="_blank">朝阳区二手房</a><a href="https://bj.ke.com/ershoufang/changpingqu/" target="_blank">昌平区二手房</a><a href="https://bj.ke.com/ershoufang/chegongzhuang1/" target="_blank">车公庄二手房</a><a href="https://bj.ke.com/ershoufang/chongwenmen/" target="_blank">崇文门二手房</a><a href="https://bj.ke.com/ershoufang/changchunjie/" target="_blank">长椿街二手房</a><a href="https://bj.ke.com/ershoufang/caihuying/" target="_blank">菜户营二手房</a><a href="https://bj.ke.com/ershoufang/chaoqing/" target="_blank">朝青二手房</a><a href="https://bj.ke.com/ershoufang/cbd/" target="_blank">CBD二手房</a><a href="https://bj.ke.com/ershoufang/chaoyanggongyuan/" target="_blank">朝阳公园二手房</a><a href="https://bj.ke.com/ershoufang/changwa/" target="_blank">厂洼二手房</a><a href="https://bj.ke.com/ershoufang/changying/" target="_blank">常营二手房</a><a href="https://bj.ke.com/ershoufang/chengshousi1/" target="_blank">成寿寺二手房</a><a href="https://bj.ke.com/ershoufang/caoqiao/" target="_blank">草桥二手房</a><a href="https://bj.ke.com/ershoufang/changpingqita1/" target="_blank">昌平其它二手房</a><a href="https://bj.ke.com/ershoufang/chaoyangmennei1/" target="_blank">朝阳门内二手房</a><a href="https://bj.ke.com/ershoufang/chaoyangmenwai1/" target="_blank">朝阳门外二手房</a><a href="https://bj.ke.com/ershoufang/changyang1/" target="_blank">长阳二手房</a><a href="https://bj.ke.com/ershoufang/chengzi/" target="_blank">城子二手房</a><a href="https://bj.ke.com/ershoufang/chengguan/" target="_blank">城关二手房</a></div><div><a href="https://bj.ke.com/ershoufang/dongchengqu3/" target="_blank">东城区二手房</a><a href="https://bj.ke.com/ershoufang/daxingqu/" target="_blank">大兴区二手房</a><a href="https://bj.ke.com/ershoufang/dinghuisi/" target="_blank">定慧寺二手房</a><a href="https://bj.ke.com/ershoufang/dongzhimen/" target="_blank">东直门二手房</a><a href="https://bj.ke.com/ershoufang/dongdan/" target="_blank">东单二手房</a><a href="https://bj.ke.com/ershoufang/deshengmen/" target="_blank">德胜门二手房</a><a href="https://bj.ke.com/ershoufang/dahongmen/" target="_blank">大红门二手房</a><a href="https://bj.ke.com/ershoufang/dougezhuang/" target="_blank">豆各庄二手房</a><a href="https://bj.ke.com/ershoufang/dingfuzhuang/" target="_blank">定福庄二手房</a><a href="https://bj.ke.com/ershoufang/dongba/" target="_blank">东坝二手房</a><a href="https://bj.ke.com/ershoufang/dashanzi/" target="_blank">大山子二手房</a><a href="https://bj.ke.com/ershoufang/dongdaqiao/" target="_blank">东大桥二手房</a><a href="https://bj.ke.com/ershoufang/dawanglu/" target="_blank">大望路二手房</a><a href="https://bj.ke.com/ershoufang/dianmen/" target="_blank">地安门二手房</a><a href="https://bj.ke.com/ershoufang/donghuashi/" target="_blank">东花市二手房</a><a href="https://bj.ke.com/ershoufang/daxingqita11/" target="_blank">大兴其它二手房</a><a href="https://bj.ke.com/ershoufang/dengshikou/" target="_blank">灯市口二手房</a><a href="https://bj.ke.com/ershoufang/dongsi1/" target="_blank">东四二手房</a><a href="https://bj.ke.com/ershoufang/doudian/" target="_blank">窦店二手房</a><a href="https://bj.ke.com/ershoufang/dayu/" target="_blank">大峪二手房</a><a href="https://bj.ke.com/ershoufang/dongguan/" target="_blank">东关二手房</a><a href="https://bj.ke.com/ershoufang/daxingxinjichang/" target="_blank">大兴新机场二手房</a><a href="https://bj.ke.com/ershoufang/daxingxinjichangyangfangbieshuqu/" target="_blank">大兴新机场洋房别墅区二手房</a><a href="https://bj.ke.com/ershoufang/dongshaoquzhen/" target="_blank">东邵渠镇二手房</a><a href="https://bj.ke.com/ershoufang/daichengzizhen/" target="_blank">大城子镇二手房</a><a href="https://bj.ke.com/ershoufang/daxingjichangkonggang/" target="_blank">大兴机场空港二手房</a><a href="https://bj.ke.com/ershoufang/dujiakan/" target="_blank">杜家坎二手房</a></div><div><a href="https://bj.ke.com/ershoufang/erlizhuang/" target="_blank">二里庄二手房</a></div><div><a href="https://bj.ke.com/ershoufang/fengtaiqu/" target="_blank">丰台区二手房</a><a href="https://bj.ke.com/ershoufang/fangshanqu/" target="_blank">房山区二手房</a><a href="https://bj.ke.com/ershoufang/fuchengmen/" target="_blank">阜成门二手房</a><a href="https://bj.ke.com/ershoufang/fangzhuang1/" target="_blank">方庄二手房</a><a href="https://bj.ke.com/ershoufang/fatou/" target="_blank">垡头二手房</a><a href="https://bj.ke.com/ershoufang/fangshanqita/" target="_blank">房山其它二手房</a><a href="https://bj.ke.com/ershoufang/fengtaiqita1/" target="_blank">丰台其它二手房</a><a href="https://bj.ke.com/ershoufang/fengcun/" target="_blank">冯村二手房</a><a href="https://bj.ke.com/ershoufang/fengjiayuzhen/" target="_blank">冯家峪镇二手房</a></div><div><a href="https://bj.ke.com/ershoufang/gongzhufen/" target="_blank">公主坟二手房</a><a href="https://bj.ke.com/ershoufang/guanyuan/" target="_blank">官园二手房</a><a href="https://bj.ke.com/ershoufang/guangqumen/" target="_blank">广渠门二手房</a><a href="https://bj.ke.com/ershoufang/guanganmen/" target="_blank">广安门二手房</a><a href="https://bj.ke.com/ershoufang/gucheng/" target="_blank">古城二手房</a><a href="https://bj.ke.com/ershoufang/guoyuan1/" target="_blank">果园二手房</a><a href="https://bj.ke.com/ershoufang/guanzhuang/" target="_blank">管庄二手房</a><a href="https://bj.ke.com/ershoufang/ganluyuan/" target="_blank">甘露园二手房</a><a href="https://bj.ke.com/ershoufang/guozhan1/" target="_blank">国展二手房</a><a href="https://bj.ke.com/ershoufang/gongti/" target="_blank">工体二手房</a><a href="https://bj.ke.com/ershoufang/gaobeidian/" target="_blank">高碑店二手房</a><a href="https://bj.ke.com/ershoufang/ganjiakou/" target="_blank">甘家口二手房</a><a href="https://bj.ke.com/ershoufang/guanyinsi/" target="_blank">观音寺二手房</a><a href="https://bj.ke.com/ershoufang/guloudajie/" target="_blank">鼓楼大街二手房</a><a href="https://bj.ke.com/ershoufang/gaomidian/" target="_blank">高米店二手房</a><a href="https://bj.ke.com/ershoufang/guloujiedao/" target="_blank">鼓楼街道二手房</a><a href="https://bj.ke.com/ershoufang/guoyuanjiedao/" target="_blank">果园街道二手房</a><a href="https://bj.ke.com/ershoufang/gaolingzhen/" target="_blank">高岭镇二手房</a><a href="https://bj.ke.com/ershoufang/gubeikouzhen/" target="_blank">古北口镇二手房</a></div><div><a href="https://bj.ke.com/ershoufang/haidianqu/" target="_blank">海淀区二手房</a><a href="https://bj.ke.com/ershoufang/huairouqu/" target="_blank">怀柔区二手房</a><a href="https://bj.ke.com/ershoufang/hepingli/" target="_blank">和平里二手房</a><a href="https://bj.ke.com/ershoufang/huaweiqiao/" target="_blank">华威桥二手房</a><a href="https://bj.ke.com/ershoufang/hongmiao/" target="_blank">红庙二手房</a><a href="https://bj.ke.com/ershoufang/huilongguan2/" target="_blank">回龙观二手房</a><a href="https://bj.ke.com/ershoufang/huairouchengqu1/" target="_blank">怀柔二手房</a><a href="https://bj.ke.com/ershoufang/huoying/" target="_blank">霍营二手房</a><a href="https://bj.ke.com/ershoufang/huixinxijie/" target="_blank">惠新西街二手房</a><a href="https://bj.ke.com/ershoufang/huanlegu/" target="_blank">欢乐谷二手房</a><a href="https://bj.ke.com/ershoufang/heyi/" target="_blank">和义二手房</a><a href="https://bj.ke.com/ershoufang/huaxiang/" target="_blank">花乡二手房</a><a href="https://bj.ke.com/ershoufang/houshayu1/" target="_blank">后沙峪二手房</a><a href="https://bj.ke.com/ershoufang/haidianqita1/" target="_blank">海淀其它二手房</a><a href="https://bj.ke.com/ershoufang/huairouqita1/" target="_blank">怀柔其它二手房</a><a href="https://bj.ke.com/ershoufang/haidianbeibuxinqu1/" target="_blank">海淀北部新区二手房</a><a href="https://bj.ke.com/ershoufang/huangcunzhong/" target="_blank">黄村中二手房</a><a href="https://bj.ke.com/ershoufang/huangcunhuochezhan/" target="_blank">黄村火车站二手房</a><a href="https://bj.ke.com/ershoufang/hancunhe1/" target="_blank">韩村河二手房</a><a href="https://bj.ke.com/ershoufang/henanzhaizhen/" target="_blank">河南寨镇二手房</a></div><div><a href="https://bj.ke.com/ershoufang/junbo1/" target="_blank">军博二手房</a><a href="https://bj.ke.com/ershoufang/jiuxianqiao/" target="_blank">酒仙桥二手房</a><a href="https://bj.ke.com/ershoufang/jinsong/" target="_blank">劲松二手房</a><a href="https://bj.ke.com/ershoufang/jiugong1/" target="_blank">旧宫二手房</a><a href="https://bj.ke.com/ershoufang/jiaodaokou/" target="_blank">交道口二手房</a><a href="https://bj.ke.com/ershoufang/jinrongjie/" target="_blank">金融街二手房</a><a href="https://bj.ke.com/ershoufang/jinbaojie/" target="_blank">金宝街二手房</a><a href="https://bj.ke.com/ershoufang/jianguomenwai/" target="_blank">建国门外二手房</a><a href="https://bj.ke.com/ershoufang/jianguomennei/" target="_blank">建国门内二手房</a><a href="https://bj.ke.com/ershoufang/jianxiangqiao1/" target="_blank">健翔桥二手房</a><a href="https://bj.ke.com/ershoufang/jiukeshu12/" target="_blank">九棵树(家乐福)二手房</a><a href="https://bj.ke.com/ershoufang/jiaomen/" target="_blank">角门二手房</a><a href="https://bj.ke.com/ershoufang/jugezhuangzhen/" target="_blank">巨各庄镇二手房</a></div><div><a href="https://bj.ke.com/ershoufang/kandanqiao/" target="_blank">看丹桥二手房</a><a href="https://bj.ke.com/ershoufang/kejiyuanqu/" target="_blank">科技园区二手房</a></div><div><a href="https://bj.ke.com/ershoufang/liuliqiao1/" target="_blank">六里桥二手房</a><a href="https://bj.ke.com/ershoufang/lugouqiao1/" target="_blank">卢沟桥二手房</a><a href="https://bj.ke.com/ershoufang/lugu1/" target="_blank">鲁谷二手房</a><a href="https://bj.ke.com/ershoufang/laoshan1/" target="_blank">老山二手房</a><a href="https://bj.ke.com/ershoufang/liyuan/" target="_blank">梨园二手房</a><a href="https://bj.ke.com/ershoufang/lishuiqiao1/" target="_blank">立水桥二手房</a><a href="https://bj.ke.com/ershoufang/liupukang/" target="_blank">六铺炕二手房</a><a href="https://bj.ke.com/ershoufang/linheli/" target="_blank">临河里二手房</a><a href="https://bj.ke.com/ershoufang/lize/" target="_blank">丽泽二手房</a><a href="https://bj.ke.com/ershoufang/liujiayao/" target="_blank">刘家窑二手房</a><a href="https://bj.ke.com/ershoufang/liqiao1/" target="_blank">李桥二手房</a><a href="https://bj.ke.com/ershoufang/luyuan/" target="_blank">潞苑二手房</a><a href="https://bj.ke.com/ershoufang/liangxiang/" target="_blank">良乡二手房</a><a href="https://bj.ke.com/ershoufang/liulihe/" target="_blank">琉璃河二手房</a><a href="https://bj.ke.com/ershoufang/liangmaqiao/" target="_blank">亮马桥二手房</a></div><div><a href="https://bj.ke.com/ershoufang/mentougouqu/" target="_blank">门头沟区二手房</a><a href="https://bj.ke.com/ershoufang/miyunqu/" target="_blank">密云区二手房</a><a href="https://bj.ke.com/ershoufang/maliandao1/" target="_blank">马连道二手房</a><a href="https://bj.ke.com/ershoufang/majiabao/" target="_blank">马家堡二手房</a><a href="https://bj.ke.com/ershoufang/muxiyuan1/" target="_blank">木樨园二手房</a><a href="https://bj.ke.com/ershoufang/mudanyuan/" target="_blank">牡丹园二手房</a><a href="https://bj.ke.com/ershoufang/majuqiao1/" target="_blank">马驹桥二手房</a><a href="https://bj.ke.com/ershoufang/malianwa/" target="_blank">马连洼二手房</a><a href="https://bj.ke.com/ershoufang/muxidi1/" target="_blank">木樨地二手房</a><a href="https://bj.ke.com/ershoufang/mapo/" target="_blank">马坡二手房</a><a href="https://bj.ke.com/ershoufang/mentougouqita1/" target="_blank">门头沟其它二手房</a><a href="https://bj.ke.com/ershoufang/madian1/" target="_blank">马甸二手房</a><a href="https://bj.ke.com/ershoufang/miyunzhen/" target="_blank">密云镇二手房</a><a href="https://bj.ke.com/ershoufang/mujiayuzhen/" target="_blank">穆家峪镇二手房</a></div><div><a href="https://bj.ke.com/ershoufang/niujie/" target="_blank">牛街二手房</a><a href="https://bj.ke.com/ershoufang/nanshatan1/" target="_blank">南沙滩二手房</a><a href="https://bj.ke.com/ershoufang/nongzhanguan/" target="_blank">农展馆二手房</a><a href="https://bj.ke.com/ershoufang/nankou/" target="_blank">南口二手房</a><a href="https://bj.ke.com/ershoufang/nanshao/" target="_blank">南邵二手房</a><a href="https://bj.ke.com/ershoufang/nanzhongzhoujichangshangwuqu/" target="_blank">南中轴机场商务区二手房</a></div><div><a href="https://bj.ke.com/ershoufang/pingguqu/" target="_blank">平谷区二手房</a><a href="https://bj.ke.com/ershoufang/pingguoyuan1/" target="_blank">苹果园二手房</a><a href="https://bj.ke.com/ershoufang/puhuangyu/" target="_blank">蒲黄榆二手房</a><a href="https://bj.ke.com/ershoufang/panjiayuan1/" target="_blank">潘家园二手房</a><a href="https://bj.ke.com/ershoufang/pingguqita1/" target="_blank">平谷其它二手房</a></div><div><a href="https://bj.ke.com/ershoufang/qinghe11/" target="_blank">清河二手房</a><a href="https://bj.ke.com/ershoufang/qianmen/" target="_blank">前门二手房</a><a href="https://bj.ke.com/ershoufang/qingta1/" target="_blank">青塔二手房</a><a href="https://bj.ke.com/ershoufang/qiaozhuang/" target="_blank">乔庄二手房</a><a href="https://bj.ke.com/ershoufang/qilizhuang/" target="_blank">七里庄二手房</a></div><div><a href="https://bj.ke.com/ershoufang/shijingshanqu/" target="_blank">石景山区二手房</a><a href="https://bj.ke.com/ershoufang/shunyiqu/" target="_blank">顺义区二手房</a><a href="https://bj.ke.com/ershoufang/shijicheng/" target="_blank">世纪城二手房</a><a href="https://bj.ke.com/ershoufang/shangdi1/" target="_blank">上地二手房</a><a href="https://bj.ke.com/ershoufang/shaoyaoju/" target="_blank">芍药居二手房</a><a href="https://bj.ke.com/ershoufang/sanyuanqiao/" target="_blank">三元桥二手房</a><a href="https://bj.ke.com/ershoufang/shuangqiao/" target="_blank">双桥二手房</a><a href="https://bj.ke.com/ershoufang/shibalidian1/" target="_blank">十八里店二手房</a><a href="https://bj.ke.com/ershoufang/shilihe/" target="_blank">十里河二手房</a><a href="https://bj.ke.com/ershoufang/sihui/" target="_blank">四惠二手房</a><a href="https://bj.ke.com/ershoufang/shifoying/" target="_blank">石佛营二手房</a><a href="https://bj.ke.com/ershoufang/shoudoujichang1/" target="_blank">首都机场二手房</a><a href="https://bj.ke.com/ershoufang/shilibao/" target="_blank">十里堡二手房</a><a href="https://bj.ke.com/ershoufang/suzhouqiao/" target="_blank">苏州桥二手房</a><a href="https://bj.ke.com/ershoufang/shahe2/" target="_blank">沙河二手房</a><a href="https://bj.ke.com/ershoufang/shuangjing/" target="_blank">双井二手房</a><a href="https://bj.ke.com/ershoufang/songjiazhuang/" target="_blank">宋家庄二手房</a><a href="https://bj.ke.com/ershoufang/shuangyushu/" target="_blank">双榆树二手房</a><a href="https://bj.ke.com/ershoufang/sijiqing/" target="_blank">四季青二手房</a><a href="https://bj.ke.com/ershoufang/shunyicheng/" target="_blank">顺义城二手房</a><a href="https://bj.ke.com/ershoufang/shijingshanqita1/" target="_blank">石景山其它二手房</a><a href="https://bj.ke.com/ershoufang/shunyiqita1/" target="_blank">顺义其它二手房</a><a href="https://bj.ke.com/ershoufang/sanlitun/" target="_blank">三里屯二手房</a><a href="https://bj.ke.com/ershoufang/shimenying/" target="_blank">石门营二手房</a><a href="https://bj.ke.com/ershoufang/shilipuzhen/" target="_blank">十里堡镇二手房</a><a href="https://bj.ke.com/ershoufang/shichengzhen/" target="_blank">石城镇二手房</a><a href="https://bj.ke.com/ershoufang/shanganditie/" target="_blank">上岸地铁二手房</a></div><div><a href="https://bj.ke.com/ershoufang/tongzhouqu1/" target="_blank">通州区二手房</a><a href="https://bj.ke.com/ershoufang/tiantan/" target="_blank">天坛二手房</a><a href="https://bj.ke.com/ershoufang/taipingqiao1/" target="_blank">太平桥二手房</a><a href="https://bj.ke.com/ershoufang/tongzhoubeiyuan/" target="_blank">通州北苑二手房</a><a href="https://bj.ke.com/ershoufang/tuanjiehu/" target="_blank">团结湖二手房</a><a href="https://bj.ke.com/ershoufang/taiyanggong/" target="_blank">太阳宫二手房</a><a href="https://bj.ke.com/ershoufang/tiantongyuan1/" target="_blank">天通苑二手房</a><a href="https://bj.ke.com/ershoufang/tianshuiyuan/" target="_blank">甜水园二手房</a><a href="https://bj.ke.com/ershoufang/taoranting1/" target="_blank">陶然亭二手房</a><a href="https://bj.ke.com/ershoufang/tiancun1/" target="_blank">田村二手房</a><a href="https://bj.ke.com/ershoufang/tianzhu1/" target="_blank">天竺二手房</a><a href="https://bj.ke.com/ershoufang/tongzhouqita11/" target="_blank">通州其它二手房</a><a href="https://bj.ke.com/ershoufang/tianningsi1/" target="_blank">天宁寺二手房</a><a href="https://bj.ke.com/ershoufang/tiangongyuan/" target="_blank">天宫院二手房</a><a href="https://bj.ke.com/ershoufang/tiangongyuannan/" target="_blank">天宫院南二手房</a><a href="https://bj.ke.com/ershoufang/taishitunzhen/" target="_blank">太师屯镇二手房</a><a href="https://bj.ke.com/ershoufang/tanying/" target="_blank">檀营二手房</a></div><div><a href="https://bj.ke.com/ershoufang/wanliu/" target="_blank">万柳二手房</a><a href="https://bj.ke.com/ershoufang/wukesong1/" target="_blank">五棵松二手房</a><a href="https://bj.ke.com/ershoufang/wudaokou/" target="_blank">五道口二手房</a><a href="https://bj.ke.com/ershoufang/wanda14/" target="_blank">万达二手房</a><a href="https://bj.ke.com/ershoufang/wuyihuayuan/" target="_blank">武夷花园二手房</a><a href="https://bj.ke.com/ershoufang/wangjing/" target="_blank">望京二手房</a><a href="https://bj.ke.com/ershoufang/weigongcun/" target="_blank">魏公村二手房</a><a href="https://bj.ke.com/ershoufang/wulidian/" target="_blank">五里店二手房</a><a href="https://bj.ke.com/ershoufang/wanshoulu1/" target="_blank">万寿路二手房</a><a href="https://bj.ke.com/ershoufang/wanyuan1/" target="_blank">万源二手房</a><a href="https://bj.ke.com/ershoufang/wulituo/" target="_blank">五里坨二手房</a></div><div><a href="https://bj.ke.com/ershoufang/xichengqu3/" target="_blank">西城区二手房</a><a href="https://bj.ke.com/ershoufang/xueyuanlu1/" target="_blank">学院路二手房</a><a href="https://bj.ke.com/ershoufang/xinjiekou2/" target="_blank">新街口二手房</a><a href="https://bj.ke.com/ershoufang/xizhimen1/" target="_blank">西直门二手房</a><a href="https://bj.ke.com/ershoufang/xidan/" target="_blank">西单二手房</a><a href="https://bj.ke.com/ershoufang/xuanwumen12/" target="_blank">宣武门二手房</a><a href="https://bj.ke.com/ershoufang/xisanqi1/" target="_blank">西三旗二手房</a><a href="https://bj.ke.com/ershoufang/xihongmen/" target="_blank">西红门二手房</a><a href="https://bj.ke.com/ershoufang/xiaoxitian1/" target="_blank">小西天二手房</a><a href="https://bj.ke.com/ershoufang/xishan21/" target="_blank">西山二手房</a><a href="https://bj.ke.com/ershoufang/xiaotangshan1/" target="_blank">小汤山二手房</a><a href="https://bj.ke.com/ershoufang/xierqi1/" target="_blank">西二旗二手房</a><a href="https://bj.ke.com/ershoufang/xibahe/" target="_blank">西坝河二手房</a><a href="https://bj.ke.com/ershoufang/xiluoyuan/" target="_blank">西罗园二手房</a><a href="https://bj.ke.com/ershoufang/xisi1/" target="_blank">西四二手房</a><a href="https://bj.ke.com/ershoufang/xibeiwang/" target="_blank">西北旺二手房</a><a href="https://bj.ke.com/ershoufang/xingong/" target="_blank">新宫二手房</a><a href="https://bj.ke.com/ershoufang/xiguanhuandao/" target="_blank">西关环岛二手房</a><a href="https://bj.ke.com/ershoufang/xiwengzhuangzhen/" target="_blank">溪翁庄镇二手房</a><a href="https://bj.ke.com/ershoufang/xitiangezhuangzhen/" target="_blank">西田各庄镇二手房</a><a href="https://bj.ke.com/ershoufang/xinchengzizhen/" target="_blank">新城子镇二手房</a><a href="https://bj.ke.com/ershoufang/xiaohongmen/" target="_blank">小红门二手房</a></div><div><a href="https://bj.ke.com/ershoufang/yanqingqu/" target="_blank">延庆区二手房</a><a href="https://bj.ke.com/ershoufang/yuetan/" target="_blank">月坛二手房</a><a href="https://bj.ke.com/ershoufang/yongdingmen/" target="_blank">永定门二手房</a><a href="https://bj.ke.com/ershoufang/yangqiao1/" target="_blank">洋桥二手房</a><a href="https://bj.ke.com/ershoufang/yuegezhuang/" target="_blank">岳各庄二手房</a><a href="https://bj.ke.com/ershoufang/yuquanying/" target="_blank">玉泉营二手房</a><a href="https://bj.ke.com/ershoufang/yuquanlu11/" target="_blank">玉泉路二手房</a><a href="https://bj.ke.com/ershoufang/yangzhuang1/" target="_blank">杨庄二手房</a><a href="https://bj.ke.com/ershoufang/yayuncun/" target="_blank">亚运村二手房</a><a href="https://bj.ke.com/ershoufang/yansha1/" target="_blank">燕莎二手房</a><a href="https://bj.ke.com/ershoufang/yizhuang1/" target="_blank">亦庄二手房</a><a href="https://bj.ke.com/ershoufang/yayuncunxiaoying/" target="_blank">亚运村小营二手房</a><a href="https://bj.ke.com/ershoufang/yuanmingyuan/" target="_blank">圆明园二手房</a><a href="https://bj.ke.com/ershoufang/yanqingqita1/" target="_blank">延庆其它二手房</a><a href="https://bj.ke.com/ershoufang/youanmenwai/" target="_blank">右安门外二手房</a><a href="https://bj.ke.com/ershoufang/youanmennei11/" target="_blank">右安门内二手房</a><a href="https://bj.ke.com/ershoufang/yuqiao/" target="_blank">玉桥二手房</a><a href="https://bj.ke.com/ershoufang/yizhuangkaifaquqita1/" target="_blank">亦庄开发区其它二手房</a><a href="https://bj.ke.com/ershoufang/yiheyuan/" target="_blank">颐和园二手房</a><a href="https://bj.ke.com/ershoufang/yanshan/" target="_blank">燕山二手房</a><a href="https://bj.ke.com/ershoufang/yancun/" target="_blank">阎村二手房</a><a href="https://bj.ke.com/ershoufang/yinghai/" target="_blank">瀛海二手房</a><a href="https://bj.ke.com/ershoufang/yihezhuang/" target="_blank">义和庄二手房</a><a href="https://bj.ke.com/ershoufang/yangzhen/" target="_blank">杨镇二手房</a><a href="https://bj.ke.com/ershoufang/yizhuanghexiqu/" target="_blank">亦庄河西区二手房</a></div><div><a href="https://bj.ke.com/ershoufang/zhongguancun/" target="_blank">中关村二手房</a><a href="https://bj.ke.com/ershoufang/zizhuqiao/" target="_blank">紫竹桥二手房</a><a href="https://bj.ke.com/ershoufang/zhichunlu/" target="_blank">知春路二手房</a><a href="https://bj.ke.com/ershoufang/zaojunmiao/" target="_blank">皂君庙二手房</a><a href="https://bj.ke.com/ershoufang/zhongyangbieshuqu1/" target="_blank">中央别墅区二手房</a><a href="https://bj.ke.com/ershoufang/zuoanmen1/" target="_blank">左安门二手房</a><a href="https://bj.ke.com/ershoufang/zhaogongkou/" target="_blank">赵公口二手房</a><a href="https://bj.ke.com/ershoufang/zaoyuan/" target="_blank">枣园二手房</a><a href="https://bj.ke.com/ershoufang/zhaoyangqita/" target="_blank">朝阳其它二手房</a></div></div></div></div></div></div></div>
+
+<script type="text/javascript" src="//s1.ljcdn.com/captcha-js-sdk-v2/captcha.js"></script><script type="text/javascript" src="//s1.ljcdn.com/clogin/js/pcLogin.js"></script><script src="https://s1.ljcdn.com/pegasus/pc/asset/base/fe.js?_v=20260114154749"></script><script src="https://s1.ljcdn.com/pegasus/pc/asset/common/common.js?_v=20260114154749"></script><div id="only" data-city="bj" data-page="_"></div>
+	<script>var path = 'https://s1.ljcdn.com/pegasus/pc/asset?_v=20260114154749'.split("?");require.config({baseUrl: path[0],paths: {'echarts' : '../../dep/echarts-1.4.1/build/echarts','echarts/chart/bar' : '../../dep/echarts-1.4.1/build/echarts','echarts/chart/line' : '../../dep/echarts-1.4.1/build/echarts','echarts/chart/pie' : '../../dep/echarts-1.4.1/build/echarts','common': 'common','jquery-ui': '../../dep/jquery-ui/jquery-ui.min'},urlArgs:  path[1]});</script>
+	<script src="https://s1.ljcdn.com/pegasus/pc/asset/base/fe.js?_v=20260114154749"></script>
+    <script src="https://s1.ljcdn.com/pegasus/pc/asset/common/common.js?_v=20260114154749"></script>
+<script>require(['common/suggestion'], function (suggestion) {suggestion.init({requestOptions: {cityId: '110000',cityName: '北京'},url: '/?r=api/headerSearch&q=',main: '#keyword-box',appendTo: '#suggest-cont'});});</script>
+<div class="loninContaner"><div class="overlay_bg"></div><div class="panel_login animated" id="dialog"><div class="panel_info"><i class="close_login" >&times</i><div class="panel_tab"><div class="title"><div class="fl">账号密码登录</div></div><div class="clear"></div><div id="con_login_user"><form action="" method="post"><ul><li class="item border-t userName"><input type="text" class="the_input topSpecial users" placeholder="请输入手机号"  maxlength="11" /></li><li class="item border-b pwd"><input type="password" class="the_input password" maxlength="20" placeholder="请输入登录密码"/><em class="password-view"></em></li><li class="item checkVerimg" style="display:none;"><input type="text" class="the_input ver-img" maxlength="6"  placeholder="请输入验证码"/><img class="verImg"></li><li class="item drag" style="display:none;"><div id="drag"></div></li><li class="show-error"><dd>用户名或密码错误</dd></li><li class="li_01"><label class="checkbox-btn"><span class="active"><input type="checkbox" name="remember" value="1" class="mind-login" checked/></span>7天内免登录</label><a rel="nofollow" class="toforget">忘记密码</a></li><li class="li_btn"><a class="login-user-btn"  />登录</a></li><li class="footer-link"><a rel="nofollow" class="totellogin">手机快捷登录</a><p style="color:#aaa;margin-top: 10px;font-size: 12px;line-height: 14px;">登录即代表同意<a class="link-btn" href="//www.ke.com/zhuanti/protocol" target="_blank">《贝壳隐私政策》</a>及<a class="link-btn" href="//www.ke.com/zhuanti/serviceProtocol">《贝壳用户服务协议》</a></p></li></ul></form></div><div id="con_login_agent" class="undis"><form action="" method="post"><ul><li class="item"><dd></dd><input type="text" class="the_input users" placeholder="输入经纪人ID号码" /></li><li class="item"><input type="password" class="the_input password"  placeholder="登录密码"/></li><li class="li_01"><label class="checkbox-btn"><span class="active"><input type="checkbox" name="remember" value="1" class="mind-login" checked/></span>7天内免登录</label><a href="https://passport.lianjDia.com/register/resources/lianjia/forget.html?service=http://bj.ke.com/" rel="nofollow">忘记密码</a></li><li><input class="login-agent-btn" value="立即登录"/></li></ul></form></div></div></div><div class="registered"></div></div><div class="panel_login animated" id="dialog_tel"><div class="panel_info"><i class="close_login">&times</i><div class="panel_tab"><div class="title"><div class="fl">手机快捷登录</div><div class="register_text_tel">别担心，无账号自动注册不会导致手机号被泄露</div></div><div class="clear"></div><div id="con_login_user_tel"><form action="" method="post"><ul><li class="item border-t userName"><input type="text" class="the_input topSpecial users_tel" maxlength="11" placeholder="请输入手机号" /></li><!-- <li class="item pwd"><input type="password" class="the_input password_tel"  placeholder="请输入短信验证码"/></li> --><li class="item checkVerimg" style=""><input type="text" class="the_input ver-img" maxlength="6"  placeholder="请输入验证码"/><img class="verImg"></li><li class="item border-b Verify"><input type="text" class="the_input verifycode" maxlength="6"  placeholder="请输入短信验证码"/><a class="send_verify_code" id="send_verify_code_tel" rel="nofollow"><em>获取验证码</em></a></li><li class="send_verify_code_s" id="send_verify_code_tel_s" rel="nofollow"><em>没有收到验证码？</em><a class="voice_a">发送语音验证码</a></li><li class="show-error"><dd>用户名或密码错误</dd></li><li class="li_01"><label class="checkbox-btn"><span class="active"><input type="checkbox" name="remember" value="1" class="mind-login" checked/></span>7天内免登录</label></li><li class="li_btn"><a class="login-user-tel-btn"  />登录</a></li><li class="footer-link"><a rel="nofollow" class="tologin">账号密码登录</a><p style="color:#aaa;margin-top: 10px;font-size: 12px;line-height: 14px;">登录即代表同意<a class="link-btn" href="//www.ke.com/zhuanti/protocol" target="_blank">《贝壳隐私政策》</a>及<a class="link-btn" href="//www.ke.com/zhuanti/serviceProtocol">《贝壳用户服务协议》</a></p></li></ul></form></div></div></div><div class="registered"></div></div><div class="panel_login animated" id="dialog_reg"><div class="panel_info"><i class="close_login" >&times</i><div class="panel_tab"><div class="title"><div class="fl">手机号码注册</div><label class="fr register_text">已有账号？<a rel="nofollow" class="tologin">去登录</a></label></div><div class="clear"></div><div id="con_login_user_reg"><form action="" method="post"><ul><li class="item border-t userName"><input type="text" class="the_input topSpecial users_reg"  maxlength="11" placeholder="请输入手机号" /></li><li class="item checkVerimg" style=""><input type="text" class="the_input ver-img" maxlength="6"  placeholder="请输入验证码"/><img class="verImg"></li><li class="item border-c Verify"><input type="text" class="the_input verifycode" maxlength="6"  placeholder="请输入短信验证码"/><a class="send_verify_code" id="send_verify_code_reg" rel="nofollow"><em>获取验证码</em></a></li><li class="item border-b pwd"><input type="password" class="the_input password_reg" maxlength="20"  placeholder="请输入密码（最少8位，数字+字母）"/><em class="password-view"></em></li><li class="send_verify_code_s" id="send_verify_code_reg_s" rel="nofollow"><em>没有收到验证码？</em><a class="voice_a">发送语音验证码</a></li><li class="show-error"><dd>用户名或密码错误</dd></li><li class="li_01"><label class="checkbox-btn"><span class="active"><input type="checkbox" name="read" value="1" class="read-protocol" checked/></span>我已阅读并同意</label><a class="toprotocol" href="//www.ke.com/zhuanti/protocol" target="_blank" >《贝壳隐私政策》</a>及<a class="toprotocol" href="//www.ke.com/zhuanti/serviceProtocol" target="_blank" >《贝壳用户服务协议》</a></li><li class="li_btn"><a class="register-user-btn"  />注册</a></li></ul></form></div></div></div><div class="registered"></div></div><div class="panel_login animated" id="dialog_forget"><div class="panel_info"><i class="close_login">&times</i><div class="panel_tab"><div class="title"><div class="fl">找回密码</div></div><div class="clear"></div><div id="con_forget_user_tel" class="con_forget_user_tel"><form action="" method="post"><ul><li class="item border-t userName"><input type="text" class="the_input topSpecial user_forget_phone" placeholder="请输入手机号"  maxlength="11" /></li><li class="item checkVerimg" style=""><input type="text" class="the_input ver-img" maxlength="6"  placeholder="请输入验证码"/><img class="verImg"></li><li class="item border-b Verify"><input type="text" class="the_input verifycode" maxlength="6"  placeholder="请输入短信验证码"/><a class="send_verify_code" id="send_verify_code_forget" rel="nofollow"><em>获取验证码</em></a></li><li class="item border-t pwd" style="margin-top:-1px;"><input type="password" class="the_input password_reg" maxlength="20"  placeholder="请输入密码（最少8位，数字+字母）"/><em class="password-view"></em></li><li class="send_verify_code_s" id="send_verify_code_forget_s"><em>没有收到验证码？</em><a class="voice_a">发送语音验证码</a></li><li class="show-error"><dd>用户名或密码错误</dd></li><li class="li_btn"><a class="user-forget"  />修改密码</a></li></ul></form></div><div id="con_forget_user_pw" class="con_forget_user_pw"><form action="" method="post"><ul><li class="item border-t pwd"><input type="password" class="the_input password_reg" maxlength="20"  placeholder="请输入密码（最少8位，数字+字母）"/><em class="password-view"></em></li><li class="show-error"><dd>用户名或密码错误</dd></li><li class="li_btn"><a class="modify-user-pswd"  />修改密码</a></li></ul></form></div></div></div><div class="registered"></div></div></div>
+<!-- LianjiaIM Style --><link property='stylesheet' rel="stylesheet" href="https://s1.ljcdn.com/pegasus/pc/asset/lianjiaIM/css/lianjiaim.css?_v=20260114154749"/><script>require(['lianjiaIM/lianjiaim'], function (init) {init({ucid: '',staticRoot: 'https://s1.ljcdn.com/pegasus/?_v=20260114154749'})});</script><script type="text/javascript">
+  BeikeLoginSDK.getUserInfo(function(data){
+      window.loginData = data;
+  });
+  </script><!--cookie mapping--><img src='' alt="cookie_mapping_url" style="display: none;"></body></html>
diff --git a/assets/logos/lianjia.png b/assets/logos/lianjia.png
new file mode 100644
index 0000000..2232c33
--- /dev/null
+++ b/assets/logos/lianjia.png
@@ -0,0 +1,354 @@
+<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge" /><meta http-equiv="Cache-Control" content="no-transform" /><meta name="applicable-device" content="pc">
+<title>房产网_房地产_房地产交易平台-链家网</title>
+<meta name="description" content="链家网是全国领先的房产网站，二手房、新房、租房交易平台，房源更新及时且真实存在、真实委托、真实价格，给您诚信、放心的房产交易、租赁保障，并及时发布最新的房地产行业资讯、房屋交易数据、房价走势信息、房产问答小区业主论坛、买房工具、买房贷款等信息。" />
+<meta name="keywords" content="房产网，房地产交易，房地产，二手房，租房，新房，别墅，家居，买房贷款，房价走势" />
+<link href="/favicon.ico" type="image/x-icon" rel=icon><link href="/favicon.ico" type="image/x-icon" rel="shortcut icon"><link rel="stylesheet" href="https://s1.ljcdn.com/feroot/pc/asset/common.css?_v=20260130190638321">
+<link rel="stylesheet" href="https://s1.ljcdn.com/feroot/pc/asset/defaultPage/css/main.css?_v=20260130190638321">
+<link rel="stylesheet" href="https://s1.ljcdn.com/feroot/pc/asset/defaultPage/css/newMain.css?_v=20260130190638321">
+<!--[if lt IE 9]><script type="text/javascript" src="https://s1.ljcdn.com/feroot/dep/common-require/html5.js?_v=20260130190638321"></script><![endif]-->
+<script>
+function RESIZEIMG(b,k,l,m){var c=b.parentNode;var d=parseInt(c.offsetWidth)||k;var e=parseInt(c.offsetHeight)||l;var f=d/e;var g=b.naturalWidth||b.width;var h=b.naturalHeight||b.height;var i=g/h;var j="width";if(f<i){j="height";try{b.style["left"]="-"+parseInt(Math.abs((d-(g*e/h))/2))+"px"}catch(e){}}else if(m){try{b.style["top"]="-"+parseInt(Math.abs((e-(h*d/g))/2))+"px"}catch(e){}};b.style[j]="100%";};
+</script>
+<script>ljConf = {city_abbr: 'bj',city_name: '北京',channel: '',page: '_',feroot: '//s1.ljcdn.com/',pageConfig: {"ajaxroot":"\/\/ajax.api.lianjia.com\/","apiroot":"http:\/\/newhouseapi.fang.lianjia.com\/","imAppid":"LIANJIA_WEB_20160624","imAppkey":"6dfdcee27d78b1107fceeca55d80b7bd"}};</script><!--反爬虫--><script>window['__abbaidu_2011_subidgetf'] = function () {return 100000;};window['__abbaidu_2011_cb'] = function (responseData) {var res = JSON.stringify({ t: responseData, r: location.href, os: 'web', v: '0.1' });res = btoa ? btoa(res) : res;document.cookie = 'srcid=' + res + ';path=/;';};</script><script type="application/javascript" src="https://dlswbr.baidu.com/heicha/mw/abclite-2011-s2.js"></script><script type="text/javascript" src="//s1.ljcdn.com/captcha-js-sdk-v2/captcha.js"></script><script type="text/javascript" src="//s1.ljcdn.com/clogin/js/pcLogin.js"></script></head><body><script>
+__STAT_LJ_CONF = {
+    params: {
+        ljweb_group: ['SEARCH','BIGDATA_PC'],
+        ljweb_id: '',
+        ljweb_mod: '',
+        ljweb_bl: '',
+        ljweb_el: '',
+        ljweb_index: '',
+        ljweb_value: '',
+        ljweb_url: '',
+        ljweb_ljref: (document.cookie.match(/(?:^| )ljref=([^;]*)(?:;|$)/) || ['',''])[1],
+        ljweb_sample: (document.cookie.match(/(?:^| )sample_traffic_test=([^;]*)(?:;|$)/) || ['',''])[1],
+        ljweb_ref: document.referrer,
+        ljweb_cid: '',
+        ljweb_channel: '',
+        ljweb_page: '_'
+    }
+};
+
+
+
+var UT = {
+    send: function() {
+
+    }
+};
+var LjUserTrack = {
+    log: [],
+    initInterval: false,
+    intervalLog: function() {
+        setTimeout(function() {
+            if(window.$ULOG && $ULOG.send) {
+                for(var i = 0, l = LjUserTrack.log.length; i < l; i++) {
+                    LjUserTrack.__send(LjUserTrack.log[i]);
+                }
+
+                for(var m = 0, n = LjUserTrack.logIds.length; m < n; m++) {
+                    LjUserTrack.__sendId(LjUserTrack.logIds[m]);
+                }
+                for(var j = 0, k = LjUserTrack.logDatas.length; j < k; j++) {
+                    LjUserTrack.__sendData(LjUserTrack.logDatas[j].id, LjUserTrack.logDatas[j].data);
+                }
+            } else {
+                LjUserTrack.intervalLog();
+            }
+        }, 16.7);
+    },
+    _start_time: +new Date,
+    logDatas: [],
+    __sendData: function(id, data) {
+        if(id && (typeof(data) == 'object')){
+          data.pid = (window.__UDL_CONFIG && window.__UDL_CONFIG.pid && window.__UDL_CONFIG.pid)||"lianjiaweb";
+          data.key = window.location.href;
+          window.$ULOG && $ULOG.send(id, data);
+        }
+    },
+    sendData: function(id, data) {
+        if(window.$ULOG && $ULOG.send) {
+            LjUserTrack.__sendData(id, data);
+        } else {
+            LjUserTrack.logDatas.push({id: id, data: data});
+
+            LjUserTrack.initInterval || (LjUserTrack.initInterval = true, LjUserTrack.intervalLog());
+
+        }
+    },
+    __send: function(data) {
+        var evt_id = data.evt_id || '10043';
+        if('evt_id' in data) {
+            delete data.evt_id;
+        }
+
+        window.$ULOG && $ULOG.send(evt_id, {
+            "pid": (window.__UDL_CONFIG && window.__UDL_CONFIG.pid && window.__UDL_CONFIG.pid)||"lianjiaweb",
+            "key": window.location.href,
+            "action": $.extend(__ocpc ? {'ad_loginurl': __ocpc.getValue()} : {}, data)
+        });
+    },
+    logIds: [],
+    __sendId: function(id) {
+        id && window.$ULOG && $ULOG.send(id, {
+            "pid": (window.__UDL_CONFIG && window.__UDL_CONFIG.pid && window.__UDL_CONFIG.pid)||"lianjiaweb",
+            "key": window.location.href
+        });
+    },
+    sendId: function(id) {
+        if(window.$ULOG && $ULOG.send) {
+            LjUserTrack.__sendId(id);
+        } else {
+            LjUserTrack.logIds.push(id);
+
+            LjUserTrack.initInterval || (LjUserTrack.initInterval = true, LjUserTrack.intervalLog());
+
+        }
+    },
+    send: function(data, el, config) {
+
+        var utConf = __STAT_LJ_CONF;
+        var params = config || utConf.params,
+            win = window,
+            j;
+
+        data.groupIndex = data.ljweb_group || 0;
+
+        if (params) {
+            for (var d in params) {
+                if(params[d] !== j && data[d] === j) {
+                    data[d] = params[d];
+                }
+            }
+        }
+
+        if(el) {
+            this.checkClick(el, data);
+        }
+
+        data.ljweb_group = params['ljweb_group'][data.groupIndex || 0];
+
+        delete data.groupIndex;
+
+        if(data.typ) {
+            data.ljweb_bl = (data.ljweb_bl || '') + '_' + data.typ;
+            delete data.typ;
+        }
+
+        if(window.$ULOG && $ULOG.send) {
+            LjUserTrack.__send(data);
+        } else {
+            LjUserTrack.log.push(data);
+
+            LjUserTrack.initInterval || (LjUserTrack.initInterval = true, LjUserTrack.intervalLog());
+
+        }
+
+    },
+    checkClick: function(el, data) {
+
+        var TAG_LINK = 'A';
+        var href = '';
+        var elParent = null;
+
+        href = (el.tagName.toUpperCase() === TAG_LINK ? el.getAttribute("href", 2) : '');
+        if(!href && (elParent = el.parentNode) && elParent.nodeType === 1) {
+            href = (elParent.tagName.toUpperCase() === TAG_LINK ? elParent.getAttribute("href", 2) : '');
+        }
+
+        if(href) {
+            data.ljweb_url = href;
+        } else {
+            data.ljweb_url = data.ljweb_url
+                  || el.getAttribute("data-log_url")
+                  || (elParent=el.parentNode||el).getAttribute("data-log_url")
+                  || (
+                        (elParent=elParent.parentNode||elParent)
+                     && (elParent.nodeType === 1)
+                     && elParent.getAttribute("data-log_url")
+                     )
+                  || "";
+        }
+
+        this.attr(el, data);
+
+    },
+    path: function() {
+
+    },
+    attr: function(el, data) {
+        var modId = el.getAttribute("log-mod");
+        var blAttr = el.getAttribute("data-bl");
+        var elAttr = el.getAttribute("data-el");
+        var InAttr = el.getAttribute("data-log_index");
+        var valAttr = el.getAttribute("data-log_value");
+        var idAttr = el.getAttribute("data-log_id");
+        var groupAttr = el.getAttribute("data-log_group");
+        var evtId     = el.getAttribute("data-log_evtid");
+
+        data.ljweb_bl = data.ljweb_bl || blAttr || '';
+        data.ljweb_el = data.ljweb_el || elAttr || '';
+        data.ljweb_index = data.ljweb_index || InAttr || '';
+        data.ljweb_value = data.ljweb_value || valAttr || '';
+        data.ljweb_id = data.ljweb_id || idAttr || '';
+        data.groupIndex = data.groupIndex || groupAttr || 0;
+        data.evt_id      = data.evt_id || evtId || '';
+
+        if (!modId) {
+            if (el.parentNode && el.parentNode.nodeType === 1 && el.parentNode.tagName.toUpperCase() !== 'BODY') {
+                this.attr(el.parentNode, data);
+            }
+        } else {
+            data.ljweb_mod = modId;
+        }
+    }
+};
+
+;;(function() {
+    var isW3c = !!document.addEventListener;
+
+    LjUserTrack.send({
+        ljweb_mod: 'pv',
+        ljweb_group: 1
+    });
+
+    /*window[isW3c ? 'addEventListener' : 'attachEvent'](
+        (isW3c ? '': 'on') + 'beforeunload',
+        function(e) {
+            var _end_time = +new Date;
+            UT.send({type: 'show', subtype: 'stay', time: (_end_time-UT._start_time)/1000});
+        },
+        false);*/
+})();
+
+
+
+
+
+</script>
+
+<header class="lianjia-header"><div class="nav-wrap"><div class="wrapper"><div class="fl"><a href="/" class="logo"><img src="https://s1.ljcdn.com/feroot/pc/asset/img/new-version/logo.png?_v=20260130190638321"></a></div><div class="fr nav"><div class="fl"><ul><li><a  class="" href="https://bj.lianjia.com/ershoufang/" >二手房</a></li><li><a  class="" href="https://bj.fang.lianjia.com/" >新房</a></li><li><a  class="" href="https://bj.lianjia.com/zufang/" >租房</a></li><li><a  class="" href="https://shangye.lianjia.com/bj" >商业办公</a></li><li><a  class="" href="https://bj.lianjia.com/xiaoqu/" >小区</a></li><li><a  class="" href="https://bj.lianjia.com/tool.html" target="_blank">工具</a></li><li><a  class="" href="https://bj.lianjia.com/yezhu/" target="_blank">发布房源</a></li><li><a  class="" href="https://bj.lianjia.com/vip/" target="_blank">企业汇</a></li></ul></div><div class="fr login"><div class="login-panel typeUserInfo"><script type="text/template" class="template">
+    <%if(data && data.username){%>
+      <%if(data.isAgent){%>
+       <a href="<%=$.env.fixedUrl('//agent.lianjia.com/')%>"><span><%=data.username%>&nbsp;&nbsp;</span></a>
+      <%}else{%>
+        <a href="<%=$.env.fixedUrl('//user.lianjia.com/')%>"><span><%=data.username%>&nbsp;&nbsp;</span></a>
+       <%}%>
+       <%if(data.isAgent){%>
+         <span class="welcome"><a class="reg" href="<%=data.loginUrl%>">退出</a></span>
+       <%}else{%>
+         <span class="welcome"><a class="reg" href="<%=data.logoutUrl%>">退出</a></span>
+        <%}%>  
+    <%}else{%>
+      <span class="welcome"><a href="<%=data.registerUrl%>"><span class="log" id="registerBtn">注册</span></a>| <a class="btn-login bounceIn actLoginBtn" href="<%=data.loginUrl%>" id="loginBtn"><span class="reg">登录</span></a></span>
+    <%}%>
+  </script><div class="typeShowUser"><span class="welcome"><a href="https://clogin.lianjia.com/register?service=https%3A%2F%2Fwww.lianjia.com%2Fuser%2Fchecklogin%3Fredirect%3Dhttps%253A%252F%252Fwww.lianjia.com%252Flogo.png"  rel="nofollow" id="registerBtn"><span class="log">注册</span></a> | <a href="https://clogin.lianjia.com/login?service=https%3A%2F%2Fwww.lianjia.com%2Fuser%2Fchecklogin%3Fredirect%3Dhttps%253A%252F%252Fwww.lianjia.com%252Flogo.png" class="btn-login bounceIn actLoginBtn" id="loginBtn"><span class="reg">登录</span></a></span></div></div>
+</div></div></div></div></header>
+<div class="new-wrapper">
+    <div class="icon-404 icon fl"></div>
+    <div class="fl item">
+      <span>未找到页面</span>
+      <p>没找到您访问的页面，可能原因：网址失效</p>
+      <a href="/">返回首页</a>
+    </div>
+</div>
+<div class="footer"><div class="wrapper"><div class="f-title"><div class="fl"><ul><li><a href="https://bj.lianjia.com/about/aboutlianjia/" rel="nofollow" target="_blank">北京链家简介</a></li><li><a href="https://bj.lianjia.com/about/contactus/" rel="nofollow" target="_blank">联系我们</a></li><li><a href="https://www.lianjia.com/privacy/" rel="nofollow" target="_blank">隐私声明</a></li><li><a href="https://bj.lianjia.com/seositemap/" target="_blank">网站地图</a></li></ul></div><div class="fr">服务热线 10109666</div></div><div class="lianjia-link-box"><div class="fl"><div class="tab"><span  class="hover">城市二手房</span><span >房产资讯</span><span >城区二手房</span><span >城区租房</span><span >城区小区</span><span >热门小区</span><span >热门问答</span><span >热门百科</span></div><div class="link-list"><div><dd><a target="_blank" href="https://taizhou.lianjia.com/">台州房产网</a><a target="_blank" href="https://hanzhong.lianjia.com/">汉中房产网</a><a target="_blank" href="https://jr.lianjia.com/">句容房产网</a><a target="_blank" href="https://huangshi.lianjia.com/">黄石房产网</a><a target="_blank" href="https://km.lianjia.com/">昆明房产网</a><a target="_blank" href="https://yichang.lianjia.com/">宜昌房产网</a><a target="_blank" href="https://ez.lianjia.com/">鄂州房产网</a><a target="_blank" href="https://linyi.lianjia.com/">临沂房产网</a><a target="_blank" href="https://zb.lianjia.com/">淄博房产网</a><a target="_blank" href="https://bz.lianjia.com/">巴中房产网</a><a target="_blank" href="https://ks.lianjia.com/">昆山房产网</a><a target="_blank" href="https://yinchuan.lianjia.com/">银川房产网</a><a target="_blank" href="https://wz.lianjia.com/">温州房产网</a><a target="_blank" href="https://yt.lianjia.com/">烟台房产网</a><a target="_blank" href="https://dd.lianjia.com/">丹东房产网</a><a target="_blank" href="https://quzhou.lianjia.com/">衢州房产网</a><a target="_blank" href="https://xsbn.lianjia.com/">西双版纳房产网</a><a target="_blank" href="https://jy.lianjia.com/">江阴房产网</a><a target="_blank" href="https://ha.lianjia.com/">淮安房产网</a><a target="_blank" href="https://nb.lianjia.com/">宁波房产网</a><a target="_blank" href="https://liuzhou.lianjia.com/">柳州房产网</a><a target="_blank" href="https://gy.lianjia.com/">贵阳房产网</a><a target="_blank" href="https://zhangzhou.lianjia.com/">漳州房产网</a><a target="_blank" href="https://ty.lianjia.com/">太原房产网</a><a target="_blank" href="https://jh.lianjia.com/">金华房产网</a><a target="_blank" href="https://quanzhou.lianjia.com/">泉州房产网</a><a target="_blank" href="https://fy.lianjia.com/">阜阳房产网</a><a target="_blank" href="https://hhht.lianjia.com/">呼和浩特房产网</a><a target="_blank" href="https://wn.lianjia.com/">万宁房产网</a><a target="_blank" href="https://hd.lianjia.com/">邯郸房产网</a><a target="_blank" href="https://guangyuan.lianjia.com/">广元房产网</a><a target="_blank" href="https://changzhou.lianjia.com/">常州房产网</a><a target="_blank" href="https://cs.lianjia.com/">长沙房产网</a><a target="_blank" href="https://yaan.lianjia.com/">雅安房产网</a><a target="_blank" href="https://su.lianjia.com/">苏州房产网</a><a target="_blank" href="https://liangshan.lianjia.com/">凉山房产网</a><a target="_blank" href="https://lf.lianjia.com/">廊坊房产网</a><a target="_blank" href="https://changshu.lianjia.com/">常熟房产网</a><a target="_blank" href="https://nt.lianjia.com/">南通房产网</a><a target="_blank" href="https://py.lianjia.com/">濮阳房产网</a></dd></div><div><dd><a target="_blank" href="https://news.lianjia.com/">房产资讯</a></dd></div><div><dd><a target="_blank" href="https://bj.lianjia.com/ershoufang/changpingqu/">昌平区二手房</a><a target="_blank" href="https://bj.lianjia.com/ershoufang/chaoyangqu5/">朝阳区二手房</a><a target="_blank" href="https://bj.lianjia.com/ershoufang/dongchengqu3/">东城区二手房</a><a target="_blank" href="https://bj.lianjia.com/ershoufang/daxingqu/">大兴区二手房</a><a target="_blank" href="https://bj.lianjia.com/ershoufang/fangshanqu/">房山区二手房</a><a target="_blank" href="https://bj.lianjia.com/ershoufang/fengtaiqu/">丰台区二手房</a><a target="_blank" href="https://bj.lianjia.com/ershoufang/haidianqu/">海淀区二手房</a><a target="_blank" href="https://bj.lianjia.com/ershoufang/huairouqu/">怀柔区二手房</a><a target="_blank" href="https://bj.lianjia.com/ershoufang/mentougouqu/">门头沟区二手房</a><a target="_blank" href="https://bj.lianjia.com/ershoufang/miyunqu/">密云区二手房</a><a target="_blank" href="https://bj.lianjia.com/ershoufang/pingguqu/">平谷区二手房</a><a target="_blank" href="https://bj.lianjia.com/ershoufang/shijingshanqu/">石景山区二手房</a><a target="_blank" href="https://bj.lianjia.com/ershoufang/shunyiqu/">顺义区二手房</a><a target="_blank" href="https://bj.lianjia.com/ershoufang/tongzhouqu1/">通州区二手房</a><a target="_blank" href="https://bj.lianjia.com/ershoufang/xichengqu3/">西城区二手房</a><a target="_blank" href="https://bj.lianjia.com/ershoufang/yanqingqu/">延庆区二手房</a><a target="_blank" href="https://bj.lianjia.com/ershoufang/beijingjingjijishukaifaqu/">北京经济技术开发区二手房</a></dd></div><div><dd><a target="_blank" href="https://bj.lianjia.com/zufang/changpingqu/">昌平区租房</a><a target="_blank" href="https://bj.lianjia.com/zufang/chaoyangqu5/">朝阳区租房</a><a target="_blank" href="https://bj.lianjia.com/zufang/dongchengqu3/">东城区租房</a><a target="_blank" href="https://bj.lianjia.com/zufang/daxingqu/">大兴区租房</a><a target="_blank" href="https://bj.lianjia.com/zufang/fangshanqu/">房山区租房</a><a target="_blank" href="https://bj.lianjia.com/zufang/fengtaiqu/">丰台区租房</a><a target="_blank" href="https://bj.lianjia.com/zufang/haidianqu/">海淀区租房</a><a target="_blank" href="https://bj.lianjia.com/zufang/huairouqu/">怀柔区租房</a><a target="_blank" href="https://bj.lianjia.com/zufang/mentougouqu/">门头沟区租房</a><a target="_blank" href="https://bj.lianjia.com/zufang/miyunqu/">密云区租房</a><a target="_blank" href="https://bj.lianjia.com/zufang/pingguqu/">平谷区租房</a><a target="_blank" href="https://bj.lianjia.com/zufang/shijingshanqu/">石景山区租房</a><a target="_blank" href="https://bj.lianjia.com/zufang/shunyiqu/">顺义区租房</a><a target="_blank" href="https://bj.lianjia.com/zufang/tongzhouqu1/">通州区租房</a><a target="_blank" href="https://bj.lianjia.com/zufang/xichengqu3/">西城区租房</a><a target="_blank" href="https://bj.lianjia.com/zufang/yanqingqu/">延庆区租房</a><a target="_blank" href="https://bj.lianjia.com/zufang/beijingjingjijishukaifaqu/">北京经济技术开发区租房</a></dd></div><div><dd><a target="_blank" href="https://bj.lianjia.com/xiaoqu/changpingqu/">昌平区小区</a><a target="_blank" href="https://bj.lianjia.com/xiaoqu/chaoyangqu5/">朝阳区小区</a><a target="_blank" href="https://bj.lianjia.com/xiaoqu/dongchengqu3/">东城区小区</a><a target="_blank" href="https://bj.lianjia.com/xiaoqu/daxingqu/">大兴区小区</a><a target="_blank" href="https://bj.lianjia.com/xiaoqu/fangshanqu/">房山区小区</a><a target="_blank" href="https://bj.lianjia.com/xiaoqu/fengtaiqu/">丰台区小区</a><a target="_blank" href="https://bj.lianjia.com/xiaoqu/haidianqu/">海淀区小区</a><a target="_blank" href="https://bj.lianjia.com/xiaoqu/huairouqu/">怀柔区小区</a><a target="_blank" href="https://bj.lianjia.com/xiaoqu/mentougouqu/">门头沟区小区</a><a target="_blank" href="https://bj.lianjia.com/xiaoqu/miyunqu/">密云区小区</a><a target="_blank" href="https://bj.lianjia.com/xiaoqu/pingguqu/">平谷区小区</a><a target="_blank" href="https://bj.lianjia.com/xiaoqu/shijingshanqu/">石景山区小区</a><a target="_blank" href="https://bj.lianjia.com/xiaoqu/shunyiqu/">顺义区小区</a><a target="_blank" href="https://bj.lianjia.com/xiaoqu/tongzhouqu1/">通州区小区</a><a target="_blank" href="https://bj.lianjia.com/xiaoqu/xichengqu3/">西城区小区</a><a target="_blank" href="https://bj.lianjia.com/xiaoqu/yanqingqu/">延庆区小区</a><a target="_blank" href="https://bj.lianjia.com/xiaoqu/beijingjingjijishukaifaqu/">北京经济技术开发区小区</a></dd></div><div><dd><a target="_blank" href="https://bj.lianjia.com/xiaoqu/11000000063236/">东惠家园4号院</a><a target="_blank" href="https://bj.lianjia.com/xiaoqu/1111027375772/">北店嘉园</a><a target="_blank" href="https://bj.lianjia.com/xiaoqu/1111027382607/">紫南家园南区</a><a target="_blank" href="https://bj.lianjia.com/xiaoqu/1111027377165/">金汉绿港三区</a><a target="_blank" href="https://bj.lianjia.com/xiaoqu/1111027380607/">新城东里</a><a target="_blank" href="https://bj.lianjia.com/xiaoqu/1111027381498/">永安里小区</a><a target="_blank" href="https://bj.lianjia.com/xiaoqu/1111027375508/">横一条</a><a target="_blank" href="https://bj.lianjia.com/xiaoqu/1111027378674/">南运巷</a><a target="_blank" href="https://bj.lianjia.com/xiaoqu/1111027373695/">东湖湾一期</a><a target="_blank" href="https://bj.lianjia.com/xiaoqu/1111027379060/">日坛国际公寓</a><a target="_blank" href="https://bj.lianjia.com/xiaoqu/1111027382420/">竹杆胡同</a><a target="_blank" href="https://bj.lianjia.com/xiaoqu/1120041739753673/">北京东湾</a><a target="_blank" href="https://bj.lianjia.com/xiaoqu/1111027376385/">朝丰家园8号院</a><a target="_blank" href="https://bj.lianjia.com/xiaoqu/1111027379362/">世嘉丽晶</a><a target="_blank" href="https://bj.lianjia.com/xiaoqu/11000000073771/">四季怡园南区</a><a target="_blank" href="https://bj.lianjia.com/xiaoqu/1111027378356/">美林香槟小镇</a><a target="_blank" href="https://bj.lianjia.com/xiaoqu/1111047633317/">东亚逸品阁</a><a target="_blank" href="https://bj.lianjia.com/xiaoqu/1120025429666657/">北源里</a><a target="_blank" href="https://bj.lianjia.com/xiaoqu/11000000077077/">双惠苑1号院</a><a target="_blank" href="https://bj.lianjia.com/xiaoqu/1111027379819/">桃花岛</a><a target="_blank" href="https://bj.lianjia.com/xiaoqu/1111027380820/">新华街六里</a><a target="_blank" href="https://bj.lianjia.com/xiaoqu/1111055023654/">管道局社区</a><a target="_blank" href="https://bj.lianjia.com/xiaoqu/1111027378992/">瑞都国际南区</a><a target="_blank" href="https://bj.lianjia.com/xiaoqu/1111027376534/">长桥园公寓</a><a target="_blank" href="https://bj.lianjia.com/xiaoqu/1111027374907/">会城门小区</a><a target="_blank" href="https://bj.lianjia.com/xiaoqu/1111027374620/">国际友谊花园</a><a target="_blank" href="https://bj.lianjia.com/xiaoqu/1111027375434/">黑窑厂西里</a><a target="_blank" href="https://bj.lianjia.com/xiaoqu/1120049491221594/">橡树湾一期</a><a target="_blank" href="https://bj.lianjia.com/xiaoqu/1120053916899827/">保利花园A区</a><a target="_blank" href="https://bj.lianjia.com/xiaoqu/1120072752345582/">南顶村邮政小区</a><a target="_blank" href="https://bj.lianjia.com/xiaoqu/11000000119449/">四季怡园三区</a><a target="_blank" href="https://bj.lianjia.com/xiaoqu/1111027381759/">义和庄东里</a><a target="_blank" href="https://bj.lianjia.com/xiaoqu/1120052561940305/">榆垡新城嘉园B区</a><a target="_blank" href="https://bj.lianjia.com/xiaoqu/1111027381484/">花园北路乙28号院</a><a target="_blank" href="https://bj.lianjia.com/xiaoqu/1120052012453638/">龙熙顺景丁区</a><a target="_blank" href="https://bj.lianjia.com/xiaoqu/1111027380784/">熙湖</a><a target="_blank" href="https://bj.lianjia.com/xiaoqu/1111027373684/">东花市北里西区</a><a target="_blank" href="https://bj.lianjia.com/xiaoqu/1111027378137/">流星花园二区</a><a target="_blank" href="https://bj.lianjia.com/xiaoqu/1111027376504/">仓南胡同14号院</a><a target="_blank" href="https://bj.lianjia.com/xiaoqu/11000000077080/">双惠苑4号院</a></dd></div><div><dd></dd></div><div><dd></dd></div></div></div><div class="fr"><img src="https://s1.ljcdn.com/feroot/pc/asset/img/home/erweima.png?_v=20260130190638321"></div><div class="clear"></div></div><div class="bottom"><div class="copyright fl">贝壳找房（北京）科技有限公司 | 网络经营许可证 <a href="http://beian.miit.gov.cn" target="_blank">京ICP备16057509号</a><br>© Copyright©2010-2026 贝壳找房版权所有<br/>违法和不良信息举报电话：010-86440676 违法和不良信息举报邮箱：jubaoyouxiang@lianjia.com<br/>涉未成年人举报电话：010-86440676 涉未成年人举报邮箱：jubaoyouxiang@ke.com<div style="color: #888c8e;font-size: 12px;line-height: 20px;margin: 0 auto;text-align: center;"><a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802024019" style="float: left;display:inline-block;text-decoration:none;height:20px;line-height:20px;"><img src="https://s1.ljcdn.com/feroot/pc/asset/img/home/beian.png?_v=20260130190638321"" style="float:left;"><p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px;color: #888c8e;">京公网安备 11010802024019号</p></a><a target="_blank" href="http://www.12377.cn" style="color: #888c8e;display:inline-block;margin-left: 20px;text-decoration:none;height:20px;line-height:20px;">网上有害信息举报专区</a></div></div><div class="hot-frauds fr"><label>热门商圈<i></i></label><div class="frauds-list"><i></i><div class="tab"><span  class="hover">A</span><span >B</span><span >C</span><span >D</span><span >E</span><span >F</span><span >G</span><span >H</span><span >J</span><span >K</span><span >L</span><span >M</span><span >N</span><span >P</span><span >Q</span><span >S</span><span >T</span><span >W</span><span >X</span><span >Y</span><span >Z</span></div><div class="link-list link-footer"><div><a href="https://bj.lianjia.com/ershoufang/andingmen/" target="_blank">安定门二手房</a><a href="https://bj.lianjia.com/ershoufang/anzhen1/" target="_blank">安贞二手房</a><a href="https://bj.lianjia.com/ershoufang/aolinpikegongyuan11/" target="_blank">奥林匹克公园二手房</a><a href="https://bj.lianjia.com/ershoufang/anningzhuang1/" target="_blank">安宁庄二手房</a></div><div><a href="https://bj.lianjia.com/ershoufang/beijingjingjijishukaifaqu/" target="_blank">北京经济技术开发区二手房</a><a href="https://bj.lianjia.com/ershoufang/beijingnanzhan1/" target="_blank">北京南站二手房</a><a href="https://bj.lianjia.com/ershoufang/baizhifang1/" target="_blank">白纸坊二手房</a><a href="https://bj.lianjia.com/ershoufang/baiziwan/" target="_blank">百子湾二手房</a><a href="https://bj.lianjia.com/ershoufang/beigongda/" target="_blank">北工大二手房</a><a href="https://bj.lianjia.com/ershoufang/beiguan/" target="_blank">北关二手房</a><a href="https://bj.lianjia.com/ershoufang/beiqijia/" target="_blank">北七家二手房</a><a href="https://bj.lianjia.com/ershoufang/beiyuan2/" target="_blank">北苑二手房</a><a href="https://bj.lianjia.com/ershoufang/baishiqiao1/" target="_blank">白石桥二手房</a><a href="https://bj.lianjia.com/ershoufang/beitaipingzhuang/" target="_blank">北太平庄二手房</a><a href="https://bj.lianjia.com/ershoufang/beidadi/" target="_blank">北大地二手房</a><a href="https://bj.lianjia.com/ershoufang/bajiao1/" target="_blank">八角二手房</a><a href="https://bj.lianjia.com/ershoufang/binhexiqu1/" target="_blank">滨河西区二手房</a><a href="https://bj.lianjia.com/ershoufang/baishanzhen/" target="_blank">百善镇二手房</a><a href="https://bj.lianjia.com/ershoufang/beizhuangzhen/" target="_blank">北庄镇二手房</a><a href="https://bj.lianjia.com/ershoufang/bulaotunzhen/" target="_blank">不老屯镇二手房</a></div><div><a href="https://bj.lianjia.com/ershoufang/chaoyangqu5/" target="_blank">朝阳区二手房</a><a href="https://bj.lianjia.com/ershoufang/changpingqu/" target="_blank">昌平区二手房</a><a href="https://bj.lianjia.com/ershoufang/chaoyangmennei1/" target="_blank">朝阳门内二手房</a><a href="https://bj.lianjia.com/ershoufang/chaoyangmenwai1/" target="_blank">朝阳门外二手房</a><a href="https://bj.lianjia.com/ershoufang/chongwenmen/" target="_blank">崇文门二手房</a><a href="https://bj.lianjia.com/ershoufang/caihuying/" target="_blank">菜户营二手房</a><a href="https://bj.lianjia.com/ershoufang/changchunjie/" target="_blank">长椿街二手房</a><a href="https://bj.lianjia.com/ershoufang/chegongzhuang1/" target="_blank">车公庄二手房</a><a href="https://bj.lianjia.com/ershoufang/cbd/" target="_blank">CBD二手房</a><a href="https://bj.lianjia.com/ershoufang/changying/" target="_blank">常营二手房</a><a href="https://bj.lianjia.com/ershoufang/chaoqing/" target="_blank">朝青二手房</a><a href="https://bj.lianjia.com/ershoufang/chaoyanggongyuan/" target="_blank">朝阳公园二手房</a><a href="https://bj.lianjia.com/ershoufang/chengshousi1/" target="_blank">成寿寺二手房</a><a href="https://bj.lianjia.com/ershoufang/changpingqita1/" target="_blank">昌平其它二手房</a><a href="https://bj.lianjia.com/ershoufang/changwa/" target="_blank">厂洼二手房</a><a href="https://bj.lianjia.com/ershoufang/caoqiao/" target="_blank">草桥二手房</a><a href="https://bj.lianjia.com/ershoufang/chengzi/" target="_blank">城子二手房</a><a href="https://bj.lianjia.com/ershoufang/changyang1/" target="_blank">长阳二手房</a><a href="https://bj.lianjia.com/ershoufang/chengguan/" target="_blank">城关二手房</a></div><div><a href="https://bj.lianjia.com/ershoufang/dongchengqu3/" target="_blank">东城区二手房</a><a href="https://bj.lianjia.com/ershoufang/daxingqu/" target="_blank">大兴区二手房</a><a href="https://bj.lianjia.com/ershoufang/dengshikou/" target="_blank">灯市口二手房</a><a href="https://bj.lianjia.com/ershoufang/dianmen/" target="_blank">地安门二手房</a><a href="https://bj.lianjia.com/ershoufang/dongdan/" target="_blank">东单二手房</a><a href="https://bj.lianjia.com/ershoufang/donghuashi/" target="_blank">东花市二手房</a><a href="https://bj.lianjia.com/ershoufang/dongsi1/" target="_blank">东四二手房</a><a href="https://bj.lianjia.com/ershoufang/dongzhimen/" target="_blank">东直门二手房</a><a href="https://bj.lianjia.com/ershoufang/deshengmen/" target="_blank">德胜门二手房</a><a href="https://bj.lianjia.com/ershoufang/dashanzi/" target="_blank">大山子二手房</a><a href="https://bj.lianjia.com/ershoufang/dawanglu/" target="_blank">大望路二手房</a><a href="https://bj.lianjia.com/ershoufang/dingfuzhuang/" target="_blank">定福庄二手房</a><a href="https://bj.lianjia.com/ershoufang/dongba/" target="_blank">东坝二手房</a><a href="https://bj.lianjia.com/ershoufang/dongdaqiao/" target="_blank">东大桥二手房</a><a href="https://bj.lianjia.com/ershoufang/dougezhuang/" target="_blank">豆各庄二手房</a><a href="https://bj.lianjia.com/ershoufang/dinghuisi/" target="_blank">定慧寺二手房</a><a href="https://bj.lianjia.com/ershoufang/dahongmen/" target="_blank">大红门二手房</a><a href="https://bj.lianjia.com/ershoufang/daxingqita11/" target="_blank">大兴其它二手房</a><a href="https://bj.lianjia.com/ershoufang/dujiakan/" target="_blank">杜家坎二手房</a><a href="https://bj.lianjia.com/ershoufang/daxingxinjichangyangfangbieshuqu/" target="_blank">大兴新机场洋房别墅区二手房</a><a href="https://bj.lianjia.com/ershoufang/dongguan/" target="_blank">东关二手房</a><a href="https://bj.lianjia.com/ershoufang/daxingjichangkonggang/" target="_blank">大兴机场空港二手房</a><a href="https://bj.lianjia.com/ershoufang/daxingxinjichang/" target="_blank">大兴新机场二手房</a><a href="https://bj.lianjia.com/ershoufang/doudian/" target="_blank">窦店二手房</a><a href="https://bj.lianjia.com/ershoufang/dayu/" target="_blank">大峪二手房</a><a href="https://bj.lianjia.com/ershoufang/daichengzizhen/" target="_blank">大城子镇二手房</a><a href="https://bj.lianjia.com/ershoufang/dongshaoquzhen/" target="_blank">东邵渠镇二手房</a></div><div><a href="https://bj.lianjia.com/ershoufang/erlizhuang/" target="_blank">二里庄二手房</a></div><div><a href="https://bj.lianjia.com/ershoufang/fengtaiqu/" target="_blank">丰台区二手房</a><a href="https://bj.lianjia.com/ershoufang/fangshanqu/" target="_blank">房山区二手房</a><a href="https://bj.lianjia.com/ershoufang/fangzhuang1/" target="_blank">方庄二手房</a><a href="https://bj.lianjia.com/ershoufang/fuchengmen/" target="_blank">阜成门二手房</a><a href="https://bj.lianjia.com/ershoufang/fatou/" target="_blank">垡头二手房</a><a href="https://bj.lianjia.com/ershoufang/fangshanqita/" target="_blank">房山其它二手房</a><a href="https://bj.lianjia.com/ershoufang/fengtaiqita1/" target="_blank">丰台其它二手房</a><a href="https://bj.lianjia.com/ershoufang/fengcun/" target="_blank">冯村二手房</a><a href="https://bj.lianjia.com/ershoufang/fengjiayuzhen/" target="_blank">冯家峪镇二手房</a></div><div><a href="https://bj.lianjia.com/ershoufang/gongti/" target="_blank">工体二手房</a><a href="https://bj.lianjia.com/ershoufang/guangqumen/" target="_blank">广渠门二手房</a><a href="https://bj.lianjia.com/ershoufang/guanganmen/" target="_blank">广安门二手房</a><a href="https://bj.lianjia.com/ershoufang/guanyuan/" target="_blank">官园二手房</a><a href="https://bj.lianjia.com/ershoufang/ganluyuan/" target="_blank">甘露园二手房</a><a href="https://bj.lianjia.com/ershoufang/gaobeidian/" target="_blank">高碑店二手房</a><a href="https://bj.lianjia.com/ershoufang/guanzhuang/" target="_blank">管庄二手房</a><a href="https://bj.lianjia.com/ershoufang/guozhan1/" target="_blank">国展二手房</a><a href="https://bj.lianjia.com/ershoufang/ganjiakou/" target="_blank">甘家口二手房</a><a href="https://bj.lianjia.com/ershoufang/gongzhufen/" target="_blank">公主坟二手房</a><a href="https://bj.lianjia.com/ershoufang/gaomidian/" target="_blank">高米店二手房</a><a href="https://bj.lianjia.com/ershoufang/gucheng/" target="_blank">古城二手房</a><a href="https://bj.lianjia.com/ershoufang/guoyuan1/" target="_blank">果园二手房</a><a href="https://bj.lianjia.com/ershoufang/guloudajie/" target="_blank">鼓楼大街二手房</a><a href="https://bj.lianjia.com/ershoufang/guanyinsi/" target="_blank">观音寺二手房</a><a href="https://bj.lianjia.com/ershoufang/gaolingzhen/" target="_blank">高岭镇二手房</a><a href="https://bj.lianjia.com/ershoufang/gubeikouzhen/" target="_blank">古北口镇二手房</a><a href="https://bj.lianjia.com/ershoufang/guloujiedao/" target="_blank">鼓楼街道二手房</a><a href="https://bj.lianjia.com/ershoufang/guoyuanjiedao/" target="_blank">果园街道二手房</a></div><div><a href="https://bj.lianjia.com/ershoufang/haidianqu/" target="_blank">海淀区二手房</a><a href="https://bj.lianjia.com/ershoufang/huairouqu/" target="_blank">怀柔区二手房</a><a href="https://bj.lianjia.com/ershoufang/hepingli/" target="_blank">和平里二手房</a><a href="https://bj.lianjia.com/ershoufang/heyi/" target="_blank">和义二手房</a><a href="https://bj.lianjia.com/ershoufang/hongmiao/" target="_blank">红庙二手房</a><a href="https://bj.lianjia.com/ershoufang/houshayu1/" target="_blank">后沙峪二手房</a><a href="https://bj.lianjia.com/ershoufang/huanlegu/" target="_blank">欢乐谷二手房</a><a href="https://bj.lianjia.com/ershoufang/huaweiqiao/" target="_blank">华威桥二手房</a><a href="https://bj.lianjia.com/ershoufang/huixinxijie/" target="_blank">惠新西街二手房</a><a href="https://bj.lianjia.com/ershoufang/haidianbeibuxinqu1/" target="_blank">海淀北部新区二手房</a><a href="https://bj.lianjia.com/ershoufang/haidianqita1/" target="_blank">海淀其它二手房</a><a href="https://bj.lianjia.com/ershoufang/huilongguan2/" target="_blank">回龙观二手房</a><a href="https://bj.lianjia.com/ershoufang/huoying/" target="_blank">霍营二手房</a><a href="https://bj.lianjia.com/ershoufang/huaxiang/" target="_blank">花乡二手房</a><a href="https://bj.lianjia.com/ershoufang/huangcunhuochezhan/" target="_blank">黄村火车站二手房</a><a href="https://bj.lianjia.com/ershoufang/huangcunzhong/" target="_blank">黄村中二手房</a><a href="https://bj.lianjia.com/ershoufang/hancunhe1/" target="_blank">韩村河二手房</a><a href="https://bj.lianjia.com/ershoufang/huairouchengqu1/" target="_blank">怀柔二手房</a><a href="https://bj.lianjia.com/ershoufang/huairouqita1/" target="_blank">怀柔其它二手房</a><a href="https://bj.lianjia.com/ershoufang/henanzhaizhen/" target="_blank">河南寨镇二手房</a></div><div><a href="https://bj.lianjia.com/ershoufang/jianguomennei/" target="_blank">建国门内二手房</a><a href="https://bj.lianjia.com/ershoufang/jianguomenwai/" target="_blank">建国门外二手房</a><a href="https://bj.lianjia.com/ershoufang/jiaodaokou/" target="_blank">交道口二手房</a><a href="https://bj.lianjia.com/ershoufang/jinbaojie/" target="_blank">金宝街二手房</a><a href="https://bj.lianjia.com/ershoufang/jinsong/" target="_blank">劲松二手房</a><a href="https://bj.lianjia.com/ershoufang/jinrongjie/" target="_blank">金融街二手房</a><a href="https://bj.lianjia.com/ershoufang/junbo1/" target="_blank">军博二手房</a><a href="https://bj.lianjia.com/ershoufang/jianxiangqiao1/" target="_blank">健翔桥二手房</a><a href="https://bj.lianjia.com/ershoufang/jiuxianqiao/" target="_blank">酒仙桥二手房</a><a href="https://bj.lianjia.com/ershoufang/jiaomen/" target="_blank">角门二手房</a><a href="https://bj.lianjia.com/ershoufang/jiugong1/" target="_blank">旧宫二手房</a><a href="https://bj.lianjia.com/ershoufang/jiukeshu12/" target="_blank">九棵树(家乐福)二手房</a><a href="https://bj.lianjia.com/ershoufang/jugezhuangzhen/" target="_blank">巨各庄镇二手房</a></div><div><a href="https://bj.lianjia.com/ershoufang/kandanqiao/" target="_blank">看丹桥二手房</a><a href="https://bj.lianjia.com/ershoufang/kejiyuanqu/" target="_blank">科技园区二手房</a></div><div><a href="https://bj.lianjia.com/ershoufang/liupukang/" target="_blank">六铺炕二手房</a><a href="https://bj.lianjia.com/ershoufang/liangmaqiao/" target="_blank">亮马桥二手房</a><a href="https://bj.lianjia.com/ershoufang/lishuiqiao1/" target="_blank">立水桥二手房</a><a href="https://bj.lianjia.com/ershoufang/liuliqiao1/" target="_blank">六里桥二手房</a><a href="https://bj.lianjia.com/ershoufang/liujiayao/" target="_blank">刘家窑二手房</a><a href="https://bj.lianjia.com/ershoufang/lize/" target="_blank">丽泽二手房</a><a href="https://bj.lianjia.com/ershoufang/lugouqiao1/" target="_blank">卢沟桥二手房</a><a href="https://bj.lianjia.com/ershoufang/laoshan1/" target="_blank">老山二手房</a><a href="https://bj.lianjia.com/ershoufang/lugu1/" target="_blank">鲁谷二手房</a><a href="https://bj.lianjia.com/ershoufang/linheli/" target="_blank">临河里二手房</a><a href="https://bj.lianjia.com/ershoufang/liyuan/" target="_blank">梨园二手房</a><a href="https://bj.lianjia.com/ershoufang/luyuan/" target="_blank">潞苑二手房</a><a href="https://bj.lianjia.com/ershoufang/liqiao1/" target="_blank">李桥二手房</a><a href="https://bj.lianjia.com/ershoufang/liangxiang/" target="_blank">良乡二手房</a><a href="https://bj.lianjia.com/ershoufang/liulihe/" target="_blank">琉璃河二手房</a></div><div><a href="https://bj.lianjia.com/ershoufang/mentougouqu/" target="_blank">门头沟区二手房</a><a href="https://bj.lianjia.com/ershoufang/miyunqu/" target="_blank">密云区二手房</a><a href="https://bj.lianjia.com/ershoufang/madian1/" target="_blank">马甸二手房</a><a href="https://bj.lianjia.com/ershoufang/maliandao1/" target="_blank">马连道二手房</a><a href="https://bj.lianjia.com/ershoufang/muxidi1/" target="_blank">木樨地二手房</a><a href="https://bj.lianjia.com/ershoufang/mudanyuan/" target="_blank">牡丹园二手房</a><a href="https://bj.lianjia.com/ershoufang/malianwa/" target="_blank">马连洼二手房</a><a href="https://bj.lianjia.com/ershoufang/majiabao/" target="_blank">马家堡二手房</a><a href="https://bj.lianjia.com/ershoufang/muxiyuan1/" target="_blank">木樨园二手房</a><a href="https://bj.lianjia.com/ershoufang/majuqiao1/" target="_blank">马驹桥二手房</a><a href="https://bj.lianjia.com/ershoufang/mapo/" target="_blank">马坡二手房</a><a href="https://bj.lianjia.com/ershoufang/mentougouqita1/" target="_blank">门头沟其它二手房</a><a href="https://bj.lianjia.com/ershoufang/miyunzhen/" target="_blank">密云镇二手房</a><a href="https://bj.lianjia.com/ershoufang/mujiayuzhen/" target="_blank">穆家峪镇二手房</a></div><div><a href="https://bj.lianjia.com/ershoufang/niujie/" target="_blank">牛街二手房</a><a href="https://bj.lianjia.com/ershoufang/nanshatan1/" target="_blank">南沙滩二手房</a><a href="https://bj.lianjia.com/ershoufang/nongzhanguan/" target="_blank">农展馆二手房</a><a href="https://bj.lianjia.com/ershoufang/nankou/" target="_blank">南口二手房</a><a href="https://bj.lianjia.com/ershoufang/nanshao/" target="_blank">南邵二手房</a><a href="https://bj.lianjia.com/ershoufang/nanzhongzhoujichangshangwuqu/" target="_blank">南中轴机场商务区二手房</a></div><div><a href="https://bj.lianjia.com/ershoufang/pingguqu/" target="_blank">平谷区二手房</a><a href="https://bj.lianjia.com/ershoufang/panjiayuan1/" target="_blank">潘家园二手房</a><a href="https://bj.lianjia.com/ershoufang/puhuangyu/" target="_blank">蒲黄榆二手房</a><a href="https://bj.lianjia.com/ershoufang/pingguoyuan1/" target="_blank">苹果园二手房</a><a href="https://bj.lianjia.com/ershoufang/pingguqita1/" target="_blank">平谷其它二手房</a></div><div><a href="https://bj.lianjia.com/ershoufang/qianmen/" target="_blank">前门二手房</a><a href="https://bj.lianjia.com/ershoufang/qinghe11/" target="_blank">清河二手房</a><a href="https://bj.lianjia.com/ershoufang/qingta1/" target="_blank">青塔二手房</a><a href="https://bj.lianjia.com/ershoufang/qilizhuang/" target="_blank">七里庄二手房</a><a href="https://bj.lianjia.com/ershoufang/qiaozhuang/" target="_blank">乔庄二手房</a></div><div><a href="https://bj.lianjia.com/ershoufang/shijingshanqu/" target="_blank">石景山区二手房</a><a href="https://bj.lianjia.com/ershoufang/shunyiqu/" target="_blank">顺义区二手房</a><a href="https://bj.lianjia.com/ershoufang/sanlitun/" target="_blank">三里屯二手房</a><a href="https://bj.lianjia.com/ershoufang/sanyuanqiao/" target="_blank">三元桥二手房</a><a href="https://bj.lianjia.com/ershoufang/shaoyaoju/" target="_blank">芍药居二手房</a><a href="https://bj.lianjia.com/ershoufang/shibalidian1/" target="_blank">十八里店二手房</a><a href="https://bj.lianjia.com/ershoufang/shifoying/" target="_blank">石佛营二手房</a><a href="https://bj.lianjia.com/ershoufang/shilibao/" target="_blank">十里堡二手房</a><a href="https://bj.lianjia.com/ershoufang/shilihe/" target="_blank">十里河二手房</a><a href="https://bj.lianjia.com/ershoufang/shoudoujichang1/" target="_blank">首都机场二手房</a><a href="https://bj.lianjia.com/ershoufang/shuangjing/" target="_blank">双井二手房</a><a href="https://bj.lianjia.com/ershoufang/shuangqiao/" target="_blank">双桥二手房</a><a href="https://bj.lianjia.com/ershoufang/sihui/" target="_blank">四惠二手房</a><a href="https://bj.lianjia.com/ershoufang/songjiazhuang/" target="_blank">宋家庄二手房</a><a href="https://bj.lianjia.com/ershoufang/shangdi1/" target="_blank">上地二手房</a><a href="https://bj.lianjia.com/ershoufang/shijicheng/" target="_blank">世纪城二手房</a><a href="https://bj.lianjia.com/ershoufang/shuangyushu/" target="_blank">双榆树二手房</a><a href="https://bj.lianjia.com/ershoufang/sijiqing/" target="_blank">四季青二手房</a><a href="https://bj.lianjia.com/ershoufang/suzhouqiao/" target="_blank">苏州桥二手房</a><a href="https://bj.lianjia.com/ershoufang/shijingshanqita1/" target="_blank">石景山其它二手房</a><a href="https://bj.lianjia.com/ershoufang/shahe2/" target="_blank">沙河二手房</a><a href="https://bj.lianjia.com/ershoufang/shunyicheng/" target="_blank">顺义城二手房</a><a href="https://bj.lianjia.com/ershoufang/shunyiqita1/" target="_blank">顺义其它二手房</a><a href="https://bj.lianjia.com/ershoufang/shanganditie/" target="_blank">上岸地铁二手房</a><a href="https://bj.lianjia.com/ershoufang/shimenying/" target="_blank">石门营二手房</a><a href="https://bj.lianjia.com/ershoufang/shichengzhen/" target="_blank">石城镇二手房</a><a href="https://bj.lianjia.com/ershoufang/shilipuzhen/" target="_blank">十里堡镇二手房</a></div><div><a href="https://bj.lianjia.com/ershoufang/tongzhouqu1/" target="_blank">通州区二手房</a><a href="https://bj.lianjia.com/ershoufang/taoranting1/" target="_blank">陶然亭二手房</a><a href="https://bj.lianjia.com/ershoufang/tiantan/" target="_blank">天坛二手房</a><a href="https://bj.lianjia.com/ershoufang/tianningsi1/" target="_blank">天宁寺二手房</a><a href="https://bj.lianjia.com/ershoufang/taiyanggong/" target="_blank">太阳宫二手房</a><a href="https://bj.lianjia.com/ershoufang/tianshuiyuan/" target="_blank">甜水园二手房</a><a href="https://bj.lianjia.com/ershoufang/tianzhu1/" target="_blank">天竺二手房</a><a href="https://bj.lianjia.com/ershoufang/tongzhoubeiyuan/" target="_blank">通州北苑二手房</a><a href="https://bj.lianjia.com/ershoufang/tongzhouqita11/" target="_blank">通州其它二手房</a><a href="https://bj.lianjia.com/ershoufang/tuanjiehu/" target="_blank">团结湖二手房</a><a href="https://bj.lianjia.com/ershoufang/tiancun1/" target="_blank">田村二手房</a><a href="https://bj.lianjia.com/ershoufang/tiantongyuan1/" target="_blank">天通苑二手房</a><a href="https://bj.lianjia.com/ershoufang/taipingqiao1/" target="_blank">太平桥二手房</a><a href="https://bj.lianjia.com/ershoufang/tiangongyuan/" target="_blank">天宫院二手房</a><a href="https://bj.lianjia.com/ershoufang/tiangongyuannan/" target="_blank">天宫院南二手房</a><a href="https://bj.lianjia.com/ershoufang/taishitunzhen/" target="_blank">太师屯镇二手房</a><a href="https://bj.lianjia.com/ershoufang/tanying/" target="_blank">檀营二手房</a></div><div><a href="https://bj.lianjia.com/ershoufang/wangjing/" target="_blank">望京二手房</a><a href="https://bj.lianjia.com/ershoufang/wanliu/" target="_blank">万柳二手房</a><a href="https://bj.lianjia.com/ershoufang/wanshoulu1/" target="_blank">万寿路二手房</a><a href="https://bj.lianjia.com/ershoufang/weigongcun/" target="_blank">魏公村二手房</a><a href="https://bj.lianjia.com/ershoufang/wudaokou/" target="_blank">五道口二手房</a><a href="https://bj.lianjia.com/ershoufang/wukesong1/" target="_blank">五棵松二手房</a><a href="https://bj.lianjia.com/ershoufang/wanyuan1/" target="_blank">万源二手房</a><a href="https://bj.lianjia.com/ershoufang/wulidian/" target="_blank">五里店二手房</a><a href="https://bj.lianjia.com/ershoufang/wulituo/" target="_blank">五里坨二手房</a><a href="https://bj.lianjia.com/ershoufang/wanda14/" target="_blank">万达二手房</a><a href="https://bj.lianjia.com/ershoufang/wuyihuayuan/" target="_blank">武夷花园二手房</a></div><div><a href="https://bj.lianjia.com/ershoufang/xichengqu3/" target="_blank">西城区二手房</a><a href="https://bj.lianjia.com/ershoufang/xidan/" target="_blank">西单二手房</a><a href="https://bj.lianjia.com/ershoufang/xiluoyuan/" target="_blank">西罗园二手房</a><a href="https://bj.lianjia.com/ershoufang/xisi1/" target="_blank">西四二手房</a><a href="https://bj.lianjia.com/ershoufang/xiaoxitian1/" target="_blank">小西天二手房</a><a href="https://bj.lianjia.com/ershoufang/xinjiekou2/" target="_blank">新街口二手房</a><a href="https://bj.lianjia.com/ershoufang/xizhimen1/" target="_blank">西直门二手房</a><a href="https://bj.lianjia.com/ershoufang/xuanwumen12/" target="_blank">宣武门二手房</a><a href="https://bj.lianjia.com/ershoufang/xiaohongmen/" target="_blank">小红门二手房</a><a href="https://bj.lianjia.com/ershoufang/xibahe/" target="_blank">西坝河二手房</a><a href="https://bj.lianjia.com/ershoufang/xueyuanlu1/" target="_blank">学院路二手房</a><a href="https://bj.lianjia.com/ershoufang/xibeiwang/" target="_blank">西北旺二手房</a><a href="https://bj.lianjia.com/ershoufang/xierqi1/" target="_blank">西二旗二手房</a><a href="https://bj.lianjia.com/ershoufang/xisanqi1/" target="_blank">西三旗二手房</a><a href="https://bj.lianjia.com/ershoufang/xishan21/" target="_blank">西山二手房</a><a href="https://bj.lianjia.com/ershoufang/xihongmen/" target="_blank">西红门二手房</a><a href="https://bj.lianjia.com/ershoufang/xingong/" target="_blank">新宫二手房</a><a href="https://bj.lianjia.com/ershoufang/xiaotangshan1/" target="_blank">小汤山二手房</a><a href="https://bj.lianjia.com/ershoufang/xiguanhuandao/" target="_blank">西关环岛二手房</a><a href="https://bj.lianjia.com/ershoufang/xinchengzizhen/" target="_blank">新城子镇二手房</a><a href="https://bj.lianjia.com/ershoufang/xitiangezhuangzhen/" target="_blank">西田各庄镇二手房</a><a href="https://bj.lianjia.com/ershoufang/xiwengzhuangzhen/" target="_blank">溪翁庄镇二手房</a></div><div><a href="https://bj.lianjia.com/ershoufang/yanqingqu/" target="_blank">延庆区二手房</a><a href="https://bj.lianjia.com/ershoufang/yangqiao1/" target="_blank">洋桥二手房</a><a href="https://bj.lianjia.com/ershoufang/yongdingmen/" target="_blank">永定门二手房</a><a href="https://bj.lianjia.com/ershoufang/youanmennei11/" target="_blank">右安门内二手房</a><a href="https://bj.lianjia.com/ershoufang/youanmenwai/" target="_blank">右安门外二手房</a><a href="https://bj.lianjia.com/ershoufang/yuetan/" target="_blank">月坛二手房</a><a href="https://bj.lianjia.com/ershoufang/yansha1/" target="_blank">燕莎二手房</a><a href="https://bj.lianjia.com/ershoufang/yayuncun/" target="_blank">亚运村二手房</a><a href="https://bj.lianjia.com/ershoufang/yayuncunxiaoying/" target="_blank">亚运村小营二手房</a><a href="https://bj.lianjia.com/ershoufang/yizhuang1/" target="_blank">亦庄二手房</a><a href="https://bj.lianjia.com/ershoufang/yangzhuang1/" target="_blank">杨庄二手房</a><a href="https://bj.lianjia.com/ershoufang/yiheyuan/" target="_blank">颐和园二手房</a><a href="https://bj.lianjia.com/ershoufang/yuanmingyuan/" target="_blank">圆明园二手房</a><a href="https://bj.lianjia.com/ershoufang/yuquanlu11/" target="_blank">玉泉路二手房</a><a href="https://bj.lianjia.com/ershoufang/yuegezhuang/" target="_blank">岳各庄二手房</a><a href="https://bj.lianjia.com/ershoufang/yuquanying/" target="_blank">玉泉营二手房</a><a href="https://bj.lianjia.com/ershoufang/yuqiao/" target="_blank">玉桥二手房</a><a href="https://bj.lianjia.com/ershoufang/yihezhuang/" target="_blank">义和庄二手房</a><a href="https://bj.lianjia.com/ershoufang/yinghai/" target="_blank">瀛海二手房</a><a href="https://bj.lianjia.com/ershoufang/yizhuanghexiqu/" target="_blank">亦庄河西区二手房</a><a href="https://bj.lianjia.com/ershoufang/yizhuangkaifaquqita1/" target="_blank">亦庄开发区其它二手房</a><a href="https://bj.lianjia.com/ershoufang/yangzhen/" target="_blank">杨镇二手房</a><a href="https://bj.lianjia.com/ershoufang/yancun/" target="_blank">阎村二手房</a><a href="https://bj.lianjia.com/ershoufang/yanshan/" target="_blank">燕山二手房</a><a href="https://bj.lianjia.com/ershoufang/yanqingqita1/" target="_blank">延庆其它二手房</a></div><div><a href="https://bj.lianjia.com/ershoufang/zuoanmen1/" target="_blank">左安门二手房</a><a href="https://bj.lianjia.com/ershoufang/zhaogongkou/" target="_blank">赵公口二手房</a><a href="https://bj.lianjia.com/ershoufang/zhaoyangqita/" target="_blank">朝阳其它二手房</a><a href="https://bj.lianjia.com/ershoufang/zhongyangbieshuqu1/" target="_blank">中央别墅区二手房</a><a href="https://bj.lianjia.com/ershoufang/zaojunmiao/" target="_blank">皂君庙二手房</a><a href="https://bj.lianjia.com/ershoufang/zhichunlu/" target="_blank">知春路二手房</a><a href="https://bj.lianjia.com/ershoufang/zhongguancun/" target="_blank">中关村二手房</a><a href="https://bj.lianjia.com/ershoufang/zizhuqiao/" target="_blank">紫竹桥二手房</a><a href="https://bj.lianjia.com/ershoufang/zaoyuan/" target="_blank">枣园二手房</a></div></div></div></div></div></div></div>
+
+<script src="https://s1.ljcdn.com/feroot/pc/asset/base/fe.js?_v=20260130190638321"></script><script src="https://s1.ljcdn.com/feroot/pc/asset/common/common.js?_v=20260130190638321"></script><div style="display:none"><script src="https://s1.ljcdn.com/feroot/dep/ljanalytics.js?_v=20260130190638321"></script></div><div id="only" data-city="bj" data-page="_"></div>
+	<script>var path = 'https://s1.ljcdn.com/feroot/pc/asset?_v=20260130190638321'.split("?");require.config({baseUrl: path[0],paths: {'echarts' : '../../dep/echarts-1.4.1/build/echarts','echarts/chart/bar' : '../../dep/echarts-1.4.1/build/echarts','echarts/chart/line' : '../../dep/echarts-1.4.1/build/echarts','echarts/chart/pie' : '../../dep/echarts-1.4.1/build/echarts','common': 'common','jquery-ui': '../../dep/jquery-ui/jquery-ui.min'},urlArgs:  path[1]});</script>
+	<script src="https://s1.ljcdn.com/feroot/pc/asset/base/fe.js?_v=20260130190638321"></script>
+    <script src="https://s1.ljcdn.com/feroot/pc/asset/common/common.js?_v=20260130190638321"></script>
+<script>require(['common/suggestion'], function (suggestion) {suggestion.init({requestOptions: {cityId: '110000',cityName: '北京'},url: '/?r=api/headerSearch&q=',main: '#keyword-box',appendTo: '#suggest-cont'});});</script>
+<div class="loninContaner"><div class="overlay_bg"></div><div class="panel_login animated" id="dialog"><div class="panel_info"><i class="close_login" >&times</i><div class="panel_tab"><div class="title"><div class="fl">账号密码登录</div></div><div class="clear"></div><div id="con_login_user"><form action="" method="post"><ul><li class="item border-t userName"><input type="text" class="the_input topSpecial users" placeholder="请输入手机号"  maxlength="11" /></li><li class="item border-b pwd"><input type="password" class="the_input password" maxlength="20" placeholder="请输入登录密码"/><em class="password-view"></em></li><li class="item checkVerimg" style="display:none;"><input type="text" class="the_input ver-img" maxlength="6"  placeholder="请输入验证码"/><img class="verImg"></li><li class="item drag" style="display:none;"><div id="drag"></div></li><li class="show-error"><dd>用户名或密码错误</dd></li><li class="li_01"><label class="checkbox-btn"><span class="active"><input type="checkbox" name="remember" value="1" class="mind-login" checked/></span>7天内免登录</label><a href="javascript:;" rel="nofollow" class="toforget">忘记密码</a></li><li class="li_btn"><a class="login-user-btn"  />登录</a></li><li class="footer-link"><a href="javascript:;" rel="nofollow" class="totellogin">手机快捷登录</a></li></ul></form></div><div id="con_login_agent" class="undis"><form action="" method="post"><ul><li class="item"><dd></dd><input type="text" class="the_input users" placeholder="输入经纪人ID号码" /></li><li class="item"><input type="password" class="the_input password"  placeholder="登录密码"/></li><li class="li_01"><label class="checkbox-btn"><span class="active"><input type="checkbox" name="remember" value="1" class="mind-login" checked/></span>7天内免登录</label><a href="https://passport.lianjia.com/register/resources/lianjia/forget.html?service=http://bj.lianjia.com/" rel="nofollow">忘记密码</a></li><li><input class="login-agent-btn" value="立即登录"/></li></ul></form></div></div></div><div class="registered"></div></div><div class="panel_login animated" id="dialog_tel"><div class="panel_info"><i class="close_login">&times</i><div class="panel_tab"><div class="title"><div class="fl">手机快捷登录</div><div class="register_text_tel">别担心，无账号自动注册不会导致手机号被泄露</div></div><div class="clear"></div><div id="con_login_user_tel"><form action="" method="post"><ul><li class="item border-t userName"><input type="text" class="the_input topSpecial users_tel" maxlength="11" placeholder="请输入手机号" /></li><!-- <li class="item pwd"><input type="password" class="the_input password_tel"  placeholder="请输入短信验证码"/></li> --><li class="item checkVerimg" style=""><input type="text" class="the_input ver-img" maxlength="6"  placeholder="请输入验证码"/><img class="verImg"></li><li class="item border-b Verify"><input type="text" class="the_input verifycode" maxlength="6"  placeholder="请输入短信验证码"/><a class="send_verify_code" id="send_verify_code_tel" href="javascript:;" rel="nofollow"><em>获取验证码</em></a></li><li class="send_verify_code_s" id="send_verify_code_tel_s" href="javascript:;" rel="nofollow"><em>没有收到验证码？</em><a class="voice_a">发送语音验证码</a></li><li class="show-error"><dd>用户名或密码错误</dd></li><li class="li_01"><label class="checkbox-btn"><span class="active"><input type="checkbox" name="remember" value="1" class="mind-login" checked/></span>7天内免登录</label></li><li class="li_btn"><a class="login-user-tel-btn"  />登录</a></li><li class="footer-link"><a href="javascript:;" rel="nofollow" class="tologin">账号密码登录</a></li></ul></form></div></div></div><div class="registered"></div></div><div class="panel_login animated" id="dialog_reg"><div class="panel_info"><i class="close_login" >&times</i><div class="panel_tab"><div class="title"><div class="fl">手机号码注册</div><label class="fr register_text">已有账号？<a href="javascript:;" rel="nofollow" class="tologin">去登录</a></label></div><div class="clear"></div><div id="con_login_user_reg"><form action="" method="post"><ul><li class="item border-t userName"><input type="text" class="the_input topSpecial users_reg"  maxlength="11" placeholder="请输入手机号" /></li><li class="item checkVerimg" style=""><input type="text" class="the_input ver-img" maxlength="6"  placeholder="请输入验证码"/><img class="verImg"></li><li class="item border-c Verify"><input type="text" class="the_input verifycode" maxlength="6"  placeholder="请输入短信验证码"/><a class="send_verify_code" id="send_verify_code_reg" href="javascript:;" rel="nofollow"><em>获取验证码</em></a></li><li class="item border-b pwd"><input type="password" class="the_input password_reg" maxlength="20"  placeholder="请输入密码（最少8位，数字+字母）"/><em class="password-view"></em></li><li class="send_verify_code_s" id="send_verify_code_reg_s" href="javascript:;" rel="nofollow"><em>没有收到验证码？</em><a class="voice_a">发送语音验证码</a></li><li class="show-error"><dd>用户名或密码错误</dd></li><li class="li_01"><label class="checkbox-btn"><span class="active"><input type="checkbox" name="read" value="1" class="read-protocol" checked/></span>我已阅读并同意</label><a class="toprotocol" href="//www.lianjia.com/zhuanti/protocol" target="_blank" >《链家用户使用协议》</a></li><li class="li_btn"><a class="register-user-btn"  />注册</a></li></ul></form></div></div></div><div class="registered"></div></div><div class="panel_login animated" id="dialog_forget"><div class="panel_info"><i class="close_login">&times</i><div class="panel_tab"><div class="title"><div class="fl">找回密码</div></div><div class="clear"></div><div id="con_forget_user_tel" class="con_forget_user_tel"><form action="" method="post"><ul><li class="item border-t userName"><input type="text" class="the_input topSpecial user_forget_phone" placeholder="请输入手机号"  maxlength="11" /></li><li class="item checkVerimg" style=""><input type="text" class="the_input ver-img" maxlength="6"  placeholder="请输入验证码"/><img class="verImg"></li><li class="item border-b Verify"><input type="text" class="the_input verifycode" maxlength="6"  placeholder="请输入短信验证码"/><a class="send_verify_code" id="send_verify_code_forget" href="javascript:;" rel="nofollow"><em>获取验证码</em></a></li><li class="item border-t pwd" style="margin-top:-1px;"><input type="password" class="the_input password_reg" maxlength="20"  placeholder="请输入密码（最少8位，数字+字母）"/><em class="password-view"></em></li><li class="send_verify_code_s" id="send_verify_code_forget_s"><em>没有收到验证码？</em><a class="voice_a">发送语音验证码</a></li><li class="show-error"><dd>用户名或密码错误</dd></li><li class="li_btn"><a class="user-forget"  />修改密码</a></li></ul></form></div><div id="con_forget_user_pw" class="con_forget_user_pw"><form action="" method="post"><ul><li class="item border-t pwd"><input type="password" class="the_input password_reg" maxlength="20"  placeholder="请输入密码（最少8位，数字+字母）"/><em class="password-view"></em></li><li class="show-error"><dd>用户名或密码错误</dd></li><li class="li_btn"><a class="modify-user-pswd"  />修改密码</a></li></ul></form></div></div></div><div class="registered"></div></div></div>
+<!-- LianjiaIM Style --><link property='stylesheet' rel="stylesheet" href="https://s1.ljcdn.com/feroot/pc/asset/lianjiaIM/css/lianjiaim.css?_v=20260130190638321"/><script src="//s1.ljcdn.com/web-im-sdk/static/lianjiaim.min.js?v=20260312"></script><script>(function() {var imConf = {"ajaxroot":"\/\/ajax.api.lianjia.com\/","apiroot":"http:\/\/newhouseapi.fang.lianjia.com\/","imAppid":"LIANJIA_WEB_20160624","imAppkey":"6dfdcee27d78b1107fceeca55d80b7bd"};let login = require('common/login');BeikeLoginSDK.getUserInfo(function(data){if (data && data.code === 1) {data.ucid = '';}window.LJIM = new LianjiaIM({appid: imConf.imAppid,appkey: imConf.imAppkey,login: login.openLoginDialog,is_ljbb: true,userData: data,downAppUrl: '//www.lianjia.com/client/',appDesc: '立即下载链家APP，随时随地聊~',staticRoot: 'https://s1.ljcdn.com/feroot/?_v=20260130190638321'})});})();</script><script src='//s1.ljcdn.com/link-static/resource/plat_framework/fee/js/1.7.3/index.js' crossorigin="anonymous"></script>
+<script>
+  var uuid = document.cookie.match(/lianjia_uuid=([^;]+)/) ? document.cookie.match(/lianjia_uuid=([^;]+)/)[1] : '';
+  var ucid = document.cookie.match(/lianjia_token=([^;]+)/) ? document.cookie.match(/lianjia_token=([^;]+)/)[1] : '';
+  var is_test = $.env.getEnv() !== 'online';
+  function _plog(evtId, data, pageId) {
+      var defData = {
+          'plat_form': navigator.platform,
+          'page_url': window.location.href
+      }
+      data = $.extend(defData, data);
+      dt.notify(evtId,         /* 错误名, 不能超过200个字符 */
+          pageId || window['js_ns'],               /* 错误页面 */
+          data
+      );
+  }
+  try {
+    require('dt').set({
+      pid: 'lianjia-web', /* [必填]项目id, 由灯塔项目组统一分配 */
+      uuid: uuid, /* [可选]设备唯一id, 用于计算uv数&设备分布. 一般在cookie中可以取到, 没有uuid可用设备mac/idfa/imei替代. 或者在storage的key中存入随机数字, 模拟设备唯一id.*/
+      /*uuid为必填选项，如果传空或不能保证唯一会导致设备版本等统计无法生效*/
+      ucid: ucid, /* [可选]用户ucid, 用于发生异常时追踪用户信息, 一般在cookie中可以取到, 没有可传空字符串*/
+
+      is_test: is_test, /* 是否为测试数据, 默认为false(测试模式下打点数据仅供浏览, 不会展示在系统中)*/
+      env: "production", // 非必填，"production" | "testing" | "preview"，数据会上报入库，本地开发，可‘’，不入库
+      record: {
+        time_on_page: true,
+        performance: true,
+        js_error: true,
+        spa: false, // 必填 true：表示单页应用，false：表示多页面应用， 默认false 请确认和项目性质保持一致
+        white_screen: { enable: false }, // 1.6.8新增 白屏监控
+        js_error_report_config: {
+          ERROR_RUNTIME: true,
+          ERROR_SCRIPT: true,
+          ERROR_STYLE: true,
+          ERROR_IMAGE: true,
+          ERROR_AUDIO: true,
+          ERROR_VIDEO: true,
+          ERROR_CONSOLE: false,
+          ERROR_TRY_CATCH: true,
+          checkErrorNeedReport: function (desc, stack) {
+            if (!/\/\/(s1\.ljcdn\.com\/)/.test(desc) &&
+              !/\/\/(s1\.ljcdn\.com\/)/.test(stack)) {
+              return false;
+            }
+            if (/\/\/s1\.ljcdn\.com\/(link\-static\/resource\/plat_framework|web\-im\-sdk|vrlab)/.test(desc) ||
+              /\/\/s1\.ljcdn\.com\/(link\-static\/resource\/plat_framework|web\-im\-sdk|vrlab)/.test(stack)) {
+              return false;
+            }
+            return true;
+          }
+        }
+      },
+
+      /* 业务方的js版本号, 会随着打点数据一起上传, 方便区分数据来源
+      * 可以不填, 默认为1.0.0
+      */
+      version: '1.0.0',
+
+      /* 对于如同
+      * xxx.com/detail/1.html
+      * xxx.com/detail/2.html
+      * xxx.com/detail/3.html
+      * ...
+      * 这种页面来说, 虽然url不同, 但他们本质上是同一个页面
+      * 因此需要业务方传入一个处理函数, 根据当前url解析出真实的页面类型(例如: 二手房列表/经纪人详情页), 以便灯塔系统对错误来源进行分类
+      * 回调函数说明
+      * 传入参数 => window.location
+      * 返回值 => 对应的的页面类型(50字以内, 建议返回汉字, 方便查看), 默认是返回当前页面的url
+      */
+      getPageType: function(location){ return (location.host+location.pathname) }
+    });
+  }catch(error) {
+      console.log(error)
+  }
+  function _plog(evtId, data, pageId) {
+    var defData = {
+      'plat_form': navigator.platform,
+      'page_url': window.location.href
+    };
+    data = $.extend(defData, data);
+    dt.notify(evtId,
+      pageId || window.location.href,
+      data
+    );
+  }
+</script>
+<script type="text/javascript">
+  BeikeLoginSDK.getUserInfo(function(data){
+    window.loginData = data;
+  });
+  </script></body></html>
diff --git a/assets/logos/logo.jpg b/assets/logos/logo.jpg
new file mode 100755
index 0000000..f2c80c4
Binary files /dev/null and b/assets/logos/logo.jpg differ
diff --git a/assets/logos/logo.png b/assets/logos/logo.png
new file mode 100755
index 0000000..f2c80c4
Binary files /dev/null and b/assets/logos/logo.png differ
diff --git a/assets/logos/logo1.jpg b/assets/logos/logo1.jpg
new file mode 100755
index 0000000..f3a2868
Binary files /dev/null and b/assets/logos/logo1.jpg differ
diff --git a/assets/logos/logo2.jpg b/assets/logos/logo2.jpg
new file mode 100755
index 0000000..a9670ca
Binary files /dev/null and b/assets/logos/logo2.jpg differ
diff --git a/assets/logos/tencent.png b/assets/logos/tencent.png
new file mode 100644
index 0000000..42be99f
--- /dev/null
+++ b/assets/logos/tencent.png
@@ -0,0 +1 @@
+{"errorcode":-46628,"errormsg":"file not exist, retcode:-46628"}
\ No newline at end of file
diff --git a/assets/products/入职背调.png b/assets/products/入职背调.png
new file mode 100755
index 0000000..03411b7
Binary files /dev/null and b/assets/products/入职背调.png differ
diff --git a/assets/products/家政风险报告.png b/assets/products/家政风险报告.png
new file mode 100755
index 0000000..830a6d4
Binary files /dev/null and b/assets/products/家政风险报告.png differ
diff --git a/assets/products/消金报告.png b/assets/products/消金报告.png
new file mode 100755
index 0000000..dc42fee
Binary files /dev/null and b/assets/products/消金报告.png differ
diff --git a/baidu_verify_codeva-E0uYXZCrJh.html b/baidu_verify_codeva-E0uYXZCrJh.html
new file mode 100644
index 0000000..f0d69f1
--- /dev/null
+++ b/baidu_verify_codeva-E0uYXZCrJh.html
@@ -0,0 +1 @@
+759aa82d57dea006ff9b4df8249013aa
diff --git a/careers.html b/careers.html
new file mode 100755
index 0000000..3a2bd49
--- /dev/null
+++ b/careers.html
@@ -0,0 +1,799 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>加入我们 - 愉悦查 | 与优秀的人一起做有挑战的事</title>
+    <meta name="description" content="加入愉悦查，与优秀的人一起做有挑战的事。我们提供有竞争力的薪酬、广阔的发展空间、良好的工作氛围，期待你的加入！">
+    <meta name="keywords" content="愉悦查招聘，加入我们，职业发展，互联网工作，北京工作">
+    <!-- SEO Enhancement -->
+    <link rel="canonical" href="https://www.yuyuecha.com.cn/careers.html">
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="https://www.yuyuecha.com.cn/careers.html">
+    <meta property="og:title" content="加入我们 - 愉悦查">
+    <meta property="og:description" content="与优秀的人一起做有挑战的事。有竞争力的薪酬、广阔的发展空间，期待你的加入。">
+    <meta property="og:image" content="https://www.yuyuecha.com.cn/assets/logo-nav-2x.png">
+    <meta property="og:site_name" content="愉悦查">
+    <meta property="og:locale" content="zh_CN">
+    <meta name="twitter:card" content="summary">
+    <meta name="twitter:title" content="加入我们 - 愉悦查">
+    <meta name="twitter:description" content="与优秀的人一起做有挑战的事。有竞争力的薪酬、广阔的发展空间，期待你的加入。">
+    <meta name="twitter:image" content="https://www.yuyuecha.com.cn/assets/logo-nav-2x.png">
+    
+    <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=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    
+    <style>
+        :root {
+            --primary-orange: #FF6A19;
+            --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
+            --bg-light: #FFFFFF;
+            --bg-gray: #F5F7FA;
+            --bg-dark: #1A1A1A;
+            --text-primary: #1A1A1A;
+            --text-secondary: #666666;
+            --text-light: #999999;
+            --success: #07C160;
+            --spacing-xs: 8px;
+            --spacing-sm: 16px;
+            --spacing-md: 24px;
+            --spacing-lg: 48px;
+            --spacing-xl: 80px;
+            --radius-md: 8px;
+            --radius-lg: 16px;
+            --shadow-md: 0 4px 16px rgba(0,0,0,0.12);
+            --shadow-lg: 0 8px 32px rgba(0,0,0,0.16);
+            --transition: all 0.3s ease;
+        }
+        
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body { font-family: 'Noto Sans SC', sans-serif; line-height: 1.6; color: var(--text-primary); }
+        a { text-decoration: none; color: inherit; transition: var(--transition); }
+        ul { list-style: none; }
+        .container { max-width: 1400px; margin: 0 auto; padding: 0 var(--spacing-md); }
+        
+        .btn {
+            display: inline-block;
+            padding: 14px 32px;
+            font-size: 15px;
+            font-weight: 500;
+            border-radius: var(--radius-md);
+            cursor: pointer;
+            transition: var(--transition);
+            border: none;
+            text-align: center;
+        }
+        .btn-primary {
+            background: var(--primary-gradient);
+            color: white;
+            box-shadow: 0 4px 12px rgba(255, 106, 25, 0.3);
+        }
+        .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(255, 106, 25, 0.4); }
+        .btn-outline {
+            background: transparent;
+            border: 2px solid var(--primary-orange);
+            color: var(--primary-orange);
+        }
+        .btn-outline:hover { background: var(--primary-gradient); color: white; }
+        .btn-lg { padding: 16px 48px; font-size: 17px; }
+        
+        .navbar {
+            position: fixed;
+            top: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+        }
+        .navbar .container {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            height: 80px;
+        }
+        .logo { display: flex; align-items: center; text-decoration: none; }
+        .logo-img { height: 60px; width: auto; }
+        .nav-menu { display: flex; gap: var(--spacing-lg); }
+        .nav-link { font-size: 15px; font-weight: 500; color: var(--text-primary); }
+        .nav-link:hover { color: var(--primary-orange); }
+        
+        .hero {
+            padding: 160px 0 100px;
+            background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 50%, #F5F7FA 100%);
+            text-align: center;
+        }
+        .hero h1 {
+            font-size: 52px;
+            font-weight: 900;
+            margin-bottom: var(--spacing-sm);
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 50%, #FF8A5C 100%);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+        .hero p {
+            font-size: 22px;
+            color: var(--text-secondary);
+            max-width: 700px;
+            margin: 0 auto var(--spacing-lg);
+            line-height: 1.8;
+        }
+        
+        .section { padding: var(--spacing-xl) 0; }
+        .section-title {
+            text-align: center;
+            font-size: 42px;
+            font-weight: 700;
+            margin-bottom: var(--spacing-xs);
+        }
+        .section-subtitle {
+            text-align: center;
+            font-size: 20px;
+            color: var(--text-secondary);
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        .why-us { background: white; }
+        .benefits-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+            gap: var(--spacing-md);
+        }
+        .benefit-card {
+            background: var(--bg-gray);
+            padding: var(--spacing-lg);
+            border-radius: var(--radius-lg);
+            text-align: center;
+            transition: var(--transition);
+        }
+        .benefit-card:hover {
+            transform: translateY(-8px);
+            box-shadow: var(--shadow-lg);
+        }
+        .benefit-icon { font-size: 48px; margin-bottom: var(--spacing-sm); }
+        .benefit-card h3 { font-size: 22px; margin-bottom: var(--spacing-xs); color: var(--primary-orange); }
+        .benefit-card p { font-size: 15px; color: var(--text-secondary); line-height: 1.7; }
+        
+        .positions { background: var(--bg-gray); }
+        .position-card {
+            background: white;
+            margin-bottom: var(--spacing-md);
+            border-radius: var(--radius-lg);
+            padding: var(--spacing-lg);
+            box-shadow: var(--shadow-md);
+            transition: var(--transition);
+        }
+        .position-card:hover { box-shadow: var(--shadow-lg); }
+        .position-header {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            margin-bottom: var(--spacing-sm);
+        }
+        .position-title { font-size: 24px; font-weight: 700; }
+        .position-tags { display: flex; gap: var(--spacing-xs); }
+        .tag {
+            padding: 6px 14px;
+            background: var(--bg-gray);
+            border-radius: 20px;
+            font-size: 13px;
+            color: var(--text-secondary);
+        }
+        .position-salary { font-size: 22px; font-weight: 700; color: var(--primary-orange); margin-bottom: var(--spacing-sm); }
+        .position-desc { font-size: 15px; color: var(--text-secondary); margin-bottom: var(--spacing-sm); line-height: 1.7; }
+        .position-requirements { margin-top: var(--spacing-sm); }
+        .position-requirements h4 { font-size: 17px; margin-bottom: var(--spacing-xs); }
+        .position-requirements ul { list-style: disc; padding-left: 20px; }
+        .position-requirements li { font-size: 15px; color: var(--text-secondary); margin-bottom: 8px; line-height: 1.6; }
+        
+        .culture { background: white; }
+        .culture-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+            gap: var(--spacing-md);
+        }
+        .culture-card {
+            text-align: center;
+            padding: var(--spacing-md);
+        }
+        .culture-icon { font-size: 56px; margin-bottom: var(--spacing-sm); }
+        .culture-card h3 { font-size: 20px; margin-bottom: var(--spacing-xs); }
+        .culture-card p { font-size: 15px; color: var(--text-secondary); line-height: 1.7; }
+        
+        .cta-section {
+            background: var(--primary-gradient);
+            padding: var(--spacing-xl) 0;
+            text-align: center;
+            color: white;
+        }
+        .cta-section h2 { font-size: 40px; font-weight: 700; margin-bottom: var(--spacing-sm); }
+        .cta-section p { font-size: 18px; margin-bottom: var(--spacing-lg); opacity: 0.95; }
+        .cta-section .btn { background: white; color: var(--primary-orange); }
+        
+        .footer {
+            background: var(--bg-dark);
+            color: white;
+            padding: var(--spacing-xl) 0 var(--spacing-lg);
+        }
+        .footer-grid {
+            display: grid;
+            grid-template-columns: 2fr 1fr 1fr 1fr;
+            gap: var(--spacing-lg);
+            margin-bottom: var(--spacing-lg);
+        }
+        .footer-brand h3 { font-size: 24px; margin-bottom: var(--spacing-xs); }
+        .footer-brand p { color: #CCCCCC; margin-bottom: var(--spacing-xs); font-size: 14px; }
+        .footer-title { font-size: 16px; font-weight: 600; margin-bottom: var(--spacing-sm); }
+        .footer-links li { margin-bottom: 10px; }
+        .footer-links a { color: #CCCCCC; }
+        .footer-links a:hover { color: var(--primary-orange); }
+        .footer-bottom {
+            text-align: center;
+            padding-top: var(--spacing-lg);
+            border-top: 1px solid #333333;
+            color: #999999;
+            font-size: 14px;
+        }
+        
+        @media (max-width: 768px) {
+            .hero h1 { font-size: 36px; }
+            .section-title { font-size: 32px; }
+            .position-header { flex-direction: column; align-items: flex-start; gap: 12px; }
+            .footer-grid { grid-template-columns: 1fr; }
+            .nav-menu { display: none; }
+        }
+    
+        /* ===== Unified Navbar ===== */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            z-index: 1000;
+            padding: 12px 0;
+            transition: all 0.3s ease;
+            background: rgba(255,255,255,0.95);
+            backdrop-filter: blur(20px);
+            -webkit-backdrop-filter: blur(20px);
+        }
+        .navbar.scrolled {
+            padding: 8px 0;
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+        }
+        .navbar .container {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 0 24px;
+        }
+        .logo {
+            display: flex;
+            align-items: center;
+            text-decoration: none;
+        }
+        .logo-img {
+            height: 44px;
+            width: auto;
+            object-fit: contain;
+            transition: all 0.3s ease;
+        }
+        .logo:hover .logo-img {
+            transform: scale(1.03);
+        }
+        .nav-menu {
+            display: flex;
+            gap: 32px;
+            list-style: none;
+            margin: 0;
+            padding: 0;
+        }
+        .nav-link {
+            font-size: 15px;
+            font-weight: 500;
+            color: #1A1A1A;
+            text-decoration: none;
+            position: relative;
+            padding: 6px 0;
+            transition: all 0.3s ease;
+        }
+        .nav-link::after {
+            content: '';
+            position: absolute;
+            bottom: 0;
+            left: 50%;
+            width: 0;
+            height: 2px;
+            background: #FF6A19;
+            transition: all 0.3s ease;
+            transform: translateX(-50%);
+            border-radius: 1px;
+        }
+        .nav-link:hover {
+            color: #FF6A19;
+        }
+        .nav-link:hover::after {
+            width: 100%;
+        }
+        .nav-cta {
+            display: flex;
+            gap: 12px;
+            align-items: center;
+        }
+        .nav-btn {
+            padding: 8px 20px;
+            border-radius: 8px;
+            font-size: 14px;
+            font-weight: 500;
+            cursor: pointer;
+            transition: all 0.3s ease;
+            text-decoration: none;
+            border: none;
+            display: inline-flex;
+            align-items: center;
+        }
+        .btn-outline.nav-btn {
+            border: 1.5px solid #FF6A19;
+            color: #FF6A19;
+            background: transparent;
+        }
+        .btn-outline.nav-btn:hover {
+            background: #FFF5F0;
+        }
+        .btn-primary.nav-btn {
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
+            color: white;
+            box-shadow: 0 2px 8px rgba(255,106,25,0.3);
+        }
+        .btn-primary.nav-btn:hover {
+            transform: translateY(-1px);
+            box-shadow: 0 4px 12px rgba(255,106,25,0.4);
+        }
+        .menu-toggle {
+            display: none;
+            flex-direction: column;
+            gap: 5px;
+            cursor: pointer;
+            padding: 4px;
+            z-index: 1001;
+        }
+        .menu-toggle span {
+            width: 24px;
+            height: 2px;
+            background: #1A1A1A;
+            transition: all 0.3s ease;
+            border-radius: 1px;
+        }
+        @media (max-width: 1024px) {
+            .nav-menu {
+                display: none;
+                position: fixed;
+                top: 0;
+                left: 0;
+                right: 0;
+                bottom: 0;
+                background: rgba(255,255,255,0.98);
+                backdrop-filter: blur(20px);
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                gap: 24px;
+                z-index: 999;
+            }
+            .nav-menu.active {
+                display: flex;
+            }
+            .nav-link {
+                font-size: 18px;
+            }
+            .nav-cta {
+                display: none;
+            }
+            .menu-toggle {
+                display: flex;
+            }
+        }
+
+        /* ===== Unified Footer ===== */
+        .footer {
+            background: #1A1A1A;
+            color: white;
+            padding: 60px 0 30px;
+        }
+        .footer-grid {
+            display: grid;
+            grid-template-columns: 1.5fr 1fr 1fr 1fr;
+            gap: 48px;
+            margin-bottom: 40px;
+        }
+        .footer-brand h3 {
+            font-size: 22px;
+            font-weight: 700;
+            margin-bottom: 8px;
+            background: linear-gradient(135deg, #FF6A19, #FC6E18);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+        .footer-brand p {
+            color: rgba(255,255,255,0.6);
+            font-size: 14px;
+            line-height: 1.6;
+        }
+        .footer-title {
+            font-size: 15px;
+            font-weight: 600;
+            margin-bottom: 16px;
+            color: rgba(255,255,255,0.9);
+        }
+        .footer-links {
+            list-style: none;
+            padding: 0;
+            margin: 0;
+        }
+        .footer-links li {
+            margin-bottom: 10px;
+        }
+        .footer-links a {
+            color: rgba(255,255,255,0.5);
+            text-decoration: none;
+            font-size: 14px;
+            transition: all 0.3s ease;
+        }
+        .footer-links a:hover {
+            color: #FF6A19;
+        }
+        .footer-bottom {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            padding-top: 24px;
+            border-top: 1px solid rgba(255,255,255,0.1);
+            font-size: 13px;
+            color: rgba(255,255,255,0.4);
+        }
+        .footer-icp {
+            color: rgba(255,255,255,0.4);
+        }
+        .footer-icp a {
+            color: rgba(255,255,255,0.4);
+            text-decoration: none;
+        }
+        .footer-icp a:hover {
+            color: #FF6A19;
+        }
+        @media (max-width: 768px) {
+            .footer-grid {
+                grid-template-columns: 1fr 1fr;
+                gap: 32px;
+            }
+            .footer-bottom {
+                flex-direction: column;
+                text-align: center;
+                gap: 8px;
+            }
+        }
+        @media (max-width: 480px) {
+            .footer-grid {
+                grid-template-columns: 1fr;
+            }
+        }
+
+    </style>
+</head>
+<body>
+            <nav class="navbar" id="navbar">
+        <div class="container">
+            <a href="/index.html" class="logo">
+                <img src="assets/logo-nav.png" srcset="assets/logo-nav.png 1x, assets/logo-nav-2x.png 2x" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            
+            <div class="menu-toggle" id="menuToggle">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+            
+            <ul class="nav-menu" id="navMenu">
+                <li><a href="/index.html" class="nav-link">首页</a></li>
+                <li><a href="/index.html#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="/index.html#technology" class="nav-link">AI 能力</a></li>
+                <li><a href="/index.html#partnership" class="nav-link">代理合作</a></li>
+                <li><a href="/about.html" class="nav-link">关于我们</a></li>
+            </ul>
+            
+            <div class="nav-cta">
+                <a href="/index.html#products" class="btn btn-outline nav-btn">立即查询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
+            </div>
+        </div>
+    </nav>
+
+    <section class="hero">
+        <div class="container">
+            <h1>加入我们</h1>
+            <p>与优秀的人一起做有挑战的事<br>在这里，你的每一份付出都会被看见，每一个想法都会被重视</p>
+        </div>
+    </section>
+
+    <section class="section why-us">
+        <div class="container">
+            <h2 class="section-title">为什么选择愉悦查</h2>
+            <p class="section-subtitle">我们提供的不只是一份工作，更是一个实现自我价值的平台</p>
+            
+            <div class="benefits-grid">
+                <div class="benefit-card">
+                    <div class="benefit-icon">💰</div>
+                    <h3>有竞争力的薪酬</h3>
+                    <p>提供行业领先的薪资待遇，年终奖、项目奖金、期权激励等多种激励方式，让你的付出获得丰厚回报</p>
+                </div>
+                
+                <div class="benefit-card">
+                    <div class="benefit-icon">📈</div>
+                    <h3>广阔的发展空间</h3>
+                    <p>扁平化管理，快速晋升通道，优秀的你可以快速成长为团队核心，参与公司决策</p>
+                </div>
+                
+                <div class="benefit-card">
+                    <div class="benefit-icon">🎓</div>
+                    <h3>持续学习成长</h3>
+                    <p>定期技术培训、外部交流、在线课程补贴，鼓励持续学习，与行业大牛共事，快速提升</p>
+                </div>
+                
+                <div class="benefit-card">
+                    <div class="benefit-icon">🏖️</div>
+                    <h3>弹性工作生活</h3>
+                    <p>弹性工作时间，不打卡不加班文化，带薪年假、带薪病假，工作生活平衡</p>
+                </div>
+                
+                <div class="benefit-card">
+                    <div class="benefit-icon">🎉</div>
+                    <h3>丰富团队活动</h3>
+                    <p>定期团建、生日会、节日活动、年度旅游，轻松愉快的工作氛围，认识志同道合的伙伴</p>
+                </div>
+                
+                <div class="benefit-card">
+                    <div class="benefit-icon">🏥</div>
+                    <h3>完善福利保障</h3>
+                    <p>五险一金、补充商业保险、年度体检、零食下午茶、健身补贴，全方位关怀你的身心健康</p>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <section class="section positions">
+        <div class="container">
+            <h2 class="section-title">热招职位</h2>
+            <p class="section-subtitle">找到适合你的位置，一起创造未来</p>
+            
+            <div class="position-card">
+                <div class="position-header">
+                    <div>
+                        <div class="position-title">高级后端开发工程师</div>
+                        <div class="position-tags">
+                            <span class="tag">北京</span>
+                            <span class="tag">全职</span>
+                            <span class="tag">技术</span>
+                        </div>
+                    </div>
+                    <div class="position-salary">25-40K·15 薪</div>
+                </div>
+                <p class="position-desc">负责愉悦查 API 平台后端架构设计、核心功能开发，支撑高并发、高可用的数据接口服务</p>
+                <div class="position-requirements">
+                    <h4>职位要求：</h4>
+                    <ul>
+                        <li>本科及以上学历，计算机相关专业，5 年以上后端开发经验</li>
+                        <li>精通 Java/Python/Go 至少一门语言，熟悉微服务架构</li>
+                        <li>熟悉 MySQL、Redis、MongoDB 等数据库，有性能优化经验</li>
+                        <li>熟悉 Docker、Kubernetes 等容器化技术</li>
+                        <li>有高并发、分布式系统开发经验者优先</li>
+                        <li>良好的沟通能力和团队协作精神</li>
+                    </ul>
+                </div>
+            </div>
+            
+            <div class="position-card">
+                <div class="position-header">
+                    <div>
+                        <div class="position-title">前端开发工程师</div>
+                        <div class="position-tags">
+                            <span class="tag">北京</span>
+                            <span class="tag">全职</span>
+                            <span class="tag">技术</span>
+                        </div>
+                    </div>
+                    <div class="position-salary">20-35K·14 薪</div>
+                </div>
+                <p class="position-desc">负责公司官网、API 平台、管理后台等前端产品开发，打造优秀的用户体验</p>
+                <div class="position-requirements">
+                    <h4>职位要求：</h4>
+                    <ul>
+                        <li>本科及以上学历，3 年以上前端开发经验</li>
+                        <li>精通 HTML/CSS/JavaScript，熟悉 Vue/React 等框架</li>
+                        <li>熟悉前端工程化，有 Webpack/Vite 等构建工具使用经验</li>
+                        <li>了解后端技术，有全栈开发能力者优先</li>
+                        <li>对用户体验有追求，有良好的审美能力</li>
+                        <li>学习能力强，有良好的沟通能力</li>
+                    </ul>
+                </div>
+            </div>
+            
+            <div class="position-card">
+                <div class="position-header">
+                    <div>
+                        <div class="position-title">数据分析师</div>
+                        <div class="position-tags">
+                            <span class="tag">北京</span>
+                            <span class="tag">全职</span>
+                            <span class="tag">数据</span>
+                        </div>
+                    </div>
+                    <div class="position-salary">18-30K·14 薪</div>
+                </div>
+                <p class="position-desc">负责业务数据分析、用户行为分析、产品优化建议，用数据驱动业务增长</p>
+                <div class="position-requirements">
+                    <h4>职位要求：</h4>
+                    <ul>
+                        <li>本科及以上学历，统计学、数学、计算机相关专业</li>
+                        <li>3 年以上数据分析经验，熟悉 SQL、Python/R</li>
+                        <li>熟悉数据分析方法，有 A/B 测试经验</li>
+                        <li>熟悉 Tableau、PowerBI 等可视化工具</li>
+                        <li>有良好的业务理解能力和逻辑思维能力</li>
+                        <li>优秀的沟通表达能力，能将分析结果转化为 actionable insights</li>
+                    </ul>
+                </div>
+            </div>
+            
+            <div class="position-card">
+                <div class="position-header">
+                    <div>
+                        <div class="position-title">商务拓展经理</div>
+                        <div class="position-tags">
+                            <span class="tag">北京</span>
+                            <span class="tag">全职</span>
+                            <span class="tag">商务</span>
+                        </div>
+                    </div>
+                    <div class="position-salary">20-35K+ 提成</div>
+                </div>
+                <p class="position-desc">负责 API 业务商务拓展、大客户开发、渠道合作，完成业绩目标</p>
+                <div class="position-requirements">
+                    <h4>职位要求：</h4>
+                    <ul>
+                        <li>本科及以上学历，5 年以上 ToB 销售或商务拓展经验</li>
+                        <li>有 API、SaaS、数据服务行业经验者优先</li>
+                        <li>有丰富的企业客户资源和渠道资源</li>
+                        <li>优秀的商务谈判能力和客户关系维护能力</li>
+                        <li>自驱力强，结果导向，能承受工作压力</li>
+                        <li>良好的团队协作精神</li>
+                    </ul>
+                </div>
+            </div>
+            
+            <div class="position-card">
+                <div class="position-header">
+                    <div>
+                        <div class="position-title">产品经理</div>
+                        <div class="position-tags">
+                            <span class="tag">北京</span>
+                            <span class="tag">全职</span>
+                            <span class="tag">产品</span>
+                        </div>
+                    </div>
+                    <div class="position-salary">25-40K·15 薪</div>
+                </div>
+                <p class="position-desc">负责 API 平台产品规划、需求分析、产品设计，推动产品持续优化</p>
+                <div class="position-requirements">
+                    <h4>职位要求：</h4>
+                    <ul>
+                        <li>本科及以上学历，5 年以上互联网产品经验</li>
+                        <li>有 API 平台、开发者工具、数据产品经验者优先</li>
+                        <li>熟悉产品设计流程，熟练使用 Axure、Figma 等工具</li>
+                        <li>有良好的数据分析能力和用户洞察力</li>
+                        <li>优秀的沟通协调能力，能推动跨团队合作</li>
+                        <li>对技术有理解，能与研发团队高效协作</li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <section class="section culture">
+        <div class="container">
+            <h2 class="section-title">我们的文化</h2>
+            <p class="section-subtitle">简单、开放、务实、成长</p>
+            
+            <div class="culture-grid">
+                <div class="culture-card">
+                    <div class="culture-icon">🤝</div>
+                    <h3>简单透明</h3>
+                    <p>简单的人际关系，透明的沟通机制，有话直说，对事不对人</p>
+                </div>
+                
+                <div class="culture-card">
+                    <div class="culture-icon">💡</div>
+                    <h3>开放包容</h3>
+                    <p>鼓励创新，包容失败，每个人的想法都值得被倾听</p>
+                </div>
+                
+                <div class="culture-card">
+                    <div class="culture-icon">🎯</div>
+                    <h3>结果导向</h3>
+                    <p>关注产出而非工时，用结果证明价值，优秀者获得丰厚回报</p>
+                </div>
+                
+                <div class="culture-card">
+                    <div class="culture-icon">🌱</div>
+                    <h3>持续成长</h3>
+                    <p>学习型组织，鼓励尝试新事物，与优秀的人一起变得更好</p>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <section class="cta-section">
+        <div class="container">
+            <h2>期待你的加入</h2>
+            <p>如果你对以上职位感兴趣，或想了解更多机会，欢迎联系我们</p>
+            <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-lg" target="_blank">📮 投递简历</a>
+        </div>
+    </section>
+
+            <footer class="footer">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <h3>愉悦查</h3>
+                    <p>让信任无处不在，让合作没有距离</p>
+                    <p style="margin-top:16px;font-size:13px;color:rgba(255,255,255,0.5);">北京正信环宇科技有限公司</p>
+                    <p style="font-size:13px;color:rgba(255,255,255,0.5);">AI 驱动的商业信任科技平台</p>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">产品</h4>
+                    <ul class="footer-links">
+                        <li><a href="/product/riskassessment.html">个人大数据报告</a></li>
+                        <li><a href="/product/marriage.html">婚恋风险报告</a></li>
+                        <li><a href="/product/backgroundcheck.html">入职背调报告</a></li>
+                        <li><a href="/product/companyinfo.html">小微企业报告</a></li>
+                        <li><a href="/product/homeservice.html">家政风险报告</a></li>
+                        <li><a href="/product/consumerFinanceReport.html">消金报告</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">公司</h4>
+                    <ul class="footer-links">
+                        <li><a href="/about.html">关于我们</a></li>
+                        <li><a href="/careers.html">加入我们</a></li>
+                        <li><a href="/contact.html">联系我们</a></li>
+                        <li><a href="/news.html">新闻动态</a></li>
+                        <li><a href="/partners.html">合作伙伴</a></li>
+                        <li><a href="/investment.html">招商工具包</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">支持</h4>
+                    <ul class="footer-links">
+                        <li><a href="/help.html">帮助中心</a></li>
+                        <li><a href="/apidemo/">API 文档</a></li>
+                        <li><a href="/all-apis.html">全部接口</a></li>
+                        <li><a href="/privacy.html">隐私政策</a></li>
+                        <li><a href="/terms.html">服务条款</a></li>
+                        <li><a href="/disclaimer.html">免责声明</a></li>
+                    </ul>
+                </div>
+            </div>
+            
+            <div class="footer-bottom">
+                <p>&copy; 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p class="footer-icp"><a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow noopener">京ICP备2025158088号-2</a></p>
+            </div>
+        </div>
+    </footer>
+</body>
+</html>
diff --git a/careers.html.bak.navbar b/careers.html.bak.navbar
new file mode 100755
index 0000000..7564342
--- /dev/null
+++ b/careers.html.bak.navbar
@@ -0,0 +1,147 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>加入我们 - 愉悦查 | 让信任无处不在，让合作没有距离</title>
+    <meta name="description" content="愉悦查（北京正信环宇科技有限公司）是 AI 驱动的商业信任科技平台，提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告">
+    <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=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    <style>
+        :root { --primary-orange: #FF6A19; --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%); --bg-gray: #F5F7FA; --text-primary: #1A1A1A; --text-secondary: #666666; --spacing-lg: 48px; --spacing-xl: 80px; --radius-lg: 16px; }
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body { font-family: 'Noto Sans SC', sans-serif; line-height: 1.6; color: var(--text-primary); }
+        .container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
+        .navbar { position: fixed; top: 0; background: rgba(255,255,255,0.95); backdrop-filter: blur(10px); box-shadow: 0 2px 20px rgba(0,0,0,0.08); z-index: 1000; }
+        .navbar .container { display: flex; justify-content: space-between; align-items: center; height: 80px; }
+        .logo { display: flex; align-items: center; gap: 8px; text-decoration: none; }
+        .logo-img { height: 60px; width: auto; }
+        .nav-menu { display: flex; gap: 32px; list-style: none; }
+        .nav-link { font-size: 15px; font-weight: 500; color: var(--text-primary); text-decoration: none; transition: all 0.3s ease; }
+        .nav-link:hover { color: var(--primary-orange); }
+        .nav-cta { display: flex; gap: 12px; }
+        .btn { display: inline-block; padding: 10px 20px; font-size: 14px; font-weight: 500; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; text-decoration: none; text-align: center; }
+        .btn-primary { background: var(--primary-gradient); color: white; border: none; box-shadow: 0 4px 12px rgba(236, 77, 9, 0.3); }
+        .btn-outline { background: transparent; border: 2px solid var(--primary-orange); color: var(--primary-orange); }
+        .nav-btn { padding: 10px 20px; font-size: 14px; }
+        .hero { padding: 160px 0 80px; background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%); text-align: center; }
+        .hero h1 { font-size: 48px; color: var(--primary-orange); margin-bottom: 16px; }
+        .section { padding: var(--spacing-xl) 0; }
+        .section-title { text-align: center; font-size: 36px; margin-bottom: 8px; }
+        .section-subtitle { text-align: center; font-size: 18px; color: var(--text-secondary); margin-bottom: 48px; }
+        .values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin-top: 48px; }
+        .value-card { background: white; padding: 32px; border-radius: var(--radius-lg); box-shadow: 0 4px 16px rgba(0,0,0,0.08); text-align: center; }
+        .value-icon { font-size: 48px; margin-bottom: 16px; }
+        .value-card h3 { font-size: 20px; margin-bottom: 12px; color: var(--primary-orange); }
+        .footer { background: #1A1A1A; color: white; padding: 64px 0 32px; }
+        .footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 48px; margin-bottom: 48px; }
+        .footer-brand h3 { font-size: 24px; margin-bottom: 16px; color: var(--primary-orange); }
+        .footer-title { font-size: 16px; font-weight: 600; margin-bottom: 16px; }
+        .footer-links { list-style: none; padding: 0; }
+        .footer-links li { margin-bottom: 8px; }
+        .footer-links a { font-size: 14px; opacity: 0.8; transition: all 0.3s ease; color: white; text-decoration: none; }
+        .footer-links a:hover { opacity: 1; color: var(--primary-orange); }
+        .footer-bottom { text-align: center; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.6; }
+        @media (max-width: 1024px) { .nav-menu { display: none; } }
+        @media (max-width: 768px) { .values-grid { grid-template-columns: 1fr; } .hero h1 { font-size: 32px; } .footer-grid { grid-template-columns: 1fr; } }
+    </style>
+</head>
+<body>
+    <nav class="navbar">
+        <div class="container">
+            <a href="/index.html" class="logo">
+                <img src="assets/logo.png" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            <ul class="nav-menu">
+                <li><a href="/index.html#home" class="nav-link">首页</a></li>
+                <li><a href="/index.html#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="/index.html#technology" class="nav-link">AI 能力</a></li>
+                <li><a href="/index.html#partnership" class="nav-link">代理合作</a></li>
+                <li><a href="/index.html#about" class="nav-link">关于我们</a></li>
+            </ul>
+            <div class="nav-cta">
+                <a href="/index.html#products" class="btn btn-outline nav-btn">立即查询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
+            </div>
+        </div>
+    </nav>
+    <section class="hero">
+        <div class="container">
+            <h1>加入我们</h1>
+            <p style="font-size:18px;color:var(--text-secondary);max-width:700px;margin:0 auto;">让信任无处不在，让合作没有距离</p>
+        </div>
+    </section>
+    <section class="section">
+        <div class="container">
+            <h2 class="section-title">加入我们</h2>
+            <p style="text-align:center;max-width:800px;margin:0 auto;color:var(--text-secondary);">加入愉悦查，一起让信任无处不在，让合作没有距离！我们提供有竞争力的薪酬、广阔的发展空间和优秀的团队氛围。</p>
+            <div class="values-grid">
+                <div class="value-card">
+                    <div class="value-icon">🤖</div>
+                    <h3>AI 驱动</h3>
+                    <p style="color:var(--text-secondary);">200+ 数据接口智能组合，秒级响应</p>
+                </div>
+                <div class="value-card">
+                    <div class="value-icon">🔒</div>
+                    <h3>安全合规</h3>
+                    <p style="color:var(--text-secondary);">严格遵守《个人信息保护法》，数据官方授权</p>
+                </div>
+                <div class="value-card">
+                    <div class="value-icon">🎯</div>
+                    <h3>专业可靠</h3>
+                    <p style="color:var(--text-secondary);">全面风险评估，PDF 格式报告下载</p>
+                </div>
+            </div>
+        </div>
+    </section>
+    <footer class="footer">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <h3>愉悦查</h3>
+                    <p>让信任无处不在，让合作没有距离</p>
+                </div>
+                <div>
+                    <h4 class="footer-title">产品</h4>
+                    <ul class="footer-links">
+                        <li><a href="/product/riskassessment.html">个人大数据报告</a></li>
+                        <li><a href="/product/marriage.html">婚恋风险报告</a></li>
+                        <li><a href="/product/backgroundcheck.html">入职背调报告</a></li>
+                        <li><a href="/product/companyinfo.html">小微企业报告</a></li>
+                        <li><a href="/product/homeservice.html">家政风险报告</a></li>
+                        <li><a href="/product/consumerFinanceReport.html">消金报告</a></li>
+                        <li><a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" target="_blank">AI 定制报告</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h4 class="footer-title">公司</h4>
+                    <ul class="footer-links">
+                        <li><a href="/about.html">关于我们</a></li>
+                        <li><a href="/careers.html">加入我们</a></li>
+                        <li><a href="/contact.html">联系我们</a></li>
+                        <li><a href="/news.html">新闻动态</a></li>
+                        <li><a href="/partners.html">合作伙伴</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h4 class="footer-title">支持</h4>
+                    <ul class="footer-links">
+                        <li><a href="/help.html">帮助中心</a></li>
+                        <li><a href="/apidemo/">API 文档</a></li>
+                        <li><a href="/index.html#partnership">代理支持</a></li>
+                        <li><a href="/privacy.html">隐私政策</a></li>
+                        <li><a href="/terms.html">服务条款</a></li>
+                        <li><a href="/disclaimer.html">免责声明</a></li>
+                    </ul>
+                </div>
+            </div>
+            <div class="footer-bottom">
+                <p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p class="footer-icp">京 ICP 备 2025158088 号 -2</p>
+            </div>
+        </div>
+    </footer>
+</body>
+</html>
diff --git a/careers.html.bak.uniform b/careers.html.bak.uniform
new file mode 100755
index 0000000..2cf0f3f
--- /dev/null
+++ b/careers.html.bak.uniform
@@ -0,0 +1,532 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>加入我们 - 愉悦查 | 与优秀的人一起做有挑战的事</title>
+    <meta name="description" content="加入愉悦查，与优秀的人一起做有挑战的事。我们提供有竞争力的薪酬、广阔的发展空间、良好的工作氛围，期待你的加入！">
+    <meta name="keywords" content="愉悦查招聘，加入我们，职业发展，互联网工作，北京工作">
+    
+    <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=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    
+    <style>
+        :root {
+            --primary-orange: #FF6A19;
+            --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
+            --bg-light: #FFFFFF;
+            --bg-gray: #F5F7FA;
+            --bg-dark: #1A1A1A;
+            --text-primary: #1A1A1A;
+            --text-secondary: #666666;
+            --text-light: #999999;
+            --success: #07C160;
+            --spacing-xs: 8px;
+            --spacing-sm: 16px;
+            --spacing-md: 24px;
+            --spacing-lg: 48px;
+            --spacing-xl: 80px;
+            --radius-md: 8px;
+            --radius-lg: 16px;
+            --shadow-md: 0 4px 16px rgba(0,0,0,0.12);
+            --shadow-lg: 0 8px 32px rgba(0,0,0,0.16);
+            --transition: all 0.3s ease;
+        }
+        
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body { font-family: 'Noto Sans SC', sans-serif; line-height: 1.6; color: var(--text-primary); }
+        a { text-decoration: none; color: inherit; transition: var(--transition); }
+        ul { list-style: none; }
+        .container { max-width: 1400px; margin: 0 auto; padding: 0 var(--spacing-md); }
+        
+        .btn {
+            display: inline-block;
+            padding: 14px 32px;
+            font-size: 15px;
+            font-weight: 500;
+            border-radius: var(--radius-md);
+            cursor: pointer;
+            transition: var(--transition);
+            border: none;
+            text-align: center;
+        }
+        .btn-primary {
+            background: var(--primary-gradient);
+            color: white;
+            box-shadow: 0 4px 12px rgba(255, 106, 25, 0.3);
+        }
+        .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(255, 106, 25, 0.4); }
+        .btn-outline {
+            background: transparent;
+            border: 2px solid var(--primary-orange);
+            color: var(--primary-orange);
+        }
+        .btn-outline:hover { background: var(--primary-gradient); color: white; }
+        .btn-lg { padding: 16px 48px; font-size: 17px; }
+        
+        .navbar {
+            position: fixed;
+            top: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+        }
+        .navbar .container {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            height: 80px;
+        }
+        .logo { display: flex; align-items: center; text-decoration: none; }
+        .logo-img { height: 60px; width: auto; }
+        .nav-menu { display: flex; gap: var(--spacing-lg); }
+        .nav-link { font-size: 15px; font-weight: 500; color: var(--text-primary); }
+        .nav-link:hover { color: var(--primary-orange); }
+        
+        .hero {
+            padding: 160px 0 100px;
+            background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 50%, #F5F7FA 100%);
+            text-align: center;
+        }
+        .hero h1 {
+            font-size: 52px;
+            font-weight: 900;
+            margin-bottom: var(--spacing-sm);
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 50%, #FF8A5C 100%);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+        .hero p {
+            font-size: 22px;
+            color: var(--text-secondary);
+            max-width: 700px;
+            margin: 0 auto var(--spacing-lg);
+            line-height: 1.8;
+        }
+        
+        .section { padding: var(--spacing-xl) 0; }
+        .section-title {
+            text-align: center;
+            font-size: 42px;
+            font-weight: 700;
+            margin-bottom: var(--spacing-xs);
+        }
+        .section-subtitle {
+            text-align: center;
+            font-size: 20px;
+            color: var(--text-secondary);
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        .why-us { background: white; }
+        .benefits-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+            gap: var(--spacing-md);
+        }
+        .benefit-card {
+            background: var(--bg-gray);
+            padding: var(--spacing-lg);
+            border-radius: var(--radius-lg);
+            text-align: center;
+            transition: var(--transition);
+        }
+        .benefit-card:hover {
+            transform: translateY(-8px);
+            box-shadow: var(--shadow-lg);
+        }
+        .benefit-icon { font-size: 48px; margin-bottom: var(--spacing-sm); }
+        .benefit-card h3 { font-size: 22px; margin-bottom: var(--spacing-xs); color: var(--primary-orange); }
+        .benefit-card p { font-size: 15px; color: var(--text-secondary); line-height: 1.7; }
+        
+        .positions { background: var(--bg-gray); }
+        .position-card {
+            background: white;
+            margin-bottom: var(--spacing-md);
+            border-radius: var(--radius-lg);
+            padding: var(--spacing-lg);
+            box-shadow: var(--shadow-md);
+            transition: var(--transition);
+        }
+        .position-card:hover { box-shadow: var(--shadow-lg); }
+        .position-header {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            margin-bottom: var(--spacing-sm);
+        }
+        .position-title { font-size: 24px; font-weight: 700; }
+        .position-tags { display: flex; gap: var(--spacing-xs); }
+        .tag {
+            padding: 6px 14px;
+            background: var(--bg-gray);
+            border-radius: 20px;
+            font-size: 13px;
+            color: var(--text-secondary);
+        }
+        .position-salary { font-size: 22px; font-weight: 700; color: var(--primary-orange); margin-bottom: var(--spacing-sm); }
+        .position-desc { font-size: 15px; color: var(--text-secondary); margin-bottom: var(--spacing-sm); line-height: 1.7; }
+        .position-requirements { margin-top: var(--spacing-sm); }
+        .position-requirements h4 { font-size: 17px; margin-bottom: var(--spacing-xs); }
+        .position-requirements ul { list-style: disc; padding-left: 20px; }
+        .position-requirements li { font-size: 15px; color: var(--text-secondary); margin-bottom: 8px; line-height: 1.6; }
+        
+        .culture { background: white; }
+        .culture-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+            gap: var(--spacing-md);
+        }
+        .culture-card {
+            text-align: center;
+            padding: var(--spacing-md);
+        }
+        .culture-icon { font-size: 56px; margin-bottom: var(--spacing-sm); }
+        .culture-card h3 { font-size: 20px; margin-bottom: var(--spacing-xs); }
+        .culture-card p { font-size: 15px; color: var(--text-secondary); line-height: 1.7; }
+        
+        .cta-section {
+            background: var(--primary-gradient);
+            padding: var(--spacing-xl) 0;
+            text-align: center;
+            color: white;
+        }
+        .cta-section h2 { font-size: 40px; font-weight: 700; margin-bottom: var(--spacing-sm); }
+        .cta-section p { font-size: 18px; margin-bottom: var(--spacing-lg); opacity: 0.95; }
+        .cta-section .btn { background: white; color: var(--primary-orange); }
+        
+        .footer {
+            background: var(--bg-dark);
+            color: white;
+            padding: var(--spacing-xl) 0 var(--spacing-lg);
+        }
+        .footer-grid {
+            display: grid;
+            grid-template-columns: 2fr 1fr 1fr 1fr;
+            gap: var(--spacing-lg);
+            margin-bottom: var(--spacing-lg);
+        }
+        .footer-brand h3 { font-size: 24px; margin-bottom: var(--spacing-xs); }
+        .footer-brand p { color: #CCCCCC; margin-bottom: var(--spacing-xs); font-size: 14px; }
+        .footer-title { font-size: 16px; font-weight: 600; margin-bottom: var(--spacing-sm); }
+        .footer-links li { margin-bottom: 10px; }
+        .footer-links a { color: #CCCCCC; }
+        .footer-links a:hover { color: var(--primary-orange); }
+        .footer-bottom {
+            text-align: center;
+            padding-top: var(--spacing-lg);
+            border-top: 1px solid #333333;
+            color: #999999;
+            font-size: 14px;
+        }
+        
+        @media (max-width: 768px) {
+            .hero h1 { font-size: 36px; }
+            .section-title { font-size: 32px; }
+            .position-header { flex-direction: column; align-items: flex-start; gap: 12px; }
+            .footer-grid { grid-template-columns: 1fr; }
+            .nav-menu { display: none; }
+        }
+    </style>
+</head>
+<body>
+    <nav class="navbar">
+        <div class="container">
+            <a href="/index.html" class="logo">
+                <img src="assets/logo.png" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            <ul class="nav-menu">
+                <li><a href="/index.html" class="nav-link">首页</a></li>
+                <li><a href="/index.html#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="/apidemo/" class="nav-link">API 平台</a></li>
+                <li><a href="/all-apis.html" class="nav-link">全部接口</a></li>
+                <li><a href="/about.html" class="nav-link">关于我们</a></li>
+            </ul>
+            <div class="nav-cta">
+                <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-outline" target="_blank">技术咨询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary" target="_blank">登录</a>
+            </div>
+        </div>
+    </nav>
+
+    <section class="hero">
+        <div class="container">
+            <h1>加入我们</h1>
+            <p>与优秀的人一起做有挑战的事<br>在这里，你的每一份付出都会被看见，每一个想法都会被重视</p>
+        </div>
+    </section>
+
+    <section class="section why-us">
+        <div class="container">
+            <h2 class="section-title">为什么选择愉悦查</h2>
+            <p class="section-subtitle">我们提供的不只是一份工作，更是一个实现自我价值的平台</p>
+            
+            <div class="benefits-grid">
+                <div class="benefit-card">
+                    <div class="benefit-icon">💰</div>
+                    <h3>有竞争力的薪酬</h3>
+                    <p>提供行业领先的薪资待遇，年终奖、项目奖金、期权激励等多种激励方式，让你的付出获得丰厚回报</p>
+                </div>
+                
+                <div class="benefit-card">
+                    <div class="benefit-icon">📈</div>
+                    <h3>广阔的发展空间</h3>
+                    <p>扁平化管理，快速晋升通道，优秀的你可以快速成长为团队核心，参与公司决策</p>
+                </div>
+                
+                <div class="benefit-card">
+                    <div class="benefit-icon">🎓</div>
+                    <h3>持续学习成长</h3>
+                    <p>定期技术培训、外部交流、在线课程补贴，鼓励持续学习，与行业大牛共事，快速提升</p>
+                </div>
+                
+                <div class="benefit-card">
+                    <div class="benefit-icon">🏖️</div>
+                    <h3>弹性工作生活</h3>
+                    <p>弹性工作时间，不打卡不加班文化，带薪年假、带薪病假，工作生活平衡</p>
+                </div>
+                
+                <div class="benefit-card">
+                    <div class="benefit-icon">🎉</div>
+                    <h3>丰富团队活动</h3>
+                    <p>定期团建、生日会、节日活动、年度旅游，轻松愉快的工作氛围，认识志同道合的伙伴</p>
+                </div>
+                
+                <div class="benefit-card">
+                    <div class="benefit-icon">🏥</div>
+                    <h3>完善福利保障</h3>
+                    <p>五险一金、补充商业保险、年度体检、零食下午茶、健身补贴，全方位关怀你的身心健康</p>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <section class="section positions">
+        <div class="container">
+            <h2 class="section-title">热招职位</h2>
+            <p class="section-subtitle">找到适合你的位置，一起创造未来</p>
+            
+            <div class="position-card">
+                <div class="position-header">
+                    <div>
+                        <div class="position-title">高级后端开发工程师</div>
+                        <div class="position-tags">
+                            <span class="tag">北京</span>
+                            <span class="tag">全职</span>
+                            <span class="tag">技术</span>
+                        </div>
+                    </div>
+                    <div class="position-salary">25-40K·15 薪</div>
+                </div>
+                <p class="position-desc">负责愉悦查 API 平台后端架构设计、核心功能开发，支撑高并发、高可用的数据接口服务</p>
+                <div class="position-requirements">
+                    <h4>职位要求：</h4>
+                    <ul>
+                        <li>本科及以上学历，计算机相关专业，5 年以上后端开发经验</li>
+                        <li>精通 Java/Python/Go 至少一门语言，熟悉微服务架构</li>
+                        <li>熟悉 MySQL、Redis、MongoDB 等数据库，有性能优化经验</li>
+                        <li>熟悉 Docker、Kubernetes 等容器化技术</li>
+                        <li>有高并发、分布式系统开发经验者优先</li>
+                        <li>良好的沟通能力和团队协作精神</li>
+                    </ul>
+                </div>
+            </div>
+            
+            <div class="position-card">
+                <div class="position-header">
+                    <div>
+                        <div class="position-title">前端开发工程师</div>
+                        <div class="position-tags">
+                            <span class="tag">北京</span>
+                            <span class="tag">全职</span>
+                            <span class="tag">技术</span>
+                        </div>
+                    </div>
+                    <div class="position-salary">20-35K·14 薪</div>
+                </div>
+                <p class="position-desc">负责公司官网、API 平台、管理后台等前端产品开发，打造优秀的用户体验</p>
+                <div class="position-requirements">
+                    <h4>职位要求：</h4>
+                    <ul>
+                        <li>本科及以上学历，3 年以上前端开发经验</li>
+                        <li>精通 HTML/CSS/JavaScript，熟悉 Vue/React 等框架</li>
+                        <li>熟悉前端工程化，有 Webpack/Vite 等构建工具使用经验</li>
+                        <li>了解后端技术，有全栈开发能力者优先</li>
+                        <li>对用户体验有追求，有良好的审美能力</li>
+                        <li>学习能力强，有良好的沟通能力</li>
+                    </ul>
+                </div>
+            </div>
+            
+            <div class="position-card">
+                <div class="position-header">
+                    <div>
+                        <div class="position-title">数据分析师</div>
+                        <div class="position-tags">
+                            <span class="tag">北京</span>
+                            <span class="tag">全职</span>
+                            <span class="tag">数据</span>
+                        </div>
+                    </div>
+                    <div class="position-salary">18-30K·14 薪</div>
+                </div>
+                <p class="position-desc">负责业务数据分析、用户行为分析、产品优化建议，用数据驱动业务增长</p>
+                <div class="position-requirements">
+                    <h4>职位要求：</h4>
+                    <ul>
+                        <li>本科及以上学历，统计学、数学、计算机相关专业</li>
+                        <li>3 年以上数据分析经验，熟悉 SQL、Python/R</li>
+                        <li>熟悉数据分析方法，有 A/B 测试经验</li>
+                        <li>熟悉 Tableau、PowerBI 等可视化工具</li>
+                        <li>有良好的业务理解能力和逻辑思维能力</li>
+                        <li>优秀的沟通表达能力，能将分析结果转化为 actionable insights</li>
+                    </ul>
+                </div>
+            </div>
+            
+            <div class="position-card">
+                <div class="position-header">
+                    <div>
+                        <div class="position-title">商务拓展经理</div>
+                        <div class="position-tags">
+                            <span class="tag">北京</span>
+                            <span class="tag">全职</span>
+                            <span class="tag">商务</span>
+                        </div>
+                    </div>
+                    <div class="position-salary">20-35K+ 提成</div>
+                </div>
+                <p class="position-desc">负责 API 业务商务拓展、大客户开发、渠道合作，完成业绩目标</p>
+                <div class="position-requirements">
+                    <h4>职位要求：</h4>
+                    <ul>
+                        <li>本科及以上学历，5 年以上 ToB 销售或商务拓展经验</li>
+                        <li>有 API、SaaS、数据服务行业经验者优先</li>
+                        <li>有丰富的企业客户资源和渠道资源</li>
+                        <li>优秀的商务谈判能力和客户关系维护能力</li>
+                        <li>自驱力强，结果导向，能承受工作压力</li>
+                        <li>良好的团队协作精神</li>
+                    </ul>
+                </div>
+            </div>
+            
+            <div class="position-card">
+                <div class="position-header">
+                    <div>
+                        <div class="position-title">产品经理</div>
+                        <div class="position-tags">
+                            <span class="tag">北京</span>
+                            <span class="tag">全职</span>
+                            <span class="tag">产品</span>
+                        </div>
+                    </div>
+                    <div class="position-salary">25-40K·15 薪</div>
+                </div>
+                <p class="position-desc">负责 API 平台产品规划、需求分析、产品设计，推动产品持续优化</p>
+                <div class="position-requirements">
+                    <h4>职位要求：</h4>
+                    <ul>
+                        <li>本科及以上学历，5 年以上互联网产品经验</li>
+                        <li>有 API 平台、开发者工具、数据产品经验者优先</li>
+                        <li>熟悉产品设计流程，熟练使用 Axure、Figma 等工具</li>
+                        <li>有良好的数据分析能力和用户洞察力</li>
+                        <li>优秀的沟通协调能力，能推动跨团队合作</li>
+                        <li>对技术有理解，能与研发团队高效协作</li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <section class="section culture">
+        <div class="container">
+            <h2 class="section-title">我们的文化</h2>
+            <p class="section-subtitle">简单、开放、务实、成长</p>
+            
+            <div class="culture-grid">
+                <div class="culture-card">
+                    <div class="culture-icon">🤝</div>
+                    <h3>简单透明</h3>
+                    <p>简单的人际关系，透明的沟通机制，有话直说，对事不对人</p>
+                </div>
+                
+                <div class="culture-card">
+                    <div class="culture-icon">💡</div>
+                    <h3>开放包容</h3>
+                    <p>鼓励创新，包容失败，每个人的想法都值得被倾听</p>
+                </div>
+                
+                <div class="culture-card">
+                    <div class="culture-icon">🎯</div>
+                    <h3>结果导向</h3>
+                    <p>关注产出而非工时，用结果证明价值，优秀者获得丰厚回报</p>
+                </div>
+                
+                <div class="culture-card">
+                    <div class="culture-icon">🌱</div>
+                    <h3>持续成长</h3>
+                    <p>学习型组织，鼓励尝试新事物，与优秀的人一起变得更好</p>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <section class="cta-section">
+        <div class="container">
+            <h2>期待你的加入</h2>
+            <p>如果你对以上职位感兴趣，或想了解更多机会，欢迎联系我们</p>
+            <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-lg" target="_blank">📮 投递简历</a>
+        </div>
+    </section>
+
+    <footer class="footer">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <h3>愉悦查</h3>
+                    <p>让信任无处不在，让合作没有距离</p>
+                    <p style="margin-top:16px;font-size:13px;">愉悦查（北京正信环宇科技有限公司）</p>
+                    <p style="font-size:13px;">AI 驱动的商业信任科技平台</p>
+                </div>
+                <div>
+                    <h4 class="footer-title">产品</h4>
+                    <ul class="footer-links">
+                        <li><a href="/product/riskassessment.html">个人大数据报告</a></li>
+                        <li><a href="/product/marriage.html">婚恋风险报告</a></li>
+                        <li><a href="/product/backgroundcheck.html">入职背调报告</a></li>
+                        <li><a href="/product/companyinfo.html">小微企业报告</a></li>
+                        <li><a href="/product/homeservice.html">家政风险报告</a></li>
+                        <li><a href="/product/consumerFinanceReport.html">消金报告</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h4 class="footer-title">API</h4>
+                    <ul class="footer-links">
+                        <li><a href="/apidemo/">API 平台</a></li>
+                        <li><a href="/all-apis.html">全部接口</a></li>
+                        <li><a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" target="_blank">技术咨询</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h4 class="footer-title">公司</h4>
+                    <ul class="footer-links">
+                        <li><a href="/about.html">关于我们</a></li>
+                        <li><a href="/careers.html">加入我们</a></li>
+                        <li><a href="/contact.html">联系我们</a></li>
+                        <li><a href="/privacy.html">隐私政策</a></li>
+                        <li><a href="/terms.html">服务条款</a></li>
+                    </ul>
+                </div>
+            </div>
+            <div class="footer-bottom">
+                <p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p>京 ICP 备 2025158088 号 -2</p>
+            </div>
+        </div>
+    </footer>
+</body>
+</html>
diff --git a/careers.html.bak.v2 b/careers.html.bak.v2
new file mode 100755
index 0000000..748b8e0
--- /dev/null
+++ b/careers.html.bak.v2
@@ -0,0 +1,264 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>加入我们 - 愉悦查 | 让信任无处不在，让合作没有距离</title>
+    <meta name="description" content="愉悦查（北京正信环宇科技有限公司）是 AI 驱动的商业信任科技平台，提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告">
+    <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=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    <style>
+        :root { --primary-orange: #FF6A19; --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%); --bg-gray: #F5F7FA; --text-primary: #1A1A1A; --text-secondary: #666666; --spacing-lg: 48px; --spacing-xl: 80px; --radius-lg: 16px; }
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body { font-family: 'Noto Sans SC', sans-serif; line-height: 1.6; color: var(--text-primary); }
+        .container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
+        .navbar { position: fixed; top: 0; background: rgba(255,255,255,0.95); backdrop-filter: blur(10px); box-shadow: 0 2px 20px rgba(0,0,0,0.08); z-index: 1000; }
+        .navbar .container { display: flex; justify-content: space-between; align-items: center; height: 80px; }
+        .logo { display: flex; align-items: center; gap: 8px; text-decoration: none; }
+        .logo-img { height: 60px; width: auto; }
+        .nav-menu { display: flex; gap: 32px; list-style: none; }
+        .nav-link { font-size: 15px; font-weight: 500; color: var(--text-primary); text-decoration: none; transition: all 0.3s ease; }
+        .nav-link:hover { color: var(--primary-orange); }
+        .nav-cta { display: flex; gap: 12px; }
+        .btn { display: inline-block; padding: 10px 20px; font-size: 14px; font-weight: 500; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; text-decoration: none; text-align: center; }
+        .btn-primary { background: var(--primary-gradient); color: white; border: none; box-shadow: 0 4px 12px rgba(236, 77, 9, 0.3); }
+        .btn-outline { background: transparent; border: 2px solid var(--primary-orange); color: var(--primary-orange); }
+        .nav-btn { padding: 10px 20px; font-size: 14px; }
+        .hero { padding: 160px 0 80px; background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%); text-align: center; }
+        .hero h1 { font-size: 48px; color: var(--primary-orange); margin-bottom: 16px; }
+        .section { padding: var(--spacing-xl) 0; }
+        .section-title { text-align: center; font-size: 36px; margin-bottom: 8px; }
+        .section-subtitle { text-align: center; font-size: 18px; color: var(--text-secondary); margin-bottom: 48px; }
+        .values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin-top: 48px; }
+        .value-card { background: white; padding: 32px; border-radius: var(--radius-lg); box-shadow: 0 4px 16px rgba(0,0,0,0.08); text-align: center; }
+        .value-icon { font-size: 48px; margin-bottom: 16px; }
+        .value-card h3 { font-size: 20px; margin-bottom: 12px; color: var(--primary-orange); }
+        .footer { background: #1A1A1A; color: white; padding: 64px 0 32px; }
+        .footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 48px; margin-bottom: 48px; }
+        .footer-brand h3 { font-size: 24px; margin-bottom: 16px; color: var(--primary-orange); }
+        .footer-title { font-size: 16px; font-weight: 600; margin-bottom: 16px; }
+        .footer-links { list-style: none; padding: 0; }
+        .footer-links li { margin-bottom: 8px; }
+        .footer-links a { font-size: 14px; opacity: 0.8; transition: all 0.3s ease; color: white; text-decoration: none; }
+        .footer-links a:hover { opacity: 1; color: var(--primary-orange); }
+        .footer-bottom { text-align: center; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.6; }
+        @media (max-width: 1024px) { .nav-menu { display: none; } }
+        @media (max-width: 768px) { .values-grid { grid-template-columns: 1fr; } .hero h1 { font-size: 32px; } .footer-grid { grid-template-columns: 1fr; } }
+    
+        /* ===== Navigation ===== */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+            transition: var(--transition);
+        }
+        
+        .navbar.scrolled {
+            box-shadow: 0 4px 30px rgba(0,0,0,0.12);
+        }
+        
+        .navbar .container {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            height: 80px;
+            max-width: 1400px;
+            margin: 0 auto;
+            padding: 0 32px;
+        }
+        
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            text-decoration: none;
+            background: transparent;
+            padding: 4px 0;
+        }
+        
+        .logo-img {
+            background: rgba(255,255,255,0.95);
+            height: 60px;
+            width: auto;
+            object-fit: contain;
+            transition: var(--transition);
+        }
+        
+        .logo:hover .logo-img {
+            background: rgba(255,255,255,0.95);
+            transform: scale(1.05);
+        }
+        
+        .nav-menu {
+            display: flex;
+            gap: var(--spacing-lg);
+            align-items: center;
+        }
+        
+        .nav-link {
+            font-size: 15px;
+            font-weight: 500;
+            color: var(--text-primary);
+            transition: var(--transition);
+            position: relative;
+        }
+        
+        .nav-link:hover {
+            color: var(--primary-orange);
+        }
+        
+        .nav-link::after {
+            content: '';
+            position: absolute;
+            bottom: -4px;
+            left: 0;
+            width: 0;
+            height: 2px;
+            background: var(--primary-orange);
+            transition: var(--transition);
+        }
+        
+        .nav-link:hover::after {
+            width: 100%;
+        }
+        
+        .nav-cta {
+            display: flex;
+            gap: var(--spacing-sm);
+        }
+        
+        .nav-btn {
+            padding: 10px 20px;
+            font-size: 14px;
+        }
+        
+        /* Mobile Menu */
+        .menu-toggle {
+            display: none;
+            flex-direction: column;
+            gap: 5px;
+            cursor: pointer;
+            padding: 5px;
+        }
+        
+        .menu-toggle span {
+            width: 25px;
+            height: 3px;
+            background: var(--primary-orange);
+            border-radius: 2px;
+            transition: var(--transition);
+        }
+</style>
+</head>
+<body>
+    <nav class="navbar" id="navbar">
+        <div class="container">
+            <a href="/index.html" class="logo">
+                <img src="assets/logo.png" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            
+            <div class="menu-toggle" id="menuToggle">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+            
+            <ul class="nav-menu" id="navMenu">
+                <li><a href="/index.html#home" class="nav-link">首页</a></li>
+                <li><a href="/index.html#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="/index.html#technology" class="nav-link">AI 能力</a></li>
+                <li><a href="/index.html#partnership" class="nav-link">代理合作</a></li>
+                <li><a href="/index.html#about" class="nav-link">关于我们</a></li>
+            </ul>
+            
+            <div class="nav-cta">
+                <a href="/index.html#products" class="btn btn-outline nav-btn">立即查询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
+            </div>
+        </div>
+    </nav>
+<section class="hero">
+        <div class="container">
+            <h1>加入我们</h1>
+            <p style="font-size:18px;color:var(--text-secondary);max-width:700px;margin:0 auto;">让信任无处不在，让合作没有距离</p>
+        </div>
+    </section>
+    <section class="section">
+        <div class="container">
+            <h2 class="section-title">加入我们</h2>
+            <p style="text-align:center;max-width:800px;margin:0 auto;color:var(--text-secondary);">加入愉悦查，一起让信任无处不在，让合作没有距离！我们提供有竞争力的薪酬、广阔的发展空间和优秀的团队氛围。</p>
+            <div class="values-grid">
+                <div class="value-card">
+                    <div class="value-icon">🤖</div>
+                    <h3>AI 驱动</h3>
+                    <p style="color:var(--text-secondary);">200+ 数据接口智能组合，秒级响应</p>
+                </div>
+                <div class="value-card">
+                    <div class="value-icon">🔒</div>
+                    <h3>安全合规</h3>
+                    <p style="color:var(--text-secondary);">严格遵守《个人信息保护法》，数据官方授权</p>
+                </div>
+                <div class="value-card">
+                    <div class="value-icon">🎯</div>
+                    <h3>专业可靠</h3>
+                    <p style="color:var(--text-secondary);">全面风险评估，PDF 格式报告下载</p>
+                </div>
+            </div>
+        </div>
+    </section>
+    <footer class="footer">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <h3>愉悦查</h3>
+                    <p>让信任无处不在，让合作没有距离</p>
+                </div>
+                <div>
+                    <h4 class="footer-title">产品</h4>
+                    <ul class="footer-links">
+                        <li><a href="/product/riskassessment.html">个人大数据报告</a></li>
+                        <li><a href="/product/marriage.html">婚恋风险报告</a></li>
+                        <li><a href="/product/backgroundcheck.html">入职背调报告</a></li>
+                        <li><a href="/product/companyinfo.html">小微企业报告</a></li>
+                        <li><a href="/product/homeservice.html">家政风险报告</a></li>
+                        <li><a href="/product/consumerFinanceReport.html">消金报告</a></li>
+                        <li><a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" target="_blank">AI 定制报告</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h4 class="footer-title">公司</h4>
+                    <ul class="footer-links">
+                        <li><a href="/about.html">关于我们</a></li>
+                        <li><a href="/careers.html">加入我们</a></li>
+                        <li><a href="/contact.html">联系我们</a></li>
+                        <li><a href="/news.html">新闻动态</a></li>
+                        <li><a href="/partners.html">合作伙伴</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h4 class="footer-title">支持</h4>
+                    <ul class="footer-links">
+                        <li><a href="/help.html">帮助中心</a></li>
+                        <li><a href="/apidemo/">API 文档</a></li>
+                        <li><a href="/index.html#partnership">代理支持</a></li>
+                        <li><a href="/privacy.html">隐私政策</a></li>
+                        <li><a href="/terms.html">服务条款</a></li>
+                        <li><a href="/disclaimer.html">免责声明</a></li>
+                    </ul>
+                </div>
+            </div>
+            <div class="footer-bottom">
+                <p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p class="footer-icp">京 ICP 备 2025158088 号 -2</p>
+            </div>
+        </div>
+    </footer>
+</body>
+</html>
diff --git a/contact.html b/contact.html
new file mode 100755
index 0000000..e72221c
--- /dev/null
+++ b/contact.html
@@ -0,0 +1,775 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>联系我们 - 愉悦查 | 7×12 小时在线服务</title>
+    <meta name="description" content="联系愉悦查，获取产品咨询、技术支持、商务合作。7×12 小时在线服务，企业微信、电话、邮箱多种联系方式。">
+    <meta name="keywords" content="联系愉悦查，技术支持，商务合作，客服联系方式">
+    <!-- SEO Enhancement -->
+    <link rel="canonical" href="https://www.yuyuecha.com.cn/contact.html">
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="https://www.yuyuecha.com.cn/contact.html">
+    <meta property="og:title" content="联系我们 - 愉悦查">
+    <meta property="og:description" content="7×12 小时在线服务，企业微信、电话、邮箱多种联系方式，获取产品咨询、技术支持、商务合作。">
+    <meta property="og:image" content="https://www.yuyuecha.com.cn/assets/logo-nav-2x.png">
+    <meta property="og:site_name" content="愉悦查">
+    <meta property="og:locale" content="zh_CN">
+    <meta name="twitter:card" content="summary">
+    <meta name="twitter:title" content="联系我们 - 愉悦查">
+    <meta name="twitter:description" content="7×12 小时在线服务，企业微信、电话、邮箱多种联系方式，获取产品咨询、技术支持、商务合作。">
+    <meta name="twitter:image" content="https://www.yuyuecha.com.cn/assets/logo-nav-2x.png">
+    
+    <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=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    
+    <style>
+        :root {
+            --primary-orange: #FF6A19;
+            --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
+            --bg-light: #FFFFFF;
+            --bg-gray: #F5F7FA;
+            --bg-dark: #1A1A1A;
+            --text-primary: #1A1A1A;
+            --text-secondary: #666666;
+            --text-light: #999999;
+            --spacing-xs: 8px;
+            --spacing-sm: 16px;
+            --spacing-md: 24px;
+            --spacing-lg: 48px;
+            --spacing-xl: 80px;
+            --radius-md: 8px;
+            --radius-lg: 16px;
+            --shadow-md: 0 4px 16px rgba(0,0,0,0.12);
+            --shadow-lg: 0 8px 32px rgba(0,0,0,0.16);
+            --transition: all 0.3s ease;
+        }
+        
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body { font-family: 'Noto Sans SC', sans-serif; line-height: 1.6; color: var(--text-primary); }
+        a { text-decoration: none; color: inherit; transition: var(--transition); }
+        ul { list-style: none; }
+        .container { max-width: 1400px; margin: 0 auto; padding: 0 var(--spacing-md); }
+        
+        .btn {
+            display: inline-block;
+            padding: 14px 32px;
+            font-size: 15px;
+            font-weight: 500;
+            border-radius: var(--radius-md);
+            cursor: pointer;
+            transition: var(--transition);
+            border: none;
+            text-align: center;
+        }
+        .btn-primary {
+            background: var(--primary-gradient);
+            color: white;
+            box-shadow: 0 4px 12px rgba(255, 106, 25, 0.3);
+        }
+        .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(255, 106, 25, 0.4); }
+        .btn-outline {
+            background: transparent;
+            border: 2px solid var(--primary-orange);
+            color: var(--primary-orange);
+        }
+        .btn-outline:hover { background: var(--primary-gradient); color: white; }
+        .btn-lg { padding: 16px 48px; font-size: 17px; }
+        
+        .navbar {
+            position: fixed;
+            top: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+        }
+        .navbar .container { display: flex; justify-content: space-between; align-items: center; height: 80px; }
+        .logo { display: flex; align-items: center; text-decoration: none; }
+        .logo-img { height: 60px; width: auto; }
+        .nav-menu { display: flex; gap: var(--spacing-lg); }
+        .nav-link { font-size: 15px; font-weight: 500; color: var(--text-primary); }
+        .nav-link:hover { color: var(--primary-orange); }
+        
+        .hero {
+            padding: 160px 0 100px;
+            background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 50%, #F5F7FA 100%);
+            text-align: center;
+        }
+        .hero h1 {
+            font-size: 52px;
+            font-weight: 900;
+            margin-bottom: var(--spacing-sm);
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 50%, #FF8A5C 100%);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+        .hero p { font-size: 22px; color: var(--text-secondary); max-width: 700px; margin: 0 auto; line-height: 1.8; }
+        
+        .section { padding: var(--spacing-xl) 0; }
+        .section-title { text-align: center; font-size: 42px; font-weight: 700; margin-bottom: var(--spacing-xs); }
+        .section-subtitle { text-align: center; font-size: 20px; color: var(--text-secondary); margin-bottom: var(--spacing-lg); }
+        
+        .contact-methods { background: white; }
+        .methods-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
+            gap: var(--spacing-md);
+        }
+        .method-card {
+            background: var(--bg-gray);
+            padding: var(--spacing-lg);
+            border-radius: var(--radius-lg);
+            text-align: center;
+            transition: var(--transition);
+        }
+        .method-card:hover { transform: translateY(-8px); box-shadow: var(--shadow-lg); }
+        .method-icon { font-size: 56px; margin-bottom: var(--spacing-sm); }
+        .method-card h3 { font-size: 22px; margin-bottom: var(--spacing-xs); color: var(--primary-orange); }
+        .method-card p { font-size: 15px; color: var(--text-secondary); margin-bottom: var(--spacing-sm); line-height: 1.7; }
+        .method-action { margin-top: var(--spacing-sm); }
+        .method-note { font-size: 13px; color: var(--text-light); margin-top: var(--spacing-xs); }
+        
+        .office-section { background: var(--bg-gray); }
+        .office-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
+            gap: var(--spacing-md);
+        }
+        .office-card {
+            background: white;
+            padding: var(--spacing-lg);
+            border-radius: var(--radius-lg);
+            box-shadow: var(--shadow-md);
+        }
+        .office-card h3 { font-size: 24px; margin-bottom: var(--spacing-sm); color: var(--primary-orange); }
+        .office-card p { font-size: 15px; color: var(--text-secondary); line-height: 1.8; margin-bottom: 8px; }
+        .office-card .detail { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 12px; }
+        .office-card .detail-icon { font-size: 20px; }
+        
+        .faq-section { background: white; }
+        .faq-list { max-width: 900px; margin: 0 auto; }
+        .faq-item {
+            background: var(--bg-gray);
+            margin-bottom: var(--spacing-sm);
+            border-radius: var(--radius-md);
+            overflow: hidden;
+        }
+        .faq-question {
+            padding: var(--spacing-md) var(--spacing-lg);
+            font-size: 17px;
+            font-weight: 600;
+            cursor: pointer;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+        .faq-answer {
+            padding: 0 var(--spacing-lg) var(--spacing-md);
+            font-size: 15px;
+            color: var(--text-secondary);
+            line-height: 1.8;
+            display: none;
+        }
+        .faq-item.active .faq-answer { display: block; }
+        .faq-icon { font-size: 20px; transition: var(--transition); }
+        .faq-item.active .faq-icon { transform: rotate(45deg); }
+        
+        .cta-section {
+            background: var(--primary-gradient);
+            padding: var(--spacing-xl) 0;
+            text-align: center;
+            color: white;
+        }
+        .cta-section h2 { font-size: 40px; font-weight: 700; margin-bottom: var(--spacing-sm); }
+        .cta-section p { font-size: 18px; margin-bottom: var(--spacing-lg); opacity: 0.95; }
+        .cta-section .btn { background: white; color: var(--primary-orange); }
+        
+        .footer {
+            background: var(--bg-dark);
+            color: white;
+            padding: var(--spacing-xl) 0 var(--spacing-lg);
+        }
+        .footer-grid {
+            display: grid;
+            grid-template-columns: 2fr 1fr 1fr 1fr;
+            gap: var(--spacing-lg);
+            margin-bottom: var(--spacing-lg);
+        }
+        .footer-brand h3 { font-size: 24px; margin-bottom: var(--spacing-xs); }
+        .footer-brand p { color: #CCCCCC; margin-bottom: var(--spacing-xs); font-size: 14px; }
+        .footer-title { font-size: 16px; font-weight: 600; margin-bottom: var(--spacing-sm); }
+        .footer-links li { margin-bottom: 10px; }
+        .footer-links a { color: #CCCCCC; }
+        .footer-links a:hover { color: var(--primary-orange); }
+        .footer-bottom {
+            text-align: center;
+            padding-top: var(--spacing-lg);
+            border-top: 1px solid #333333;
+            color: #999999;
+            font-size: 14px;
+        }
+        
+        @media (max-width: 768px) {
+            .hero h1 { font-size: 36px; }
+            .section-title { font-size: 32px; }
+            .methods-grid, .office-grid { grid-template-columns: 1fr; }
+            .footer-grid { grid-template-columns: 1fr; }
+            .nav-menu { display: none; }
+        }
+    
+        /* ===== Unified Navbar ===== */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            z-index: 1000;
+            padding: 12px 0;
+            transition: all 0.3s ease;
+            background: rgba(255,255,255,0.95);
+            backdrop-filter: blur(20px);
+            -webkit-backdrop-filter: blur(20px);
+        }
+        .navbar.scrolled {
+            padding: 8px 0;
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+        }
+        .navbar .container {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 0 24px;
+        }
+        .logo {
+            display: flex;
+            align-items: center;
+            text-decoration: none;
+        }
+        .logo-img {
+            height: 44px;
+            width: auto;
+            object-fit: contain;
+            transition: all 0.3s ease;
+        }
+        .logo:hover .logo-img {
+            transform: scale(1.03);
+        }
+        .nav-menu {
+            display: flex;
+            gap: 32px;
+            list-style: none;
+            margin: 0;
+            padding: 0;
+        }
+        .nav-link {
+            font-size: 15px;
+            font-weight: 500;
+            color: #1A1A1A;
+            text-decoration: none;
+            position: relative;
+            padding: 6px 0;
+            transition: all 0.3s ease;
+        }
+        .nav-link::after {
+            content: '';
+            position: absolute;
+            bottom: 0;
+            left: 50%;
+            width: 0;
+            height: 2px;
+            background: #FF6A19;
+            transition: all 0.3s ease;
+            transform: translateX(-50%);
+            border-radius: 1px;
+        }
+        .nav-link:hover {
+            color: #FF6A19;
+        }
+        .nav-link:hover::after {
+            width: 100%;
+        }
+        .nav-cta {
+            display: flex;
+            gap: 12px;
+            align-items: center;
+        }
+        .nav-btn {
+            padding: 8px 20px;
+            border-radius: 8px;
+            font-size: 14px;
+            font-weight: 500;
+            cursor: pointer;
+            transition: all 0.3s ease;
+            text-decoration: none;
+            border: none;
+            display: inline-flex;
+            align-items: center;
+        }
+        .btn-outline.nav-btn {
+            border: 1.5px solid #FF6A19;
+            color: #FF6A19;
+            background: transparent;
+        }
+        .btn-outline.nav-btn:hover {
+            background: #FFF5F0;
+        }
+        .btn-primary.nav-btn {
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
+            color: white;
+            box-shadow: 0 2px 8px rgba(255,106,25,0.3);
+        }
+        .btn-primary.nav-btn:hover {
+            transform: translateY(-1px);
+            box-shadow: 0 4px 12px rgba(255,106,25,0.4);
+        }
+        .menu-toggle {
+            display: none;
+            flex-direction: column;
+            gap: 5px;
+            cursor: pointer;
+            padding: 4px;
+            z-index: 1001;
+        }
+        .menu-toggle span {
+            width: 24px;
+            height: 2px;
+            background: #1A1A1A;
+            transition: all 0.3s ease;
+            border-radius: 1px;
+        }
+        @media (max-width: 1024px) {
+            .nav-menu {
+                display: none;
+                position: fixed;
+                top: 0;
+                left: 0;
+                right: 0;
+                bottom: 0;
+                background: rgba(255,255,255,0.98);
+                backdrop-filter: blur(20px);
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                gap: 24px;
+                z-index: 999;
+            }
+            .nav-menu.active {
+                display: flex;
+            }
+            .nav-link {
+                font-size: 18px;
+            }
+            .nav-cta {
+                display: none;
+            }
+            .menu-toggle {
+                display: flex;
+            }
+        }
+
+        /* ===== Unified Footer ===== */
+        .footer {
+            background: #1A1A1A;
+            color: white;
+            padding: 60px 0 30px;
+        }
+        .footer-grid {
+            display: grid;
+            grid-template-columns: 1.5fr 1fr 1fr 1fr;
+            gap: 48px;
+            margin-bottom: 40px;
+        }
+        .footer-brand h3 {
+            font-size: 22px;
+            font-weight: 700;
+            margin-bottom: 8px;
+            background: linear-gradient(135deg, #FF6A19, #FC6E18);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+        .footer-brand p {
+            color: rgba(255,255,255,0.6);
+            font-size: 14px;
+            line-height: 1.6;
+        }
+        .footer-title {
+            font-size: 15px;
+            font-weight: 600;
+            margin-bottom: 16px;
+            color: rgba(255,255,255,0.9);
+        }
+        .footer-links {
+            list-style: none;
+            padding: 0;
+            margin: 0;
+        }
+        .footer-links li {
+            margin-bottom: 10px;
+        }
+        .footer-links a {
+            color: rgba(255,255,255,0.5);
+            text-decoration: none;
+            font-size: 14px;
+            transition: all 0.3s ease;
+        }
+        .footer-links a:hover {
+            color: #FF6A19;
+        }
+        .footer-bottom {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            padding-top: 24px;
+            border-top: 1px solid rgba(255,255,255,0.1);
+            font-size: 13px;
+            color: rgba(255,255,255,0.4);
+        }
+        .footer-icp {
+            color: rgba(255,255,255,0.4);
+        }
+        .footer-icp a {
+            color: rgba(255,255,255,0.4);
+            text-decoration: none;
+        }
+        .footer-icp a:hover {
+            color: #FF6A19;
+        }
+        @media (max-width: 768px) {
+            .footer-grid {
+                grid-template-columns: 1fr 1fr;
+                gap: 32px;
+            }
+            .footer-bottom {
+                flex-direction: column;
+                text-align: center;
+                gap: 8px;
+            }
+        }
+        @media (max-width: 480px) {
+            .footer-grid {
+                grid-template-columns: 1fr;
+            }
+        }
+
+    </style>
+</head>
+<body>
+            <nav class="navbar" id="navbar">
+        <div class="container">
+            <a href="/index.html" class="logo">
+                <img src="assets/logo-nav.png" srcset="assets/logo-nav.png 1x, assets/logo-nav-2x.png 2x" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            
+            <div class="menu-toggle" id="menuToggle">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+            
+            <ul class="nav-menu" id="navMenu">
+                <li><a href="/index.html" class="nav-link">首页</a></li>
+                <li><a href="/index.html#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="/index.html#technology" class="nav-link">AI 能力</a></li>
+                <li><a href="/index.html#partnership" class="nav-link">代理合作</a></li>
+                <li><a href="/about.html" class="nav-link">关于我们</a></li>
+            </ul>
+            
+            <div class="nav-cta">
+                <a href="/index.html#products" class="btn btn-outline nav-btn">立即查询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
+            </div>
+        </div>
+    </nav>
+
+    <section class="hero">
+        <div class="container">
+            <h1>联系我们</h1>
+            <p>7×12 小时在线服务<br>产品咨询、技术支持、商务合作，我们随时为您服务</p>
+        </div>
+    </section>
+
+    <section class="section contact-methods">
+        <div class="container">
+            <h2 class="section-title">联系方式</h2>
+            <p class="section-subtitle">选择最适合您的方式联系我们</p>
+            
+            <div class="methods-grid">
+                <div class="method-card">
+                    <div class="method-icon">💬</div>
+                    <h3>企业微信客服</h3>
+                    <p>7×12 小时在线服务<br>产品咨询、技术支持、售后问题</p>
+                    <div class="method-action">
+                        <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即咨询</a>
+                    </div>
+                    <p class="method-note">⭐ 推荐方式，响应最快</p>
+                </div>
+                
+                <div class="method-card">
+                    <div class="method-icon">📧</div>
+                    <h3>商务邮箱</h3>
+                    <p>商务合作、渠道代理、定制需求</p>
+                    <div class="method-action">
+                        <a href="mailto:business@yuyuecha.com" class="btn btn-outline">发送邮件</a>
+                    </div>
+                    <p class="method-note">工作日 24 小时内回复</p>
+                </div>
+                
+                <div class="method-card">
+                    <div class="method-icon">📞</div>
+                    <h3>电话咨询</h3>
+                    <p>紧急问题、重要事项沟通</p>
+                    <div class="method-action">
+                        <a href="tel:400-xxx-xxxx" class="btn btn-outline">400-xxx-xxxx</a>
+                    </div>
+                    <p class="method-note">工作日 9:00-18:00</p>
+                </div>
+                
+                <div class="method-card">
+                    <div class="method-icon">📍</div>
+                    <h3>公司地址</h3>
+                    <p>北京市丰台区西铁营万达写字楼 13 层<br>欢迎预约来访</p>
+                    <div class="method-action">
+                        <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-outline" target="_blank">预约来访</a>
+                    </div>
+                    <p class="method-note">需提前预约</p>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <section class="section office-section">
+        <div class="container">
+            <h2 class="section-title">公司信息</h2>
+            <p class="section-subtitle">了解更多公司信息</p>
+            
+            <div class="office-grid">
+                <div class="office-card">
+                    <h3>🏢 公司信息</h3>
+                    <div class="detail">
+                        <span class="detail-icon">📋</span>
+                        <div>
+                            <strong>公司全称：</strong>愉悦查（北京正信环宇科技有限公司）
+                        </div>
+                    </div>
+                    <div class="detail">
+                        <span class="detail-icon">📍</span>
+                        <div>
+                            <strong>公司地址：北京市丰台区西铁营万达写字楼 13 层
+                        </div>
+                    </div>
+                    <div class="detail">
+                        <span class="detail-icon">🏛️</span>
+                        <div>
+                            <strong>注册资本：500 万
+                        </div>
+                    </div>
+                    <div class="detail">
+                        <span class="detail-icon">📅</span>
+                        <div>
+                            <strong>成立时间：2025 年
+                        </div>
+                    </div>
+                </div>
+                
+                <div class="office-card">
+                    <h3>📜 资质信息</h3>
+                    <div class="detail">
+                        <span class="detail-icon">🔐</span>
+                        <div>
+                            <strong>ICP 备案：</strong>京 ICP 备 2025158088 号 -2
+                        </div>
+                    </div>
+                    <div class="detail">
+                        <span class="detail-icon">🛡️</span>
+                        <div>
+                            <strong>安全认证：</strong>等保三级认证
+                        </div>
+                    </div>
+                    <div class="detail">
+                        <span class="detail-icon">📊</span>
+                        <div>
+                            <strong>数据来源：</strong>官方授权数据源
+                        </div>
+                    </div>
+                    <div class="detail">
+                        <span class="detail-icon">⚖️</span>
+                        <div>
+                            <strong>合规经营：</strong>严格遵守《个人信息保护法》《数据安全法》
+                        </div>
+                    </div>
+                </div>
+                
+                <div class="office-card">
+                    <h3>⏰ 服务时间</h3>
+                    <div class="detail">
+                        <span class="detail-icon">🕐</span>
+                        <div>
+                            <strong>客服时间：</strong>周一至周日 9:00-21:00
+                        </div>
+                    </div>
+                    <div class="detail">
+                        <span class="detail-icon">💼</span>
+                        <div>
+                            <strong>商务时间：</strong>周一至周五 9:00-18:00
+                        </div>
+                    </div>
+                    <div class="detail">
+                        <span class="detail-icon">🔧</span>
+                        <div>
+                            <strong>技术支持：</strong>7×12 小时在线
+                        </div>
+                    </div>
+                    <div class="detail">
+                        <span class="detail-icon">🚨</span>
+                        <div>
+                            <strong>紧急联系：</strong>企业微信 24 小时留言
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <section class="section faq-section">
+        <div class="container">
+            <h2 class="section-title">常见问题</h2>
+            <p class="section-subtitle">您可能想知道的问题</p>
+            
+            <div class="faq-list">
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>Q: 如何获取产品报价？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        <p>A: 您可以通过企业微信客服咨询产品报价，我们会根据您的具体需求提供详细的价格方案。对于 API 接口，我们提供按次计费、套餐包、预付费等多种计费方式，量大从优。</p>
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>Q: 技术支持响应时间多长？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        <p>A: 我们提供 7×12 小时技术支持服务。一般问题 30 分钟内响应，紧急问题 15 分钟内响应。对于 API 接入等技术问题，我们会安排专业技术人员为您提供一对一指导。</p>
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>Q: 如何成为代理商？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        <p>A: 我们提供白银/黄金/钻石三级代理体系。白银代理零门槛免费加入，黄金代理 198 元/年，钻石代理 980 元/年。您可以通过企业微信客服或商务邮箱联系我们，提交代理申请。</p>
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>Q: 可以定制开发吗？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        <p>A: 是的，我们支持定制开发服务。如果您有特殊的业务需求或需要定制化的数据接口，请通过商务邮箱或企业微信联系我们，我们会安排产品经理与您对接需求。</p>
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>Q: 如何申请发票？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        <p>A: 您可以通过控制台申请发票，或联系客服协助办理。我们支持电子发票和纸质发票，一般 3-5 个工作日内开具并寄出。</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <section class="cta-section">
+        <div class="container">
+            <h2>有任何问题都可以联系我们</h2>
+            <p>我们的团队随时为您服务，期待您的咨询</p>
+            <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-lg" target="_blank">💬 立即咨询</a>
+        </div>
+    </section>
+
+            <footer class="footer">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <h3>愉悦查</h3>
+                    <p>让信任无处不在，让合作没有距离</p>
+                    <p style="margin-top:16px;font-size:13px;color:rgba(255,255,255,0.5);">北京正信环宇科技有限公司</p>
+                    <p style="font-size:13px;color:rgba(255,255,255,0.5);">AI 驱动的商业信任科技平台</p>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">产品</h4>
+                    <ul class="footer-links">
+                        <li><a href="/product/riskassessment.html">个人大数据报告</a></li>
+                        <li><a href="/product/marriage.html">婚恋风险报告</a></li>
+                        <li><a href="/product/backgroundcheck.html">入职背调报告</a></li>
+                        <li><a href="/product/companyinfo.html">小微企业报告</a></li>
+                        <li><a href="/product/homeservice.html">家政风险报告</a></li>
+                        <li><a href="/product/consumerFinanceReport.html">消金报告</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">公司</h4>
+                    <ul class="footer-links">
+                        <li><a href="/about.html">关于我们</a></li>
+                        <li><a href="/careers.html">加入我们</a></li>
+                        <li><a href="/contact.html">联系我们</a></li>
+                        <li><a href="/news.html">新闻动态</a></li>
+                        <li><a href="/partners.html">合作伙伴</a></li>
+                        <li><a href="/investment.html">招商工具包</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">支持</h4>
+                    <ul class="footer-links">
+                        <li><a href="/help.html">帮助中心</a></li>
+                        <li><a href="/apidemo/">API 文档</a></li>
+                        <li><a href="/all-apis.html">全部接口</a></li>
+                        <li><a href="/privacy.html">隐私政策</a></li>
+                        <li><a href="/terms.html">服务条款</a></li>
+                        <li><a href="/disclaimer.html">免责声明</a></li>
+                    </ul>
+                </div>
+            </div>
+            
+            <div class="footer-bottom">
+                <p>&copy; 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p class="footer-icp"><a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow noopener">京ICP备2025158088号-2</a></p>
+            </div>
+        </div>
+    </footer>
+
+    <script>
+        const faqItems = document.querySelectorAll('.faq-item');
+        faqItems.forEach(item => {
+            const question = item.querySelector('.faq-question');
+            question.addEventListener('click', () => {
+                const isActive = item.classList.contains('active');
+                faqItems.forEach(i => i.classList.remove('active'));
+                if (!isActive) {
+                    item.classList.add('active');
+                }
+            });
+        });
+    </script>
+</body>
+</html>
diff --git a/contact.html.bak.address b/contact.html.bak.address
new file mode 100755
index 0000000..149b735
--- /dev/null
+++ b/contact.html.bak.address
@@ -0,0 +1,523 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>联系我们 - 愉悦查 | 7×12 小时在线服务</title>
+    <meta name="description" content="联系愉悦查，获取产品咨询、技术支持、商务合作。7×12 小时在线服务，企业微信、电话、邮箱多种联系方式。">
+    <meta name="keywords" content="联系愉悦查，技术支持，商务合作，客服联系方式">
+    
+    <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=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    
+    <style>
+        :root {
+            --primary-orange: #FF6A19;
+            --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
+            --bg-light: #FFFFFF;
+            --bg-gray: #F5F7FA;
+            --bg-dark: #1A1A1A;
+            --text-primary: #1A1A1A;
+            --text-secondary: #666666;
+            --text-light: #999999;
+            --spacing-xs: 8px;
+            --spacing-sm: 16px;
+            --spacing-md: 24px;
+            --spacing-lg: 48px;
+            --spacing-xl: 80px;
+            --radius-md: 8px;
+            --radius-lg: 16px;
+            --shadow-md: 0 4px 16px rgba(0,0,0,0.12);
+            --shadow-lg: 0 8px 32px rgba(0,0,0,0.16);
+            --transition: all 0.3s ease;
+        }
+        
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body { font-family: 'Noto Sans SC', sans-serif; line-height: 1.6; color: var(--text-primary); }
+        a { text-decoration: none; color: inherit; transition: var(--transition); }
+        ul { list-style: none; }
+        .container { max-width: 1400px; margin: 0 auto; padding: 0 var(--spacing-md); }
+        
+        .btn {
+            display: inline-block;
+            padding: 14px 32px;
+            font-size: 15px;
+            font-weight: 500;
+            border-radius: var(--radius-md);
+            cursor: pointer;
+            transition: var(--transition);
+            border: none;
+            text-align: center;
+        }
+        .btn-primary {
+            background: var(--primary-gradient);
+            color: white;
+            box-shadow: 0 4px 12px rgba(255, 106, 25, 0.3);
+        }
+        .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(255, 106, 25, 0.4); }
+        .btn-outline {
+            background: transparent;
+            border: 2px solid var(--primary-orange);
+            color: var(--primary-orange);
+        }
+        .btn-outline:hover { background: var(--primary-gradient); color: white; }
+        .btn-lg { padding: 16px 48px; font-size: 17px; }
+        
+        .navbar {
+            position: fixed;
+            top: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+        }
+        .navbar .container { display: flex; justify-content: space-between; align-items: center; height: 80px; }
+        .logo { display: flex; align-items: center; text-decoration: none; }
+        .logo-img { height: 60px; width: auto; }
+        .nav-menu { display: flex; gap: var(--spacing-lg); }
+        .nav-link { font-size: 15px; font-weight: 500; color: var(--text-primary); }
+        .nav-link:hover { color: var(--primary-orange); }
+        
+        .hero {
+            padding: 160px 0 100px;
+            background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 50%, #F5F7FA 100%);
+            text-align: center;
+        }
+        .hero h1 {
+            font-size: 52px;
+            font-weight: 900;
+            margin-bottom: var(--spacing-sm);
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 50%, #FF8A5C 100%);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+        .hero p { font-size: 22px; color: var(--text-secondary); max-width: 700px; margin: 0 auto; line-height: 1.8; }
+        
+        .section { padding: var(--spacing-xl) 0; }
+        .section-title { text-align: center; font-size: 42px; font-weight: 700; margin-bottom: var(--spacing-xs); }
+        .section-subtitle { text-align: center; font-size: 20px; color: var(--text-secondary); margin-bottom: var(--spacing-lg); }
+        
+        .contact-methods { background: white; }
+        .methods-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
+            gap: var(--spacing-md);
+        }
+        .method-card {
+            background: var(--bg-gray);
+            padding: var(--spacing-lg);
+            border-radius: var(--radius-lg);
+            text-align: center;
+            transition: var(--transition);
+        }
+        .method-card:hover { transform: translateY(-8px); box-shadow: var(--shadow-lg); }
+        .method-icon { font-size: 56px; margin-bottom: var(--spacing-sm); }
+        .method-card h3 { font-size: 22px; margin-bottom: var(--spacing-xs); color: var(--primary-orange); }
+        .method-card p { font-size: 15px; color: var(--text-secondary); margin-bottom: var(--spacing-sm); line-height: 1.7; }
+        .method-action { margin-top: var(--spacing-sm); }
+        .method-note { font-size: 13px; color: var(--text-light); margin-top: var(--spacing-xs); }
+        
+        .office-section { background: var(--bg-gray); }
+        .office-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
+            gap: var(--spacing-md);
+        }
+        .office-card {
+            background: white;
+            padding: var(--spacing-lg);
+            border-radius: var(--radius-lg);
+            box-shadow: var(--shadow-md);
+        }
+        .office-card h3 { font-size: 24px; margin-bottom: var(--spacing-sm); color: var(--primary-orange); }
+        .office-card p { font-size: 15px; color: var(--text-secondary); line-height: 1.8; margin-bottom: 8px; }
+        .office-card .detail { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 12px; }
+        .office-card .detail-icon { font-size: 20px; }
+        
+        .faq-section { background: white; }
+        .faq-list { max-width: 900px; margin: 0 auto; }
+        .faq-item {
+            background: var(--bg-gray);
+            margin-bottom: var(--spacing-sm);
+            border-radius: var(--radius-md);
+            overflow: hidden;
+        }
+        .faq-question {
+            padding: var(--spacing-md) var(--spacing-lg);
+            font-size: 17px;
+            font-weight: 600;
+            cursor: pointer;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+        .faq-answer {
+            padding: 0 var(--spacing-lg) var(--spacing-md);
+            font-size: 15px;
+            color: var(--text-secondary);
+            line-height: 1.8;
+            display: none;
+        }
+        .faq-item.active .faq-answer { display: block; }
+        .faq-icon { font-size: 20px; transition: var(--transition); }
+        .faq-item.active .faq-icon { transform: rotate(45deg); }
+        
+        .cta-section {
+            background: var(--primary-gradient);
+            padding: var(--spacing-xl) 0;
+            text-align: center;
+            color: white;
+        }
+        .cta-section h2 { font-size: 40px; font-weight: 700; margin-bottom: var(--spacing-sm); }
+        .cta-section p { font-size: 18px; margin-bottom: var(--spacing-lg); opacity: 0.95; }
+        .cta-section .btn { background: white; color: var(--primary-orange); }
+        
+        .footer {
+            background: var(--bg-dark);
+            color: white;
+            padding: var(--spacing-xl) 0 var(--spacing-lg);
+        }
+        .footer-grid {
+            display: grid;
+            grid-template-columns: 2fr 1fr 1fr 1fr;
+            gap: var(--spacing-lg);
+            margin-bottom: var(--spacing-lg);
+        }
+        .footer-brand h3 { font-size: 24px; margin-bottom: var(--spacing-xs); }
+        .footer-brand p { color: #CCCCCC; margin-bottom: var(--spacing-xs); font-size: 14px; }
+        .footer-title { font-size: 16px; font-weight: 600; margin-bottom: var(--spacing-sm); }
+        .footer-links li { margin-bottom: 10px; }
+        .footer-links a { color: #CCCCCC; }
+        .footer-links a:hover { color: var(--primary-orange); }
+        .footer-bottom {
+            text-align: center;
+            padding-top: var(--spacing-lg);
+            border-top: 1px solid #333333;
+            color: #999999;
+            font-size: 14px;
+        }
+        
+        @media (max-width: 768px) {
+            .hero h1 { font-size: 36px; }
+            .section-title { font-size: 32px; }
+            .methods-grid, .office-grid { grid-template-columns: 1fr; }
+            .footer-grid { grid-template-columns: 1fr; }
+            .nav-menu { display: none; }
+        }
+    </style>
+</head>
+<body>
+        <nav class="navbar" id="navbar">
+        <div class="container">
+            <a href="/index.html" class="logo">
+                <img src="assets/logo.png" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            
+            <div class="menu-toggle" id="menuToggle">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+            
+            <ul class="nav-menu" id="navMenu">
+                <li><a href="/index.html" class="nav-link">首页</a></li>
+                <li><a href="/index.html#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="/apidemo/" class="nav-link">API 平台</a></li>
+                <li><a href="/all-apis.html" class="nav-link">全部接口</a></li>
+                <li><a href="/about.html" class="nav-link">关于我们</a></li>
+            </ul>
+            
+            <div class="nav-cta">
+                <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-outline" target="_blank">技术咨询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary" target="_blank">登录</a>
+            </div>
+        </div>
+    </nav>
+
+    <section class="hero">
+        <div class="container">
+            <h1>联系我们</h1>
+            <p>7×12 小时在线服务<br>产品咨询、技术支持、商务合作，我们随时为您服务</p>
+        </div>
+    </section>
+
+    <section class="section contact-methods">
+        <div class="container">
+            <h2 class="section-title">联系方式</h2>
+            <p class="section-subtitle">选择最适合您的方式联系我们</p>
+            
+            <div class="methods-grid">
+                <div class="method-card">
+                    <div class="method-icon">💬</div>
+                    <h3>企业微信客服</h3>
+                    <p>7×12 小时在线服务<br>产品咨询、技术支持、售后问题</p>
+                    <div class="method-action">
+                        <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即咨询</a>
+                    </div>
+                    <p class="method-note">⭐ 推荐方式，响应最快</p>
+                </div>
+                
+                <div class="method-card">
+                    <div class="method-icon">📧</div>
+                    <h3>商务邮箱</h3>
+                    <p>商务合作、渠道代理、定制需求</p>
+                    <div class="method-action">
+                        <a href="mailto:business@yuyuecha.com" class="btn btn-outline">发送邮件</a>
+                    </div>
+                    <p class="method-note">工作日 24 小时内回复</p>
+                </div>
+                
+                <div class="method-card">
+                    <div class="method-icon">📞</div>
+                    <h3>电话咨询</h3>
+                    <p>紧急问题、重要事项沟通</p>
+                    <div class="method-action">
+                        <a href="tel:400-xxx-xxxx" class="btn btn-outline">400-xxx-xxxx</a>
+                    </div>
+                    <p class="method-note">工作日 9:00-18:00</p>
+                </div>
+                
+                <div class="method-card">
+                    <div class="method-icon">📍</div>
+                    <h3>公司地址</h3>
+                    <p>北京市海淀区中关村科技园<br>欢迎预约来访</p>
+                    <div class="method-action">
+                        <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-outline" target="_blank">预约来访</a>
+                    </div>
+                    <p class="method-note">需提前预约</p>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <section class="section office-section">
+        <div class="container">
+            <h2 class="section-title">公司信息</h2>
+            <p class="section-subtitle">了解更多公司信息</p>
+            
+            <div class="office-grid">
+                <div class="office-card">
+                    <h3>🏢 公司信息</h3>
+                    <div class="detail">
+                        <span class="detail-icon">📋</span>
+                        <div>
+                            <strong>公司全称：</strong>愉悦查（北京正信环宇科技有限公司）
+                        </div>
+                    </div>
+                    <div class="detail">
+                        <span class="detail-icon">📍</span>
+                        <div>
+                            <strong>公司地址：</strong>北京市海淀区中关村科技园 XX 大厦 X 层
+                        </div>
+                    </div>
+                    <div class="detail">
+                        <span class="detail-icon">🏛️</span>
+                        <div>
+                            <strong>注册资本：</strong>XXX 万元人民币
+                        </div>
+                    </div>
+                    <div class="detail">
+                        <span class="detail-icon">📅</span>
+                        <div>
+                            <strong>成立时间：</strong>2025 年
+                        </div>
+                    </div>
+                </div>
+                
+                <div class="office-card">
+                    <h3>📜 资质信息</h3>
+                    <div class="detail">
+                        <span class="detail-icon">🔐</span>
+                        <div>
+                            <strong>ICP 备案：</strong>京 ICP 备 2025158088 号 -2
+                        </div>
+                    </div>
+                    <div class="detail">
+                        <span class="detail-icon">🛡️</span>
+                        <div>
+                            <strong>安全认证：</strong>等保三级认证
+                        </div>
+                    </div>
+                    <div class="detail">
+                        <span class="detail-icon">📊</span>
+                        <div>
+                            <strong>数据来源：</strong>官方授权数据源
+                        </div>
+                    </div>
+                    <div class="detail">
+                        <span class="detail-icon">⚖️</span>
+                        <div>
+                            <strong>合规经营：</strong>严格遵守《个人信息保护法》《数据安全法》
+                        </div>
+                    </div>
+                </div>
+                
+                <div class="office-card">
+                    <h3>⏰ 服务时间</h3>
+                    <div class="detail">
+                        <span class="detail-icon">🕐</span>
+                        <div>
+                            <strong>客服时间：</strong>周一至周日 9:00-21:00
+                        </div>
+                    </div>
+                    <div class="detail">
+                        <span class="detail-icon">💼</span>
+                        <div>
+                            <strong>商务时间：</strong>周一至周五 9:00-18:00
+                        </div>
+                    </div>
+                    <div class="detail">
+                        <span class="detail-icon">🔧</span>
+                        <div>
+                            <strong>技术支持：</strong>7×12 小时在线
+                        </div>
+                    </div>
+                    <div class="detail">
+                        <span class="detail-icon">🚨</span>
+                        <div>
+                            <strong>紧急联系：</strong>企业微信 24 小时留言
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <section class="section faq-section">
+        <div class="container">
+            <h2 class="section-title">常见问题</h2>
+            <p class="section-subtitle">您可能想知道的问题</p>
+            
+            <div class="faq-list">
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>Q: 如何获取产品报价？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        <p>A: 您可以通过企业微信客服咨询产品报价，我们会根据您的具体需求提供详细的价格方案。对于 API 接口，我们提供按次计费、套餐包、预付费等多种计费方式，量大从优。</p>
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>Q: 技术支持响应时间多长？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        <p>A: 我们提供 7×12 小时技术支持服务。一般问题 30 分钟内响应，紧急问题 15 分钟内响应。对于 API 接入等技术问题，我们会安排专业技术人员为您提供一对一指导。</p>
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>Q: 如何成为代理商？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        <p>A: 我们提供白银/黄金/钻石三级代理体系。白银代理零门槛免费加入，黄金代理 198 元/年，钻石代理 980 元/年。您可以通过企业微信客服或商务邮箱联系我们，提交代理申请。</p>
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>Q: 可以定制开发吗？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        <p>A: 是的，我们支持定制开发服务。如果您有特殊的业务需求或需要定制化的数据接口，请通过商务邮箱或企业微信联系我们，我们会安排产品经理与您对接需求。</p>
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>Q: 如何申请发票？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        <p>A: 您可以通过控制台申请发票，或联系客服协助办理。我们支持电子发票和纸质发票，一般 3-5 个工作日内开具并寄出。</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <section class="cta-section">
+        <div class="container">
+            <h2>有任何问题都可以联系我们</h2>
+            <p>我们的团队随时为您服务，期待您的咨询</p>
+            <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-lg" target="_blank">💬 立即咨询</a>
+        </div>
+    </section>
+
+        <footer class="footer">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <h3>愉悦查</h3>
+                    <p>让信任无处不在，让合作没有距离</p>
+                    <p style="margin-top:16px;font-size:13px;">愉悦查（北京正信环宇科技有限公司）</p>
+                    <p style="font-size:13px;">AI 驱动的商业信任科技平台</p>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">产品</h4>
+                    <ul class="footer-links">
+                        <li><a href="/product/riskassessment.html">个人大数据报告</a></li>
+                        <li><a href="/product/marriage.html">婚恋风险报告</a></li>
+                        <li><a href="/product/backgroundcheck.html">入职背调报告</a></li>
+                        <li><a href="/product/companyinfo.html">小微企业报告</a></li>
+                        <li><a href="/product/homeservice.html">家政风险报告</a></li>
+                        <li><a href="/product/consumerFinanceReport.html">消金报告</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">公司</h4>
+                    <ul class="footer-links">
+                        <li><a href="/about.html">关于我们</a></li>
+                        <li><a href="/careers.html">加入我们</a></li>
+                        <li><a href="/contact.html">联系我们</a></li>
+                        <li><a href="/news.html">新闻动态</a></li>
+                        <li><a href="/partners.html">合作伙伴</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">支持</h4>
+                    <ul class="footer-links">
+                        <li><a href="/help.html">帮助中心</a></li>
+                        <li><a href="/apidemo/">API 文档</a></li>
+                        <li><a href="/index.html#partnership">代理支持</a></li>
+                        <li><a href="/privacy.html">隐私政策</a></li>
+                        <li><a href="/terms.html">服务条款</a></li>
+                        <li><a href="/disclaimer.html">免责声明</a></li>
+                    </ul>
+                </div>
+            </div>
+            
+            <div class="footer-bottom">
+                <p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p>京 ICP 备 2025158088 号 -2</p>
+            </div>
+        </div>
+    </footer>
+
+    <script>
+        const faqItems = document.querySelectorAll('.faq-item');
+        faqItems.forEach(item => {
+            const question = item.querySelector('.faq-question');
+            question.addEventListener('click', () => {
+                const isActive = item.classList.contains('active');
+                faqItems.forEach(i => i.classList.remove('active'));
+                if (!isActive) {
+                    item.classList.add('active');
+                }
+            });
+        });
+    </script>
+</body>
+</html>
diff --git a/contact.html.bak.final b/contact.html.bak.final
new file mode 100755
index 0000000..5aa7d29
--- /dev/null
+++ b/contact.html.bak.final
@@ -0,0 +1,523 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>联系我们 - 愉悦查 | 7×12 小时在线服务</title>
+    <meta name="description" content="联系愉悦查，获取产品咨询、技术支持、商务合作。7×12 小时在线服务，企业微信、电话、邮箱多种联系方式。">
+    <meta name="keywords" content="联系愉悦查，技术支持，商务合作，客服联系方式">
+    
+    <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=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    
+    <style>
+        :root {
+            --primary-orange: #FF6A19;
+            --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
+            --bg-light: #FFFFFF;
+            --bg-gray: #F5F7FA;
+            --bg-dark: #1A1A1A;
+            --text-primary: #1A1A1A;
+            --text-secondary: #666666;
+            --text-light: #999999;
+            --spacing-xs: 8px;
+            --spacing-sm: 16px;
+            --spacing-md: 24px;
+            --spacing-lg: 48px;
+            --spacing-xl: 80px;
+            --radius-md: 8px;
+            --radius-lg: 16px;
+            --shadow-md: 0 4px 16px rgba(0,0,0,0.12);
+            --shadow-lg: 0 8px 32px rgba(0,0,0,0.16);
+            --transition: all 0.3s ease;
+        }
+        
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body { font-family: 'Noto Sans SC', sans-serif; line-height: 1.6; color: var(--text-primary); }
+        a { text-decoration: none; color: inherit; transition: var(--transition); }
+        ul { list-style: none; }
+        .container { max-width: 1400px; margin: 0 auto; padding: 0 var(--spacing-md); }
+        
+        .btn {
+            display: inline-block;
+            padding: 14px 32px;
+            font-size: 15px;
+            font-weight: 500;
+            border-radius: var(--radius-md);
+            cursor: pointer;
+            transition: var(--transition);
+            border: none;
+            text-align: center;
+        }
+        .btn-primary {
+            background: var(--primary-gradient);
+            color: white;
+            box-shadow: 0 4px 12px rgba(255, 106, 25, 0.3);
+        }
+        .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(255, 106, 25, 0.4); }
+        .btn-outline {
+            background: transparent;
+            border: 2px solid var(--primary-orange);
+            color: var(--primary-orange);
+        }
+        .btn-outline:hover { background: var(--primary-gradient); color: white; }
+        .btn-lg { padding: 16px 48px; font-size: 17px; }
+        
+        .navbar {
+            position: fixed;
+            top: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+        }
+        .navbar .container { display: flex; justify-content: space-between; align-items: center; height: 80px; }
+        .logo { display: flex; align-items: center; text-decoration: none; }
+        .logo-img { height: 60px; width: auto; }
+        .nav-menu { display: flex; gap: var(--spacing-lg); }
+        .nav-link { font-size: 15px; font-weight: 500; color: var(--text-primary); }
+        .nav-link:hover { color: var(--primary-orange); }
+        
+        .hero {
+            padding: 160px 0 100px;
+            background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 50%, #F5F7FA 100%);
+            text-align: center;
+        }
+        .hero h1 {
+            font-size: 52px;
+            font-weight: 900;
+            margin-bottom: var(--spacing-sm);
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 50%, #FF8A5C 100%);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+        .hero p { font-size: 22px; color: var(--text-secondary); max-width: 700px; margin: 0 auto; line-height: 1.8; }
+        
+        .section { padding: var(--spacing-xl) 0; }
+        .section-title { text-align: center; font-size: 42px; font-weight: 700; margin-bottom: var(--spacing-xs); }
+        .section-subtitle { text-align: center; font-size: 20px; color: var(--text-secondary); margin-bottom: var(--spacing-lg); }
+        
+        .contact-methods { background: white; }
+        .methods-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
+            gap: var(--spacing-md);
+        }
+        .method-card {
+            background: var(--bg-gray);
+            padding: var(--spacing-lg);
+            border-radius: var(--radius-lg);
+            text-align: center;
+            transition: var(--transition);
+        }
+        .method-card:hover { transform: translateY(-8px); box-shadow: var(--shadow-lg); }
+        .method-icon { font-size: 56px; margin-bottom: var(--spacing-sm); }
+        .method-card h3 { font-size: 22px; margin-bottom: var(--spacing-xs); color: var(--primary-orange); }
+        .method-card p { font-size: 15px; color: var(--text-secondary); margin-bottom: var(--spacing-sm); line-height: 1.7; }
+        .method-action { margin-top: var(--spacing-sm); }
+        .method-note { font-size: 13px; color: var(--text-light); margin-top: var(--spacing-xs); }
+        
+        .office-section { background: var(--bg-gray); }
+        .office-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
+            gap: var(--spacing-md);
+        }
+        .office-card {
+            background: white;
+            padding: var(--spacing-lg);
+            border-radius: var(--radius-lg);
+            box-shadow: var(--shadow-md);
+        }
+        .office-card h3 { font-size: 24px; margin-bottom: var(--spacing-sm); color: var(--primary-orange); }
+        .office-card p { font-size: 15px; color: var(--text-secondary); line-height: 1.8; margin-bottom: 8px; }
+        .office-card .detail { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 12px; }
+        .office-card .detail-icon { font-size: 20px; }
+        
+        .faq-section { background: white; }
+        .faq-list { max-width: 900px; margin: 0 auto; }
+        .faq-item {
+            background: var(--bg-gray);
+            margin-bottom: var(--spacing-sm);
+            border-radius: var(--radius-md);
+            overflow: hidden;
+        }
+        .faq-question {
+            padding: var(--spacing-md) var(--spacing-lg);
+            font-size: 17px;
+            font-weight: 600;
+            cursor: pointer;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+        .faq-answer {
+            padding: 0 var(--spacing-lg) var(--spacing-md);
+            font-size: 15px;
+            color: var(--text-secondary);
+            line-height: 1.8;
+            display: none;
+        }
+        .faq-item.active .faq-answer { display: block; }
+        .faq-icon { font-size: 20px; transition: var(--transition); }
+        .faq-item.active .faq-icon { transform: rotate(45deg); }
+        
+        .cta-section {
+            background: var(--primary-gradient);
+            padding: var(--spacing-xl) 0;
+            text-align: center;
+            color: white;
+        }
+        .cta-section h2 { font-size: 40px; font-weight: 700; margin-bottom: var(--spacing-sm); }
+        .cta-section p { font-size: 18px; margin-bottom: var(--spacing-lg); opacity: 0.95; }
+        .cta-section .btn { background: white; color: var(--primary-orange); }
+        
+        .footer {
+            background: var(--bg-dark);
+            color: white;
+            padding: var(--spacing-xl) 0 var(--spacing-lg);
+        }
+        .footer-grid {
+            display: grid;
+            grid-template-columns: 2fr 1fr 1fr 1fr;
+            gap: var(--spacing-lg);
+            margin-bottom: var(--spacing-lg);
+        }
+        .footer-brand h3 { font-size: 24px; margin-bottom: var(--spacing-xs); }
+        .footer-brand p { color: #CCCCCC; margin-bottom: var(--spacing-xs); font-size: 14px; }
+        .footer-title { font-size: 16px; font-weight: 600; margin-bottom: var(--spacing-sm); }
+        .footer-links li { margin-bottom: 10px; }
+        .footer-links a { color: #CCCCCC; }
+        .footer-links a:hover { color: var(--primary-orange); }
+        .footer-bottom {
+            text-align: center;
+            padding-top: var(--spacing-lg);
+            border-top: 1px solid #333333;
+            color: #999999;
+            font-size: 14px;
+        }
+        
+        @media (max-width: 768px) {
+            .hero h1 { font-size: 36px; }
+            .section-title { font-size: 32px; }
+            .methods-grid, .office-grid { grid-template-columns: 1fr; }
+            .footer-grid { grid-template-columns: 1fr; }
+            .nav-menu { display: none; }
+        }
+    </style>
+</head>
+<body>
+        <nav class="navbar" id="navbar">
+        <div class="container">
+            <a href="/index.html" class="logo">
+                <img src="assets/logo.png" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            
+            <div class="menu-toggle" id="menuToggle">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+            
+            <ul class="nav-menu" id="navMenu">
+                <li><a href="/index.html" class="nav-link">首页</a></li>
+                <li><a href="/index.html#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="/apidemo/" class="nav-link">API 平台</a></li>
+                <li><a href="/all-apis.html" class="nav-link">全部接口</a></li>
+                <li><a href="/about.html" class="nav-link">关于我们</a></li>
+            </ul>
+            
+            <div class="nav-cta">
+                <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-outline" target="_blank">技术咨询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary" target="_blank">登录</a>
+            </div>
+        </div>
+    </nav>
+
+    <section class="hero">
+        <div class="container">
+            <h1>联系我们</h1>
+            <p>7×12 小时在线服务<br>产品咨询、技术支持、商务合作，我们随时为您服务</p>
+        </div>
+    </section>
+
+    <section class="section contact-methods">
+        <div class="container">
+            <h2 class="section-title">联系方式</h2>
+            <p class="section-subtitle">选择最适合您的方式联系我们</p>
+            
+            <div class="methods-grid">
+                <div class="method-card">
+                    <div class="method-icon">💬</div>
+                    <h3>企业微信客服</h3>
+                    <p>7×12 小时在线服务<br>产品咨询、技术支持、售后问题</p>
+                    <div class="method-action">
+                        <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即咨询</a>
+                    </div>
+                    <p class="method-note">⭐ 推荐方式，响应最快</p>
+                </div>
+                
+                <div class="method-card">
+                    <div class="method-icon">📧</div>
+                    <h3>商务邮箱</h3>
+                    <p>商务合作、渠道代理、定制需求</p>
+                    <div class="method-action">
+                        <a href="mailto:business@yuyuecha.com" class="btn btn-outline">发送邮件</a>
+                    </div>
+                    <p class="method-note">工作日 24 小时内回复</p>
+                </div>
+                
+                <div class="method-card">
+                    <div class="method-icon">📞</div>
+                    <h3>电话咨询</h3>
+                    <p>紧急问题、重要事项沟通</p>
+                    <div class="method-action">
+                        <a href="tel:400-xxx-xxxx" class="btn btn-outline">400-xxx-xxxx</a>
+                    </div>
+                    <p class="method-note">工作日 9:00-18:00</p>
+                </div>
+                
+                <div class="method-card">
+                    <div class="method-icon">📍</div>
+                    <h3>公司地址</h3>
+                    <p>北京市海淀区中关村科技园<br>欢迎预约来访</p>
+                    <div class="method-action">
+                        <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-outline" target="_blank">预约来访</a>
+                    </div>
+                    <p class="method-note">需提前预约</p>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <section class="section office-section">
+        <div class="container">
+            <h2 class="section-title">公司信息</h2>
+            <p class="section-subtitle">了解更多公司信息</p>
+            
+            <div class="office-grid">
+                <div class="office-card">
+                    <h3>🏢 公司信息</h3>
+                    <div class="detail">
+                        <span class="detail-icon">📋</span>
+                        <div>
+                            <strong>公司全称：</strong>愉悦查（北京正信环宇科技有限公司）
+                        </div>
+                    </div>
+                    <div class="detail">
+                        <span class="detail-icon">📍</span>
+                        <div>
+                            <strong>公司地址：北京市海淀区中关村科技园 XX 大厦 X 层
+                        </div>
+                    </div>
+                    <div class="detail">
+                        <span class="detail-icon">🏛️</span>
+                        <div>
+                            <strong>注册资本：XXX 万元人民币
+                        </div>
+                    </div>
+                    <div class="detail">
+                        <span class="detail-icon">📅</span>
+                        <div>
+                            <strong>成立时间：2025 年
+                        </div>
+                    </div>
+                </div>
+                
+                <div class="office-card">
+                    <h3>📜 资质信息</h3>
+                    <div class="detail">
+                        <span class="detail-icon">🔐</span>
+                        <div>
+                            <strong>ICP 备案：</strong>京 ICP 备 2025158088 号 -2
+                        </div>
+                    </div>
+                    <div class="detail">
+                        <span class="detail-icon">🛡️</span>
+                        <div>
+                            <strong>安全认证：</strong>等保三级认证
+                        </div>
+                    </div>
+                    <div class="detail">
+                        <span class="detail-icon">📊</span>
+                        <div>
+                            <strong>数据来源：</strong>官方授权数据源
+                        </div>
+                    </div>
+                    <div class="detail">
+                        <span class="detail-icon">⚖️</span>
+                        <div>
+                            <strong>合规经营：</strong>严格遵守《个人信息保护法》《数据安全法》
+                        </div>
+                    </div>
+                </div>
+                
+                <div class="office-card">
+                    <h3>⏰ 服务时间</h3>
+                    <div class="detail">
+                        <span class="detail-icon">🕐</span>
+                        <div>
+                            <strong>客服时间：</strong>周一至周日 9:00-21:00
+                        </div>
+                    </div>
+                    <div class="detail">
+                        <span class="detail-icon">💼</span>
+                        <div>
+                            <strong>商务时间：</strong>周一至周五 9:00-18:00
+                        </div>
+                    </div>
+                    <div class="detail">
+                        <span class="detail-icon">🔧</span>
+                        <div>
+                            <strong>技术支持：</strong>7×12 小时在线
+                        </div>
+                    </div>
+                    <div class="detail">
+                        <span class="detail-icon">🚨</span>
+                        <div>
+                            <strong>紧急联系：</strong>企业微信 24 小时留言
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <section class="section faq-section">
+        <div class="container">
+            <h2 class="section-title">常见问题</h2>
+            <p class="section-subtitle">您可能想知道的问题</p>
+            
+            <div class="faq-list">
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>Q: 如何获取产品报价？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        <p>A: 您可以通过企业微信客服咨询产品报价，我们会根据您的具体需求提供详细的价格方案。对于 API 接口，我们提供按次计费、套餐包、预付费等多种计费方式，量大从优。</p>
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>Q: 技术支持响应时间多长？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        <p>A: 我们提供 7×12 小时技术支持服务。一般问题 30 分钟内响应，紧急问题 15 分钟内响应。对于 API 接入等技术问题，我们会安排专业技术人员为您提供一对一指导。</p>
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>Q: 如何成为代理商？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        <p>A: 我们提供白银/黄金/钻石三级代理体系。白银代理零门槛免费加入，黄金代理 198 元/年，钻石代理 980 元/年。您可以通过企业微信客服或商务邮箱联系我们，提交代理申请。</p>
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>Q: 可以定制开发吗？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        <p>A: 是的，我们支持定制开发服务。如果您有特殊的业务需求或需要定制化的数据接口，请通过商务邮箱或企业微信联系我们，我们会安排产品经理与您对接需求。</p>
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>Q: 如何申请发票？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        <p>A: 您可以通过控制台申请发票，或联系客服协助办理。我们支持电子发票和纸质发票，一般 3-5 个工作日内开具并寄出。</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <section class="cta-section">
+        <div class="container">
+            <h2>有任何问题都可以联系我们</h2>
+            <p>我们的团队随时为您服务，期待您的咨询</p>
+            <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-lg" target="_blank">💬 立即咨询</a>
+        </div>
+    </section>
+
+        <footer class="footer">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <h3>愉悦查</h3>
+                    <p>让信任无处不在，让合作没有距离</p>
+                    <p style="margin-top:16px;font-size:13px;">愉悦查（北京正信环宇科技有限公司）</p>
+                    <p style="font-size:13px;">AI 驱动的商业信任科技平台</p>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">产品</h4>
+                    <ul class="footer-links">
+                        <li><a href="/product/riskassessment.html">个人大数据报告</a></li>
+                        <li><a href="/product/marriage.html">婚恋风险报告</a></li>
+                        <li><a href="/product/backgroundcheck.html">入职背调报告</a></li>
+                        <li><a href="/product/companyinfo.html">小微企业报告</a></li>
+                        <li><a href="/product/homeservice.html">家政风险报告</a></li>
+                        <li><a href="/product/consumerFinanceReport.html">消金报告</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">公司</h4>
+                    <ul class="footer-links">
+                        <li><a href="/about.html">关于我们</a></li>
+                        <li><a href="/careers.html">加入我们</a></li>
+                        <li><a href="/contact.html">联系我们</a></li>
+                        <li><a href="/news.html">新闻动态</a></li>
+                        <li><a href="/partners.html">合作伙伴</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">支持</h4>
+                    <ul class="footer-links">
+                        <li><a href="/help.html">帮助中心</a></li>
+                        <li><a href="/apidemo/">API 文档</a></li>
+                        <li><a href="/index.html#partnership">代理支持</a></li>
+                        <li><a href="/privacy.html">隐私政策</a></li>
+                        <li><a href="/terms.html">服务条款</a></li>
+                        <li><a href="/disclaimer.html">免责声明</a></li>
+                    </ul>
+                </div>
+            </div>
+            
+            <div class="footer-bottom">
+                <p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p>京 ICP 备 2025158088 号 -2</p>
+            </div>
+        </div>
+    </footer>
+
+    <script>
+        const faqItems = document.querySelectorAll('.faq-item');
+        faqItems.forEach(item => {
+            const question = item.querySelector('.faq-question');
+            question.addEventListener('click', () => {
+                const isActive = item.classList.contains('active');
+                faqItems.forEach(i => i.classList.remove('active'));
+                if (!isActive) {
+                    item.classList.add('active');
+                }
+            });
+        });
+    </script>
+</body>
+</html>
diff --git a/contact.html.bak.navbar b/contact.html.bak.navbar
new file mode 100755
index 0000000..893490d
--- /dev/null
+++ b/contact.html.bak.navbar
@@ -0,0 +1,147 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>联系我们 - 愉悦查 | 让信任无处不在，让合作没有距离</title>
+    <meta name="description" content="愉悦查（北京正信环宇科技有限公司）是 AI 驱动的商业信任科技平台，提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告">
+    <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=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    <style>
+        :root { --primary-orange: #FF6A19; --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%); --bg-gray: #F5F7FA; --text-primary: #1A1A1A; --text-secondary: #666666; --spacing-lg: 48px; --spacing-xl: 80px; --radius-lg: 16px; }
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body { font-family: 'Noto Sans SC', sans-serif; line-height: 1.6; color: var(--text-primary); }
+        .container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
+        .navbar { position: fixed; top: 0; background: rgba(255,255,255,0.95); backdrop-filter: blur(10px); box-shadow: 0 2px 20px rgba(0,0,0,0.08); z-index: 1000; }
+        .navbar .container { display: flex; justify-content: space-between; align-items: center; height: 80px; }
+        .logo { display: flex; align-items: center; gap: 8px; text-decoration: none; }
+        .logo-img { height: 60px; width: auto; }
+        .nav-menu { display: flex; gap: 32px; list-style: none; }
+        .nav-link { font-size: 15px; font-weight: 500; color: var(--text-primary); text-decoration: none; transition: all 0.3s ease; }
+        .nav-link:hover { color: var(--primary-orange); }
+        .nav-cta { display: flex; gap: 12px; }
+        .btn { display: inline-block; padding: 10px 20px; font-size: 14px; font-weight: 500; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; text-decoration: none; text-align: center; }
+        .btn-primary { background: var(--primary-gradient); color: white; border: none; box-shadow: 0 4px 12px rgba(236, 77, 9, 0.3); }
+        .btn-outline { background: transparent; border: 2px solid var(--primary-orange); color: var(--primary-orange); }
+        .nav-btn { padding: 10px 20px; font-size: 14px; }
+        .hero { padding: 160px 0 80px; background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%); text-align: center; }
+        .hero h1 { font-size: 48px; color: var(--primary-orange); margin-bottom: 16px; }
+        .section { padding: var(--spacing-xl) 0; }
+        .section-title { text-align: center; font-size: 36px; margin-bottom: 8px; }
+        .section-subtitle { text-align: center; font-size: 18px; color: var(--text-secondary); margin-bottom: 48px; }
+        .values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin-top: 48px; }
+        .value-card { background: white; padding: 32px; border-radius: var(--radius-lg); box-shadow: 0 4px 16px rgba(0,0,0,0.08); text-align: center; }
+        .value-icon { font-size: 48px; margin-bottom: 16px; }
+        .value-card h3 { font-size: 20px; margin-bottom: 12px; color: var(--primary-orange); }
+        .footer { background: #1A1A1A; color: white; padding: 64px 0 32px; }
+        .footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 48px; margin-bottom: 48px; }
+        .footer-brand h3 { font-size: 24px; margin-bottom: 16px; color: var(--primary-orange); }
+        .footer-title { font-size: 16px; font-weight: 600; margin-bottom: 16px; }
+        .footer-links { list-style: none; padding: 0; }
+        .footer-links li { margin-bottom: 8px; }
+        .footer-links a { font-size: 14px; opacity: 0.8; transition: all 0.3s ease; color: white; text-decoration: none; }
+        .footer-links a:hover { opacity: 1; color: var(--primary-orange); }
+        .footer-bottom { text-align: center; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.6; }
+        @media (max-width: 1024px) { .nav-menu { display: none; } }
+        @media (max-width: 768px) { .values-grid { grid-template-columns: 1fr; } .hero h1 { font-size: 32px; } .footer-grid { grid-template-columns: 1fr; } }
+    </style>
+</head>
+<body>
+    <nav class="navbar">
+        <div class="container">
+            <a href="/index.html" class="logo">
+                <img src="assets/logo.png" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            <ul class="nav-menu">
+                <li><a href="/index.html#home" class="nav-link">首页</a></li>
+                <li><a href="/index.html#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="/index.html#technology" class="nav-link">AI 能力</a></li>
+                <li><a href="/index.html#partnership" class="nav-link">代理合作</a></li>
+                <li><a href="/index.html#about" class="nav-link">关于我们</a></li>
+            </ul>
+            <div class="nav-cta">
+                <a href="/index.html#products" class="btn btn-outline nav-btn">立即查询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
+            </div>
+        </div>
+    </nav>
+    <section class="hero">
+        <div class="container">
+            <h1>联系我们</h1>
+            <p style="font-size:18px;color:var(--text-secondary);max-width:700px;margin:0 auto;">让信任无处不在，让合作没有距离</p>
+        </div>
+    </section>
+    <section class="section">
+        <div class="container">
+            <h2 class="section-title">联系方式</h2>
+            <p style="text-align:center;max-width:800px;margin:0 auto;color:var(--text-secondary);">如有任何问题，欢迎随时联系我们。我们将尽快为您解答。</p>
+            <div class="values-grid">
+                <div class="value-card">
+                    <div class="value-icon">🤖</div>
+                    <h3>AI 驱动</h3>
+                    <p style="color:var(--text-secondary);">200+ 数据接口智能组合，秒级响应</p>
+                </div>
+                <div class="value-card">
+                    <div class="value-icon">🔒</div>
+                    <h3>安全合规</h3>
+                    <p style="color:var(--text-secondary);">严格遵守《个人信息保护法》，数据官方授权</p>
+                </div>
+                <div class="value-card">
+                    <div class="value-icon">🎯</div>
+                    <h3>专业可靠</h3>
+                    <p style="color:var(--text-secondary);">全面风险评估，PDF 格式报告下载</p>
+                </div>
+            </div>
+        </div>
+    </section>
+    <footer class="footer">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <h3>愉悦查</h3>
+                    <p>让信任无处不在，让合作没有距离</p>
+                </div>
+                <div>
+                    <h4 class="footer-title">产品</h4>
+                    <ul class="footer-links">
+                        <li><a href="/product/riskassessment.html">个人大数据报告</a></li>
+                        <li><a href="/product/marriage.html">婚恋风险报告</a></li>
+                        <li><a href="/product/backgroundcheck.html">入职背调报告</a></li>
+                        <li><a href="/product/companyinfo.html">小微企业报告</a></li>
+                        <li><a href="/product/homeservice.html">家政风险报告</a></li>
+                        <li><a href="/product/consumerFinanceReport.html">消金报告</a></li>
+                        <li><a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" target="_blank">AI 定制报告</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h4 class="footer-title">公司</h4>
+                    <ul class="footer-links">
+                        <li><a href="/about.html">关于我们</a></li>
+                        <li><a href="/careers.html">加入我们</a></li>
+                        <li><a href="/contact.html">联系我们</a></li>
+                        <li><a href="/news.html">新闻动态</a></li>
+                        <li><a href="/partners.html">合作伙伴</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h4 class="footer-title">支持</h4>
+                    <ul class="footer-links">
+                        <li><a href="/help.html">帮助中心</a></li>
+                        <li><a href="/apidemo/">API 文档</a></li>
+                        <li><a href="/index.html#partnership">代理支持</a></li>
+                        <li><a href="/privacy.html">隐私政策</a></li>
+                        <li><a href="/terms.html">服务条款</a></li>
+                        <li><a href="/disclaimer.html">免责声明</a></li>
+                    </ul>
+                </div>
+            </div>
+            <div class="footer-bottom">
+                <p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p class="footer-icp">京 ICP 备 2025158088 号 -2</p>
+            </div>
+        </div>
+    </footer>
+</body>
+</html>
diff --git a/contact.html.bak.uniform b/contact.html.bak.uniform
new file mode 100755
index 0000000..460d7aa
--- /dev/null
+++ b/contact.html.bak.uniform
@@ -0,0 +1,508 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>联系我们 - 愉悦查 | 7×12 小时在线服务</title>
+    <meta name="description" content="联系愉悦查，获取产品咨询、技术支持、商务合作。7×12 小时在线服务，企业微信、电话、邮箱多种联系方式。">
+    <meta name="keywords" content="联系愉悦查，技术支持，商务合作，客服联系方式">
+    
+    <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=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    
+    <style>
+        :root {
+            --primary-orange: #FF6A19;
+            --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
+            --bg-light: #FFFFFF;
+            --bg-gray: #F5F7FA;
+            --bg-dark: #1A1A1A;
+            --text-primary: #1A1A1A;
+            --text-secondary: #666666;
+            --text-light: #999999;
+            --spacing-xs: 8px;
+            --spacing-sm: 16px;
+            --spacing-md: 24px;
+            --spacing-lg: 48px;
+            --spacing-xl: 80px;
+            --radius-md: 8px;
+            --radius-lg: 16px;
+            --shadow-md: 0 4px 16px rgba(0,0,0,0.12);
+            --shadow-lg: 0 8px 32px rgba(0,0,0,0.16);
+            --transition: all 0.3s ease;
+        }
+        
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body { font-family: 'Noto Sans SC', sans-serif; line-height: 1.6; color: var(--text-primary); }
+        a { text-decoration: none; color: inherit; transition: var(--transition); }
+        ul { list-style: none; }
+        .container { max-width: 1400px; margin: 0 auto; padding: 0 var(--spacing-md); }
+        
+        .btn {
+            display: inline-block;
+            padding: 14px 32px;
+            font-size: 15px;
+            font-weight: 500;
+            border-radius: var(--radius-md);
+            cursor: pointer;
+            transition: var(--transition);
+            border: none;
+            text-align: center;
+        }
+        .btn-primary {
+            background: var(--primary-gradient);
+            color: white;
+            box-shadow: 0 4px 12px rgba(255, 106, 25, 0.3);
+        }
+        .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(255, 106, 25, 0.4); }
+        .btn-outline {
+            background: transparent;
+            border: 2px solid var(--primary-orange);
+            color: var(--primary-orange);
+        }
+        .btn-outline:hover { background: var(--primary-gradient); color: white; }
+        .btn-lg { padding: 16px 48px; font-size: 17px; }
+        
+        .navbar {
+            position: fixed;
+            top: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+        }
+        .navbar .container { display: flex; justify-content: space-between; align-items: center; height: 80px; }
+        .logo { display: flex; align-items: center; text-decoration: none; }
+        .logo-img { height: 60px; width: auto; }
+        .nav-menu { display: flex; gap: var(--spacing-lg); }
+        .nav-link { font-size: 15px; font-weight: 500; color: var(--text-primary); }
+        .nav-link:hover { color: var(--primary-orange); }
+        
+        .hero {
+            padding: 160px 0 100px;
+            background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 50%, #F5F7FA 100%);
+            text-align: center;
+        }
+        .hero h1 {
+            font-size: 52px;
+            font-weight: 900;
+            margin-bottom: var(--spacing-sm);
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 50%, #FF8A5C 100%);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+        .hero p { font-size: 22px; color: var(--text-secondary); max-width: 700px; margin: 0 auto; line-height: 1.8; }
+        
+        .section { padding: var(--spacing-xl) 0; }
+        .section-title { text-align: center; font-size: 42px; font-weight: 700; margin-bottom: var(--spacing-xs); }
+        .section-subtitle { text-align: center; font-size: 20px; color: var(--text-secondary); margin-bottom: var(--spacing-lg); }
+        
+        .contact-methods { background: white; }
+        .methods-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
+            gap: var(--spacing-md);
+        }
+        .method-card {
+            background: var(--bg-gray);
+            padding: var(--spacing-lg);
+            border-radius: var(--radius-lg);
+            text-align: center;
+            transition: var(--transition);
+        }
+        .method-card:hover { transform: translateY(-8px); box-shadow: var(--shadow-lg); }
+        .method-icon { font-size: 56px; margin-bottom: var(--spacing-sm); }
+        .method-card h3 { font-size: 22px; margin-bottom: var(--spacing-xs); color: var(--primary-orange); }
+        .method-card p { font-size: 15px; color: var(--text-secondary); margin-bottom: var(--spacing-sm); line-height: 1.7; }
+        .method-action { margin-top: var(--spacing-sm); }
+        .method-note { font-size: 13px; color: var(--text-light); margin-top: var(--spacing-xs); }
+        
+        .office-section { background: var(--bg-gray); }
+        .office-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
+            gap: var(--spacing-md);
+        }
+        .office-card {
+            background: white;
+            padding: var(--spacing-lg);
+            border-radius: var(--radius-lg);
+            box-shadow: var(--shadow-md);
+        }
+        .office-card h3 { font-size: 24px; margin-bottom: var(--spacing-sm); color: var(--primary-orange); }
+        .office-card p { font-size: 15px; color: var(--text-secondary); line-height: 1.8; margin-bottom: 8px; }
+        .office-card .detail { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 12px; }
+        .office-card .detail-icon { font-size: 20px; }
+        
+        .faq-section { background: white; }
+        .faq-list { max-width: 900px; margin: 0 auto; }
+        .faq-item {
+            background: var(--bg-gray);
+            margin-bottom: var(--spacing-sm);
+            border-radius: var(--radius-md);
+            overflow: hidden;
+        }
+        .faq-question {
+            padding: var(--spacing-md) var(--spacing-lg);
+            font-size: 17px;
+            font-weight: 600;
+            cursor: pointer;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+        .faq-answer {
+            padding: 0 var(--spacing-lg) var(--spacing-md);
+            font-size: 15px;
+            color: var(--text-secondary);
+            line-height: 1.8;
+            display: none;
+        }
+        .faq-item.active .faq-answer { display: block; }
+        .faq-icon { font-size: 20px; transition: var(--transition); }
+        .faq-item.active .faq-icon { transform: rotate(45deg); }
+        
+        .cta-section {
+            background: var(--primary-gradient);
+            padding: var(--spacing-xl) 0;
+            text-align: center;
+            color: white;
+        }
+        .cta-section h2 { font-size: 40px; font-weight: 700; margin-bottom: var(--spacing-sm); }
+        .cta-section p { font-size: 18px; margin-bottom: var(--spacing-lg); opacity: 0.95; }
+        .cta-section .btn { background: white; color: var(--primary-orange); }
+        
+        .footer {
+            background: var(--bg-dark);
+            color: white;
+            padding: var(--spacing-xl) 0 var(--spacing-lg);
+        }
+        .footer-grid {
+            display: grid;
+            grid-template-columns: 2fr 1fr 1fr 1fr;
+            gap: var(--spacing-lg);
+            margin-bottom: var(--spacing-lg);
+        }
+        .footer-brand h3 { font-size: 24px; margin-bottom: var(--spacing-xs); }
+        .footer-brand p { color: #CCCCCC; margin-bottom: var(--spacing-xs); font-size: 14px; }
+        .footer-title { font-size: 16px; font-weight: 600; margin-bottom: var(--spacing-sm); }
+        .footer-links li { margin-bottom: 10px; }
+        .footer-links a { color: #CCCCCC; }
+        .footer-links a:hover { color: var(--primary-orange); }
+        .footer-bottom {
+            text-align: center;
+            padding-top: var(--spacing-lg);
+            border-top: 1px solid #333333;
+            color: #999999;
+            font-size: 14px;
+        }
+        
+        @media (max-width: 768px) {
+            .hero h1 { font-size: 36px; }
+            .section-title { font-size: 32px; }
+            .methods-grid, .office-grid { grid-template-columns: 1fr; }
+            .footer-grid { grid-template-columns: 1fr; }
+            .nav-menu { display: none; }
+        }
+    </style>
+</head>
+<body>
+    <nav class="navbar">
+        <div class="container">
+            <a href="/index.html" class="logo">
+                <img src="assets/logo.png" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            <ul class="nav-menu">
+                <li><a href="/index.html" class="nav-link">首页</a></li>
+                <li><a href="/index.html#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="/apidemo/" class="nav-link">API 平台</a></li>
+                <li><a href="/all-apis.html" class="nav-link">全部接口</a></li>
+                <li><a href="/about.html" class="nav-link">关于我们</a></li>
+            </ul>
+            <div class="nav-cta">
+                <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-outline" target="_blank">技术咨询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary" target="_blank">登录</a>
+            </div>
+        </div>
+    </nav>
+
+    <section class="hero">
+        <div class="container">
+            <h1>联系我们</h1>
+            <p>7×12 小时在线服务<br>产品咨询、技术支持、商务合作，我们随时为您服务</p>
+        </div>
+    </section>
+
+    <section class="section contact-methods">
+        <div class="container">
+            <h2 class="section-title">联系方式</h2>
+            <p class="section-subtitle">选择最适合您的方式联系我们</p>
+            
+            <div class="methods-grid">
+                <div class="method-card">
+                    <div class="method-icon">💬</div>
+                    <h3>企业微信客服</h3>
+                    <p>7×12 小时在线服务<br>产品咨询、技术支持、售后问题</p>
+                    <div class="method-action">
+                        <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-primary" target="_blank">立即咨询</a>
+                    </div>
+                    <p class="method-note">⭐ 推荐方式，响应最快</p>
+                </div>
+                
+                <div class="method-card">
+                    <div class="method-icon">📧</div>
+                    <h3>商务邮箱</h3>
+                    <p>商务合作、渠道代理、定制需求</p>
+                    <div class="method-action">
+                        <a href="mailto:business@yuyuecha.com" class="btn btn-outline">发送邮件</a>
+                    </div>
+                    <p class="method-note">工作日 24 小时内回复</p>
+                </div>
+                
+                <div class="method-card">
+                    <div class="method-icon">📞</div>
+                    <h3>电话咨询</h3>
+                    <p>紧急问题、重要事项沟通</p>
+                    <div class="method-action">
+                        <a href="tel:400-xxx-xxxx" class="btn btn-outline">400-xxx-xxxx</a>
+                    </div>
+                    <p class="method-note">工作日 9:00-18:00</p>
+                </div>
+                
+                <div class="method-card">
+                    <div class="method-icon">📍</div>
+                    <h3>公司地址</h3>
+                    <p>北京市海淀区中关村科技园<br>欢迎预约来访</p>
+                    <div class="method-action">
+                        <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-outline" target="_blank">预约来访</a>
+                    </div>
+                    <p class="method-note">需提前预约</p>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <section class="section office-section">
+        <div class="container">
+            <h2 class="section-title">公司信息</h2>
+            <p class="section-subtitle">了解更多公司信息</p>
+            
+            <div class="office-grid">
+                <div class="office-card">
+                    <h3>🏢 公司信息</h3>
+                    <div class="detail">
+                        <span class="detail-icon">📋</span>
+                        <div>
+                            <strong>公司全称：</strong>愉悦查（北京正信环宇科技有限公司）
+                        </div>
+                    </div>
+                    <div class="detail">
+                        <span class="detail-icon">📍</span>
+                        <div>
+                            <strong>公司地址：</strong>北京市海淀区中关村科技园 XX 大厦 X 层
+                        </div>
+                    </div>
+                    <div class="detail">
+                        <span class="detail-icon">🏛️</span>
+                        <div>
+                            <strong>注册资本：</strong>XXX 万元人民币
+                        </div>
+                    </div>
+                    <div class="detail">
+                        <span class="detail-icon">📅</span>
+                        <div>
+                            <strong>成立时间：</strong>2025 年
+                        </div>
+                    </div>
+                </div>
+                
+                <div class="office-card">
+                    <h3>📜 资质信息</h3>
+                    <div class="detail">
+                        <span class="detail-icon">🔐</span>
+                        <div>
+                            <strong>ICP 备案：</strong>京 ICP 备 2025158088 号 -2
+                        </div>
+                    </div>
+                    <div class="detail">
+                        <span class="detail-icon">🛡️</span>
+                        <div>
+                            <strong>安全认证：</strong>等保三级认证
+                        </div>
+                    </div>
+                    <div class="detail">
+                        <span class="detail-icon">📊</span>
+                        <div>
+                            <strong>数据来源：</strong>官方授权数据源
+                        </div>
+                    </div>
+                    <div class="detail">
+                        <span class="detail-icon">⚖️</span>
+                        <div>
+                            <strong>合规经营：</strong>严格遵守《个人信息保护法》《数据安全法》
+                        </div>
+                    </div>
+                </div>
+                
+                <div class="office-card">
+                    <h3>⏰ 服务时间</h3>
+                    <div class="detail">
+                        <span class="detail-icon">🕐</span>
+                        <div>
+                            <strong>客服时间：</strong>周一至周日 9:00-21:00
+                        </div>
+                    </div>
+                    <div class="detail">
+                        <span class="detail-icon">💼</span>
+                        <div>
+                            <strong>商务时间：</strong>周一至周五 9:00-18:00
+                        </div>
+                    </div>
+                    <div class="detail">
+                        <span class="detail-icon">🔧</span>
+                        <div>
+                            <strong>技术支持：</strong>7×12 小时在线
+                        </div>
+                    </div>
+                    <div class="detail">
+                        <span class="detail-icon">🚨</span>
+                        <div>
+                            <strong>紧急联系：</strong>企业微信 24 小时留言
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <section class="section faq-section">
+        <div class="container">
+            <h2 class="section-title">常见问题</h2>
+            <p class="section-subtitle">您可能想知道的问题</p>
+            
+            <div class="faq-list">
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>Q: 如何获取产品报价？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        <p>A: 您可以通过企业微信客服咨询产品报价，我们会根据您的具体需求提供详细的价格方案。对于 API 接口，我们提供按次计费、套餐包、预付费等多种计费方式，量大从优。</p>
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>Q: 技术支持响应时间多长？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        <p>A: 我们提供 7×12 小时技术支持服务。一般问题 30 分钟内响应，紧急问题 15 分钟内响应。对于 API 接入等技术问题，我们会安排专业技术人员为您提供一对一指导。</p>
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>Q: 如何成为代理商？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        <p>A: 我们提供白银/黄金/钻石三级代理体系。白银代理零门槛免费加入，黄金代理 198 元/年，钻石代理 980 元/年。您可以通过企业微信客服或商务邮箱联系我们，提交代理申请。</p>
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>Q: 可以定制开发吗？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        <p>A: 是的，我们支持定制开发服务。如果您有特殊的业务需求或需要定制化的数据接口，请通过商务邮箱或企业微信联系我们，我们会安排产品经理与您对接需求。</p>
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>Q: 如何申请发票？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        <p>A: 您可以通过控制台申请发票，或联系客服协助办理。我们支持电子发票和纸质发票，一般 3-5 个工作日内开具并寄出。</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <section class="cta-section">
+        <div class="container">
+            <h2>有任何问题都可以联系我们</h2>
+            <p>我们的团队随时为您服务，期待您的咨询</p>
+            <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-lg" target="_blank">💬 立即咨询</a>
+        </div>
+    </section>
+
+    <footer class="footer">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <h3>愉悦查</h3>
+                    <p>让信任无处不在，让合作没有距离</p>
+                    <p style="margin-top:16px;font-size:13px;">愉悦查（北京正信环宇科技有限公司）</p>
+                    <p style="font-size:13px;">AI 驱动的商业信任科技平台</p>
+                </div>
+                <div>
+                    <h4 class="footer-title">产品</h4>
+                    <ul class="footer-links">
+                        <li><a href="/product/riskassessment.html">个人大数据报告</a></li>
+                        <li><a href="/product/marriage.html">婚恋风险报告</a></li>
+                        <li><a href="/product/backgroundcheck.html">入职背调报告</a></li>
+                        <li><a href="/product/companyinfo.html">小微企业报告</a></li>
+                        <li><a href="/product/homeservice.html">家政风险报告</a></li>
+                        <li><a href="/product/consumerFinanceReport.html">消金报告</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h4 class="footer-title">API</h4>
+                    <ul class="footer-links">
+                        <li><a href="/apidemo/">API 平台</a></li>
+                        <li><a href="/all-apis.html">全部接口</a></li>
+                        <li><a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" target="_blank">技术咨询</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h4 class="footer-title">公司</h4>
+                    <ul class="footer-links">
+                        <li><a href="/about.html">关于我们</a></li>
+                        <li><a href="/careers.html">加入我们</a></li>
+                        <li><a href="/contact.html">联系我们</a></li>
+                        <li><a href="/privacy.html">隐私政策</a></li>
+                        <li><a href="/terms.html">服务条款</a></li>
+                    </ul>
+                </div>
+            </div>
+            <div class="footer-bottom">
+                <p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p>京 ICP 备 2025158088 号 -2</p>
+            </div>
+        </div>
+    </footer>
+
+    <script>
+        const faqItems = document.querySelectorAll('.faq-item');
+        faqItems.forEach(item => {
+            const question = item.querySelector('.faq-question');
+            question.addEventListener('click', () => {
+                const isActive = item.classList.contains('active');
+                faqItems.forEach(i => i.classList.remove('active'));
+                if (!isActive) {
+                    item.classList.add('active');
+                }
+            });
+        });
+    </script>
+</body>
+</html>
diff --git a/contact.html.bak.v2 b/contact.html.bak.v2
new file mode 100755
index 0000000..a066f09
--- /dev/null
+++ b/contact.html.bak.v2
@@ -0,0 +1,264 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>联系我们 - 愉悦查 | 让信任无处不在，让合作没有距离</title>
+    <meta name="description" content="愉悦查（北京正信环宇科技有限公司）是 AI 驱动的商业信任科技平台，提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告">
+    <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=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    <style>
+        :root { --primary-orange: #FF6A19; --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%); --bg-gray: #F5F7FA; --text-primary: #1A1A1A; --text-secondary: #666666; --spacing-lg: 48px; --spacing-xl: 80px; --radius-lg: 16px; }
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body { font-family: 'Noto Sans SC', sans-serif; line-height: 1.6; color: var(--text-primary); }
+        .container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
+        .navbar { position: fixed; top: 0; background: rgba(255,255,255,0.95); backdrop-filter: blur(10px); box-shadow: 0 2px 20px rgba(0,0,0,0.08); z-index: 1000; }
+        .navbar .container { display: flex; justify-content: space-between; align-items: center; height: 80px; }
+        .logo { display: flex; align-items: center; gap: 8px; text-decoration: none; }
+        .logo-img { height: 60px; width: auto; }
+        .nav-menu { display: flex; gap: 32px; list-style: none; }
+        .nav-link { font-size: 15px; font-weight: 500; color: var(--text-primary); text-decoration: none; transition: all 0.3s ease; }
+        .nav-link:hover { color: var(--primary-orange); }
+        .nav-cta { display: flex; gap: 12px; }
+        .btn { display: inline-block; padding: 10px 20px; font-size: 14px; font-weight: 500; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; text-decoration: none; text-align: center; }
+        .btn-primary { background: var(--primary-gradient); color: white; border: none; box-shadow: 0 4px 12px rgba(236, 77, 9, 0.3); }
+        .btn-outline { background: transparent; border: 2px solid var(--primary-orange); color: var(--primary-orange); }
+        .nav-btn { padding: 10px 20px; font-size: 14px; }
+        .hero { padding: 160px 0 80px; background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%); text-align: center; }
+        .hero h1 { font-size: 48px; color: var(--primary-orange); margin-bottom: 16px; }
+        .section { padding: var(--spacing-xl) 0; }
+        .section-title { text-align: center; font-size: 36px; margin-bottom: 8px; }
+        .section-subtitle { text-align: center; font-size: 18px; color: var(--text-secondary); margin-bottom: 48px; }
+        .values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin-top: 48px; }
+        .value-card { background: white; padding: 32px; border-radius: var(--radius-lg); box-shadow: 0 4px 16px rgba(0,0,0,0.08); text-align: center; }
+        .value-icon { font-size: 48px; margin-bottom: 16px; }
+        .value-card h3 { font-size: 20px; margin-bottom: 12px; color: var(--primary-orange); }
+        .footer { background: #1A1A1A; color: white; padding: 64px 0 32px; }
+        .footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 48px; margin-bottom: 48px; }
+        .footer-brand h3 { font-size: 24px; margin-bottom: 16px; color: var(--primary-orange); }
+        .footer-title { font-size: 16px; font-weight: 600; margin-bottom: 16px; }
+        .footer-links { list-style: none; padding: 0; }
+        .footer-links li { margin-bottom: 8px; }
+        .footer-links a { font-size: 14px; opacity: 0.8; transition: all 0.3s ease; color: white; text-decoration: none; }
+        .footer-links a:hover { opacity: 1; color: var(--primary-orange); }
+        .footer-bottom { text-align: center; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.6; }
+        @media (max-width: 1024px) { .nav-menu { display: none; } }
+        @media (max-width: 768px) { .values-grid { grid-template-columns: 1fr; } .hero h1 { font-size: 32px; } .footer-grid { grid-template-columns: 1fr; } }
+    
+        /* ===== Navigation ===== */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+            transition: var(--transition);
+        }
+        
+        .navbar.scrolled {
+            box-shadow: 0 4px 30px rgba(0,0,0,0.12);
+        }
+        
+        .navbar .container {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            height: 80px;
+            max-width: 1400px;
+            margin: 0 auto;
+            padding: 0 32px;
+        }
+        
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            text-decoration: none;
+            background: transparent;
+            padding: 4px 0;
+        }
+        
+        .logo-img {
+            background: rgba(255,255,255,0.95);
+            height: 60px;
+            width: auto;
+            object-fit: contain;
+            transition: var(--transition);
+        }
+        
+        .logo:hover .logo-img {
+            background: rgba(255,255,255,0.95);
+            transform: scale(1.05);
+        }
+        
+        .nav-menu {
+            display: flex;
+            gap: var(--spacing-lg);
+            align-items: center;
+        }
+        
+        .nav-link {
+            font-size: 15px;
+            font-weight: 500;
+            color: var(--text-primary);
+            transition: var(--transition);
+            position: relative;
+        }
+        
+        .nav-link:hover {
+            color: var(--primary-orange);
+        }
+        
+        .nav-link::after {
+            content: '';
+            position: absolute;
+            bottom: -4px;
+            left: 0;
+            width: 0;
+            height: 2px;
+            background: var(--primary-orange);
+            transition: var(--transition);
+        }
+        
+        .nav-link:hover::after {
+            width: 100%;
+        }
+        
+        .nav-cta {
+            display: flex;
+            gap: var(--spacing-sm);
+        }
+        
+        .nav-btn {
+            padding: 10px 20px;
+            font-size: 14px;
+        }
+        
+        /* Mobile Menu */
+        .menu-toggle {
+            display: none;
+            flex-direction: column;
+            gap: 5px;
+            cursor: pointer;
+            padding: 5px;
+        }
+        
+        .menu-toggle span {
+            width: 25px;
+            height: 3px;
+            background: var(--primary-orange);
+            border-radius: 2px;
+            transition: var(--transition);
+        }
+</style>
+</head>
+<body>
+    <nav class="navbar" id="navbar">
+        <div class="container">
+            <a href="/index.html" class="logo">
+                <img src="assets/logo.png" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            
+            <div class="menu-toggle" id="menuToggle">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+            
+            <ul class="nav-menu" id="navMenu">
+                <li><a href="/index.html#home" class="nav-link">首页</a></li>
+                <li><a href="/index.html#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="/index.html#technology" class="nav-link">AI 能力</a></li>
+                <li><a href="/index.html#partnership" class="nav-link">代理合作</a></li>
+                <li><a href="/index.html#about" class="nav-link">关于我们</a></li>
+            </ul>
+            
+            <div class="nav-cta">
+                <a href="/index.html#products" class="btn btn-outline nav-btn">立即查询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
+            </div>
+        </div>
+    </nav>
+<section class="hero">
+        <div class="container">
+            <h1>联系我们</h1>
+            <p style="font-size:18px;color:var(--text-secondary);max-width:700px;margin:0 auto;">让信任无处不在，让合作没有距离</p>
+        </div>
+    </section>
+    <section class="section">
+        <div class="container">
+            <h2 class="section-title">联系方式</h2>
+            <p style="text-align:center;max-width:800px;margin:0 auto;color:var(--text-secondary);">如有任何问题，欢迎随时联系我们。我们将尽快为您解答。</p>
+            <div class="values-grid">
+                <div class="value-card">
+                    <div class="value-icon">🤖</div>
+                    <h3>AI 驱动</h3>
+                    <p style="color:var(--text-secondary);">200+ 数据接口智能组合，秒级响应</p>
+                </div>
+                <div class="value-card">
+                    <div class="value-icon">🔒</div>
+                    <h3>安全合规</h3>
+                    <p style="color:var(--text-secondary);">严格遵守《个人信息保护法》，数据官方授权</p>
+                </div>
+                <div class="value-card">
+                    <div class="value-icon">🎯</div>
+                    <h3>专业可靠</h3>
+                    <p style="color:var(--text-secondary);">全面风险评估，PDF 格式报告下载</p>
+                </div>
+            </div>
+        </div>
+    </section>
+    <footer class="footer">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <h3>愉悦查</h3>
+                    <p>让信任无处不在，让合作没有距离</p>
+                </div>
+                <div>
+                    <h4 class="footer-title">产品</h4>
+                    <ul class="footer-links">
+                        <li><a href="/product/riskassessment.html">个人大数据报告</a></li>
+                        <li><a href="/product/marriage.html">婚恋风险报告</a></li>
+                        <li><a href="/product/backgroundcheck.html">入职背调报告</a></li>
+                        <li><a href="/product/companyinfo.html">小微企业报告</a></li>
+                        <li><a href="/product/homeservice.html">家政风险报告</a></li>
+                        <li><a href="/product/consumerFinanceReport.html">消金报告</a></li>
+                        <li><a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" target="_blank">AI 定制报告</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h4 class="footer-title">公司</h4>
+                    <ul class="footer-links">
+                        <li><a href="/about.html">关于我们</a></li>
+                        <li><a href="/careers.html">加入我们</a></li>
+                        <li><a href="/contact.html">联系我们</a></li>
+                        <li><a href="/news.html">新闻动态</a></li>
+                        <li><a href="/partners.html">合作伙伴</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h4 class="footer-title">支持</h4>
+                    <ul class="footer-links">
+                        <li><a href="/help.html">帮助中心</a></li>
+                        <li><a href="/apidemo/">API 文档</a></li>
+                        <li><a href="/index.html#partnership">代理支持</a></li>
+                        <li><a href="/privacy.html">隐私政策</a></li>
+                        <li><a href="/terms.html">服务条款</a></li>
+                        <li><a href="/disclaimer.html">免责声明</a></li>
+                    </ul>
+                </div>
+            </div>
+            <div class="footer-bottom">
+                <p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p class="footer-icp">京 ICP 备 2025158088 号 -2</p>
+            </div>
+        </div>
+    </footer>
+</body>
+</html>
diff --git a/disclaimer.html b/disclaimer.html
new file mode 100755
index 0000000..94a1623
--- /dev/null
+++ b/disclaimer.html
@@ -0,0 +1,521 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>免责声明 - 愉悦查 | 让信任无处不在，让合作没有距离</title>
+    <meta name="description" content="愉悦查（北京正信环宇科技有限公司）是 AI 驱动的商业信任科技平台，提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告">
+    <!-- SEO Enhancement -->
+    <link rel="canonical" href="https://www.yuyuecha.com.cn/disclaimer.html">
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="https://www.yuyuecha.com.cn/disclaimer.html">
+    <meta property="og:title" content="免责声明 - 愉悦查">
+    <meta property="og:description" content="愉悦查平台免责声明与法律条款。">
+    <meta property="og:image" content="https://www.yuyuecha.com.cn/assets/logo-nav-2x.png">
+    <meta property="og:site_name" content="愉悦查">
+    <meta property="og:locale" content="zh_CN">
+    <meta name="twitter:card" content="summary">
+    <meta name="twitter:title" content="免责声明 - 愉悦查">
+    <meta name="twitter:description" content="愉悦查平台免责声明与法律条款。">
+    <meta name="twitter:image" content="https://www.yuyuecha.com.cn/assets/logo-nav-2x.png">
+    <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=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    <style>
+        :root { --primary-orange: #FF6A19; --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%); --bg-gray: #F5F7FA; --text-primary: #1A1A1A; --text-secondary: #666666; --spacing-lg: 48px; --spacing-xl: 80px; --radius-lg: 16px; }
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body { font-family: 'Noto Sans SC', sans-serif; line-height: 1.6; color: var(--text-primary); }
+        .container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
+        .navbar { position: fixed; top: 0; background: rgba(255,255,255,0.95); backdrop-filter: blur(10px); box-shadow: 0 2px 20px rgba(0,0,0,0.08); z-index: 1000; }
+        .navbar .container { display: flex; justify-content: space-between; align-items: center; height: 80px; }
+        .logo { display: flex; align-items: center; gap: 8px; text-decoration: none; }
+        .logo-img { height: 60px; width: auto; }
+        .nav-menu { display: flex; gap: 32px; list-style: none; }
+        .nav-link { font-size: 15px; font-weight: 500; color: var(--text-primary); text-decoration: none; transition: all 0.3s ease; }
+        .nav-link:hover { color: var(--primary-orange); }
+        .nav-cta { display: flex; gap: 12px; }
+        .btn { display: inline-block; padding: 10px 20px; font-size: 14px; font-weight: 500; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; text-decoration: none; text-align: center; }
+        .btn-primary { background: var(--primary-gradient); color: white; border: none; box-shadow: 0 4px 12px rgba(236, 77, 9, 0.3); }
+        .btn-outline { background: transparent; border: 2px solid var(--primary-orange); color: var(--primary-orange); }
+        .nav-btn { padding: 10px 20px; font-size: 14px; }
+        .hero { padding: 160px 0 80px; background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%); text-align: center; }
+        .hero h1 { font-size: 48px; color: var(--primary-orange); margin-bottom: 16px; }
+        .section { padding: var(--spacing-xl) 0; }
+        .section-title { text-align: center; font-size: 36px; margin-bottom: 8px; }
+        .section-subtitle { text-align: center; font-size: 18px; color: var(--text-secondary); margin-bottom: 48px; }
+        .values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin-top: 48px; }
+        .value-card { background: white; padding: 32px; border-radius: var(--radius-lg); box-shadow: 0 4px 16px rgba(0,0,0,0.08); text-align: center; }
+        .value-icon { font-size: 48px; margin-bottom: 16px; }
+        .value-card h3 { font-size: 20px; margin-bottom: 12px; color: var(--primary-orange); }
+        .footer { background: #1A1A1A; color: white; padding: 64px 0 32px; }
+        .footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 48px; margin-bottom: 48px; }
+        .footer-brand h3 { font-size: 24px; margin-bottom: 16px; color: var(--primary-orange); }
+        .footer-title { font-size: 16px; font-weight: 600; margin-bottom: 16px; }
+        .footer-links { list-style: none; padding: 0; }
+        .footer-links li { margin-bottom: 8px; }
+        .footer-links a { font-size: 14px; opacity: 0.8; transition: all 0.3s ease; color: white; text-decoration: none; }
+        .footer-links a:hover { opacity: 1; color: var(--primary-orange); }
+        .footer-bottom { text-align: center; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.6; }
+        @media (max-width: 1024px) { .nav-menu { display: none; } }
+        @media (max-width: 768px) { .values-grid { grid-template-columns: 1fr; } .hero h1 { font-size: 32px; } .footer-grid { grid-template-columns: 1fr; } }
+    
+        /* ===== Navigation ===== */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+            transition: var(--transition);
+        }
+        
+        .navbar.scrolled {
+            box-shadow: 0 4px 30px rgba(0,0,0,0.12);
+        }
+        
+        .navbar .container {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            height: 80px;
+            max-width: 1400px;
+            margin: 0 auto;
+            padding: 0 32px;
+        }
+        
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            text-decoration: none;
+            background: transparent;
+            padding: 4px 0;
+        }
+        
+        .logo-img {
+            background: rgba(255,255,255,0.95);
+            height: 60px;
+            width: auto;
+            object-fit: contain;
+            transition: var(--transition);
+        }
+        
+        .logo:hover .logo-img {
+            background: rgba(255,255,255,0.95);
+            transform: scale(1.05);
+        }
+        
+        .nav-menu {
+            display: flex;
+            gap: var(--spacing-lg);
+            align-items: center;
+        }
+        
+        .nav-link {
+            font-size: 15px;
+            font-weight: 500;
+            color: var(--text-primary);
+            transition: var(--transition);
+            position: relative;
+        }
+        
+        .nav-link:hover {
+            color: var(--primary-orange);
+        }
+        
+        .nav-link::after {
+            content: '';
+            position: absolute;
+            bottom: -4px;
+            left: 0;
+            width: 0;
+            height: 2px;
+            background: var(--primary-orange);
+            transition: var(--transition);
+        }
+        
+        .nav-link:hover::after {
+            width: 100%;
+        }
+        
+        .nav-cta {
+            display: flex;
+            gap: var(--spacing-sm);
+        }
+        
+        .nav-btn {
+            padding: 10px 20px;
+            font-size: 14px;
+        }
+        
+        /* Mobile Menu */
+        .menu-toggle {
+            display: none;
+            flex-direction: column;
+            gap: 5px;
+            cursor: pointer;
+            padding: 5px;
+        }
+        
+        .menu-toggle span {
+            width: 25px;
+            height: 3px;
+            background: var(--primary-orange);
+            border-radius: 2px;
+            transition: var(--transition);
+        }
+
+        /* ===== Unified Navbar ===== */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            z-index: 1000;
+            padding: 12px 0;
+            transition: all 0.3s ease;
+            background: rgba(255,255,255,0.95);
+            backdrop-filter: blur(20px);
+            -webkit-backdrop-filter: blur(20px);
+        }
+        .navbar.scrolled {
+            padding: 8px 0;
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+        }
+        .navbar .container {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 0 24px;
+        }
+        .logo {
+            display: flex;
+            align-items: center;
+            text-decoration: none;
+        }
+        .logo-img {
+            height: 44px;
+            width: auto;
+            object-fit: contain;
+            transition: all 0.3s ease;
+        }
+        .logo:hover .logo-img {
+            transform: scale(1.03);
+        }
+        .nav-menu {
+            display: flex;
+            gap: 32px;
+            list-style: none;
+            margin: 0;
+            padding: 0;
+        }
+        .nav-link {
+            font-size: 15px;
+            font-weight: 500;
+            color: #1A1A1A;
+            text-decoration: none;
+            position: relative;
+            padding: 6px 0;
+            transition: all 0.3s ease;
+        }
+        .nav-link::after {
+            content: '';
+            position: absolute;
+            bottom: 0;
+            left: 50%;
+            width: 0;
+            height: 2px;
+            background: #FF6A19;
+            transition: all 0.3s ease;
+            transform: translateX(-50%);
+            border-radius: 1px;
+        }
+        .nav-link:hover {
+            color: #FF6A19;
+        }
+        .nav-link:hover::after {
+            width: 100%;
+        }
+        .nav-cta {
+            display: flex;
+            gap: 12px;
+            align-items: center;
+        }
+        .nav-btn {
+            padding: 8px 20px;
+            border-radius: 8px;
+            font-size: 14px;
+            font-weight: 500;
+            cursor: pointer;
+            transition: all 0.3s ease;
+            text-decoration: none;
+            border: none;
+            display: inline-flex;
+            align-items: center;
+        }
+        .btn-outline.nav-btn {
+            border: 1.5px solid #FF6A19;
+            color: #FF6A19;
+            background: transparent;
+        }
+        .btn-outline.nav-btn:hover {
+            background: #FFF5F0;
+        }
+        .btn-primary.nav-btn {
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
+            color: white;
+            box-shadow: 0 2px 8px rgba(255,106,25,0.3);
+        }
+        .btn-primary.nav-btn:hover {
+            transform: translateY(-1px);
+            box-shadow: 0 4px 12px rgba(255,106,25,0.4);
+        }
+        .menu-toggle {
+            display: none;
+            flex-direction: column;
+            gap: 5px;
+            cursor: pointer;
+            padding: 4px;
+            z-index: 1001;
+        }
+        .menu-toggle span {
+            width: 24px;
+            height: 2px;
+            background: #1A1A1A;
+            transition: all 0.3s ease;
+            border-radius: 1px;
+        }
+        @media (max-width: 1024px) {
+            .nav-menu {
+                display: none;
+                position: fixed;
+                top: 0;
+                left: 0;
+                right: 0;
+                bottom: 0;
+                background: rgba(255,255,255,0.98);
+                backdrop-filter: blur(20px);
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                gap: 24px;
+                z-index: 999;
+            }
+            .nav-menu.active {
+                display: flex;
+            }
+            .nav-link {
+                font-size: 18px;
+            }
+            .nav-cta {
+                display: none;
+            }
+            .menu-toggle {
+                display: flex;
+            }
+        }
+
+        /* ===== Unified Footer ===== */
+        .footer {
+            background: #1A1A1A;
+            color: white;
+            padding: 60px 0 30px;
+        }
+        .footer-grid {
+            display: grid;
+            grid-template-columns: 1.5fr 1fr 1fr 1fr;
+            gap: 48px;
+            margin-bottom: 40px;
+        }
+        .footer-brand h3 {
+            font-size: 22px;
+            font-weight: 700;
+            margin-bottom: 8px;
+            background: linear-gradient(135deg, #FF6A19, #FC6E18);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+        .footer-brand p {
+            color: rgba(255,255,255,0.6);
+            font-size: 14px;
+            line-height: 1.6;
+        }
+        .footer-title {
+            font-size: 15px;
+            font-weight: 600;
+            margin-bottom: 16px;
+            color: rgba(255,255,255,0.9);
+        }
+        .footer-links {
+            list-style: none;
+            padding: 0;
+            margin: 0;
+        }
+        .footer-links li {
+            margin-bottom: 10px;
+        }
+        .footer-links a {
+            color: rgba(255,255,255,0.5);
+            text-decoration: none;
+            font-size: 14px;
+            transition: all 0.3s ease;
+        }
+        .footer-links a:hover {
+            color: #FF6A19;
+        }
+        .footer-bottom {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            padding-top: 24px;
+            border-top: 1px solid rgba(255,255,255,0.1);
+            font-size: 13px;
+            color: rgba(255,255,255,0.4);
+        }
+        .footer-icp {
+            color: rgba(255,255,255,0.4);
+        }
+        .footer-icp a {
+            color: rgba(255,255,255,0.4);
+            text-decoration: none;
+        }
+        .footer-icp a:hover {
+            color: #FF6A19;
+        }
+        @media (max-width: 768px) {
+            .footer-grid {
+                grid-template-columns: 1fr 1fr;
+                gap: 32px;
+            }
+            .footer-bottom {
+                flex-direction: column;
+                text-align: center;
+                gap: 8px;
+            }
+        }
+        @media (max-width: 480px) {
+            .footer-grid {
+                grid-template-columns: 1fr;
+            }
+        }
+
+    </style>
+</head>
+<body>
+            <nav class="navbar" id="navbar">
+        <div class="container">
+            <a href="/index.html" class="logo">
+                <img src="assets/logo-nav.png" srcset="assets/logo-nav.png 1x, assets/logo-nav-2x.png 2x" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            
+            <div class="menu-toggle" id="menuToggle">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+            
+            <ul class="nav-menu" id="navMenu">
+                <li><a href="/index.html" class="nav-link">首页</a></li>
+                <li><a href="/index.html#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="/index.html#technology" class="nav-link">AI 能力</a></li>
+                <li><a href="/index.html#partnership" class="nav-link">代理合作</a></li>
+                <li><a href="/about.html" class="nav-link">关于我们</a></li>
+            </ul>
+            
+            <div class="nav-cta">
+                <a href="/index.html#products" class="btn btn-outline nav-btn">立即查询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
+            </div>
+        </div>
+    </nav>
+<section class="hero">
+        <div class="container">
+            <h1>免责声明</h1>
+            <p style="font-size:18px;color:var(--text-secondary);max-width:700px;margin:0 auto;">让信任无处不在，让合作没有距离</p>
+        </div>
+    </section>
+    <section class="section">
+        <div class="container">
+            <h2 class="section-title">免责声明</h2>
+            <p style="text-align:center;max-width:800px;margin:0 auto;color:var(--text-secondary);">愉悦查（北京正信环宇科技有限公司）是 AI 驱动的商业信任科技平台，致力于搭建信任桥梁，连接商业未来。我们提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告，支持 AI 智能定制报告。</p>
+            <div class="values-grid">
+                <div class="value-card">
+                    <div class="value-icon">🤖</div>
+                    <h3>AI 驱动</h3>
+                    <p style="color:var(--text-secondary);">200+ 数据接口智能组合，秒级响应</p>
+                </div>
+                <div class="value-card">
+                    <div class="value-icon">🔒</div>
+                    <h3>安全合规</h3>
+                    <p style="color:var(--text-secondary);">严格遵守《个人信息保护法》，数据官方授权</p>
+                </div>
+                <div class="value-card">
+                    <div class="value-icon">🎯</div>
+                    <h3>专业可靠</h3>
+                    <p style="color:var(--text-secondary);">全面风险评估，PDF 格式报告下载</p>
+                </div>
+            </div>
+        </div>
+    </section>
+            <footer class="footer">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <h3>愉悦查</h3>
+                    <p>让信任无处不在，让合作没有距离</p>
+                    <p style="margin-top:16px;font-size:13px;color:rgba(255,255,255,0.5);">北京正信环宇科技有限公司</p>
+                    <p style="font-size:13px;color:rgba(255,255,255,0.5);">AI 驱动的商业信任科技平台</p>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">产品</h4>
+                    <ul class="footer-links">
+                        <li><a href="/product/riskassessment.html">个人大数据报告</a></li>
+                        <li><a href="/product/marriage.html">婚恋风险报告</a></li>
+                        <li><a href="/product/backgroundcheck.html">入职背调报告</a></li>
+                        <li><a href="/product/companyinfo.html">小微企业报告</a></li>
+                        <li><a href="/product/homeservice.html">家政风险报告</a></li>
+                        <li><a href="/product/consumerFinanceReport.html">消金报告</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">公司</h4>
+                    <ul class="footer-links">
+                        <li><a href="/about.html">关于我们</a></li>
+                        <li><a href="/careers.html">加入我们</a></li>
+                        <li><a href="/contact.html">联系我们</a></li>
+                        <li><a href="/news.html">新闻动态</a></li>
+                        <li><a href="/partners.html">合作伙伴</a></li>
+                        <li><a href="/investment.html">招商工具包</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">支持</h4>
+                    <ul class="footer-links">
+                        <li><a href="/help.html">帮助中心</a></li>
+                        <li><a href="/apidemo/">API 文档</a></li>
+                        <li><a href="/all-apis.html">全部接口</a></li>
+                        <li><a href="/privacy.html">隐私政策</a></li>
+                        <li><a href="/terms.html">服务条款</a></li>
+                        <li><a href="/disclaimer.html">免责声明</a></li>
+                    </ul>
+                </div>
+            </div>
+            
+            <div class="footer-bottom">
+                <p>&copy; 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p class="footer-icp"><a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow noopener">京ICP备2025158088号-2</a></p>
+            </div>
+        </div>
+    </footer>
+</body>
+</html>
diff --git a/disclaimer.html.bak.navbar b/disclaimer.html.bak.navbar
new file mode 100755
index 0000000..54d9a2d
--- /dev/null
+++ b/disclaimer.html.bak.navbar
@@ -0,0 +1,147 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>免责声明 - 愉悦查 | 让信任无处不在，让合作没有距离</title>
+    <meta name="description" content="愉悦查（北京正信环宇科技有限公司）是 AI 驱动的商业信任科技平台，提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告">
+    <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=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    <style>
+        :root { --primary-orange: #FF6A19; --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%); --bg-gray: #F5F7FA; --text-primary: #1A1A1A; --text-secondary: #666666; --spacing-lg: 48px; --spacing-xl: 80px; --radius-lg: 16px; }
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body { font-family: 'Noto Sans SC', sans-serif; line-height: 1.6; color: var(--text-primary); }
+        .container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
+        .navbar { position: fixed; top: 0; background: rgba(255,255,255,0.95); backdrop-filter: blur(10px); box-shadow: 0 2px 20px rgba(0,0,0,0.08); z-index: 1000; }
+        .navbar .container { display: flex; justify-content: space-between; align-items: center; height: 80px; }
+        .logo { display: flex; align-items: center; gap: 8px; text-decoration: none; }
+        .logo-img { height: 60px; width: auto; }
+        .nav-menu { display: flex; gap: 32px; list-style: none; }
+        .nav-link { font-size: 15px; font-weight: 500; color: var(--text-primary); text-decoration: none; transition: all 0.3s ease; }
+        .nav-link:hover { color: var(--primary-orange); }
+        .nav-cta { display: flex; gap: 12px; }
+        .btn { display: inline-block; padding: 10px 20px; font-size: 14px; font-weight: 500; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; text-decoration: none; text-align: center; }
+        .btn-primary { background: var(--primary-gradient); color: white; border: none; box-shadow: 0 4px 12px rgba(236, 77, 9, 0.3); }
+        .btn-outline { background: transparent; border: 2px solid var(--primary-orange); color: var(--primary-orange); }
+        .nav-btn { padding: 10px 20px; font-size: 14px; }
+        .hero { padding: 160px 0 80px; background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%); text-align: center; }
+        .hero h1 { font-size: 48px; color: var(--primary-orange); margin-bottom: 16px; }
+        .section { padding: var(--spacing-xl) 0; }
+        .section-title { text-align: center; font-size: 36px; margin-bottom: 8px; }
+        .section-subtitle { text-align: center; font-size: 18px; color: var(--text-secondary); margin-bottom: 48px; }
+        .values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin-top: 48px; }
+        .value-card { background: white; padding: 32px; border-radius: var(--radius-lg); box-shadow: 0 4px 16px rgba(0,0,0,0.08); text-align: center; }
+        .value-icon { font-size: 48px; margin-bottom: 16px; }
+        .value-card h3 { font-size: 20px; margin-bottom: 12px; color: var(--primary-orange); }
+        .footer { background: #1A1A1A; color: white; padding: 64px 0 32px; }
+        .footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 48px; margin-bottom: 48px; }
+        .footer-brand h3 { font-size: 24px; margin-bottom: 16px; color: var(--primary-orange); }
+        .footer-title { font-size: 16px; font-weight: 600; margin-bottom: 16px; }
+        .footer-links { list-style: none; padding: 0; }
+        .footer-links li { margin-bottom: 8px; }
+        .footer-links a { font-size: 14px; opacity: 0.8; transition: all 0.3s ease; color: white; text-decoration: none; }
+        .footer-links a:hover { opacity: 1; color: var(--primary-orange); }
+        .footer-bottom { text-align: center; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.6; }
+        @media (max-width: 1024px) { .nav-menu { display: none; } }
+        @media (max-width: 768px) { .values-grid { grid-template-columns: 1fr; } .hero h1 { font-size: 32px; } .footer-grid { grid-template-columns: 1fr; } }
+    </style>
+</head>
+<body>
+    <nav class="navbar">
+        <div class="container">
+            <a href="/index.html" class="logo">
+                <img src="assets/logo.png" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            <ul class="nav-menu">
+                <li><a href="/index.html#home" class="nav-link">首页</a></li>
+                <li><a href="/index.html#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="/index.html#technology" class="nav-link">AI 能力</a></li>
+                <li><a href="/index.html#partnership" class="nav-link">代理合作</a></li>
+                <li><a href="/index.html#about" class="nav-link">关于我们</a></li>
+            </ul>
+            <div class="nav-cta">
+                <a href="/index.html#products" class="btn btn-outline nav-btn">立即查询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
+            </div>
+        </div>
+    </nav>
+    <section class="hero">
+        <div class="container">
+            <h1>免责声明</h1>
+            <p style="font-size:18px;color:var(--text-secondary);max-width:700px;margin:0 auto;">让信任无处不在，让合作没有距离</p>
+        </div>
+    </section>
+    <section class="section">
+        <div class="container">
+            <h2 class="section-title">免责声明</h2>
+            <p style="text-align:center;max-width:800px;margin:0 auto;color:var(--text-secondary);">愉悦查（北京正信环宇科技有限公司）是 AI 驱动的商业信任科技平台，致力于搭建信任桥梁，连接商业未来。我们提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告，支持 AI 智能定制报告。</p>
+            <div class="values-grid">
+                <div class="value-card">
+                    <div class="value-icon">🤖</div>
+                    <h3>AI 驱动</h3>
+                    <p style="color:var(--text-secondary);">200+ 数据接口智能组合，秒级响应</p>
+                </div>
+                <div class="value-card">
+                    <div class="value-icon">🔒</div>
+                    <h3>安全合规</h3>
+                    <p style="color:var(--text-secondary);">严格遵守《个人信息保护法》，数据官方授权</p>
+                </div>
+                <div class="value-card">
+                    <div class="value-icon">🎯</div>
+                    <h3>专业可靠</h3>
+                    <p style="color:var(--text-secondary);">全面风险评估，PDF 格式报告下载</p>
+                </div>
+            </div>
+        </div>
+    </section>
+    <footer class="footer">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <h3>愉悦查</h3>
+                    <p>让信任无处不在，让合作没有距离</p>
+                </div>
+                <div>
+                    <h4 class="footer-title">产品</h4>
+                    <ul class="footer-links">
+                        <li><a href="/product/riskassessment.html">个人大数据报告</a></li>
+                        <li><a href="/product/marriage.html">婚恋风险报告</a></li>
+                        <li><a href="/product/backgroundcheck.html">入职背调报告</a></li>
+                        <li><a href="/product/companyinfo.html">小微企业报告</a></li>
+                        <li><a href="/product/homeservice.html">家政风险报告</a></li>
+                        <li><a href="/product/consumerFinanceReport.html">消金报告</a></li>
+                        <li><a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" target="_blank">AI 定制报告</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h4 class="footer-title">公司</h4>
+                    <ul class="footer-links">
+                        <li><a href="/about.html">关于我们</a></li>
+                        <li><a href="/careers.html">加入我们</a></li>
+                        <li><a href="/contact.html">联系我们</a></li>
+                        <li><a href="/news.html">新闻动态</a></li>
+                        <li><a href="/partners.html">合作伙伴</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h4 class="footer-title">支持</h4>
+                    <ul class="footer-links">
+                        <li><a href="/help.html">帮助中心</a></li>
+                        <li><a href="/apidemo/">API 文档</a></li>
+                        <li><a href="/index.html#partnership">代理支持</a></li>
+                        <li><a href="/privacy.html">隐私政策</a></li>
+                        <li><a href="/terms.html">服务条款</a></li>
+                        <li><a href="/disclaimer.html">免责声明</a></li>
+                    </ul>
+                </div>
+            </div>
+            <div class="footer-bottom">
+                <p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p class="footer-icp">京 ICP 备 2025158088 号 -2</p>
+            </div>
+        </div>
+    </footer>
+</body>
+</html>
diff --git a/disclaimer.html.bak.uniform b/disclaimer.html.bak.uniform
new file mode 100755
index 0000000..895f56d
--- /dev/null
+++ b/disclaimer.html.bak.uniform
@@ -0,0 +1,264 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>免责声明 - 愉悦查 | 让信任无处不在，让合作没有距离</title>
+    <meta name="description" content="愉悦查（北京正信环宇科技有限公司）是 AI 驱动的商业信任科技平台，提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告">
+    <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=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    <style>
+        :root { --primary-orange: #FF6A19; --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%); --bg-gray: #F5F7FA; --text-primary: #1A1A1A; --text-secondary: #666666; --spacing-lg: 48px; --spacing-xl: 80px; --radius-lg: 16px; }
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body { font-family: 'Noto Sans SC', sans-serif; line-height: 1.6; color: var(--text-primary); }
+        .container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
+        .navbar { position: fixed; top: 0; background: rgba(255,255,255,0.95); backdrop-filter: blur(10px); box-shadow: 0 2px 20px rgba(0,0,0,0.08); z-index: 1000; }
+        .navbar .container { display: flex; justify-content: space-between; align-items: center; height: 80px; }
+        .logo { display: flex; align-items: center; gap: 8px; text-decoration: none; }
+        .logo-img { height: 60px; width: auto; }
+        .nav-menu { display: flex; gap: 32px; list-style: none; }
+        .nav-link { font-size: 15px; font-weight: 500; color: var(--text-primary); text-decoration: none; transition: all 0.3s ease; }
+        .nav-link:hover { color: var(--primary-orange); }
+        .nav-cta { display: flex; gap: 12px; }
+        .btn { display: inline-block; padding: 10px 20px; font-size: 14px; font-weight: 500; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; text-decoration: none; text-align: center; }
+        .btn-primary { background: var(--primary-gradient); color: white; border: none; box-shadow: 0 4px 12px rgba(236, 77, 9, 0.3); }
+        .btn-outline { background: transparent; border: 2px solid var(--primary-orange); color: var(--primary-orange); }
+        .nav-btn { padding: 10px 20px; font-size: 14px; }
+        .hero { padding: 160px 0 80px; background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%); text-align: center; }
+        .hero h1 { font-size: 48px; color: var(--primary-orange); margin-bottom: 16px; }
+        .section { padding: var(--spacing-xl) 0; }
+        .section-title { text-align: center; font-size: 36px; margin-bottom: 8px; }
+        .section-subtitle { text-align: center; font-size: 18px; color: var(--text-secondary); margin-bottom: 48px; }
+        .values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin-top: 48px; }
+        .value-card { background: white; padding: 32px; border-radius: var(--radius-lg); box-shadow: 0 4px 16px rgba(0,0,0,0.08); text-align: center; }
+        .value-icon { font-size: 48px; margin-bottom: 16px; }
+        .value-card h3 { font-size: 20px; margin-bottom: 12px; color: var(--primary-orange); }
+        .footer { background: #1A1A1A; color: white; padding: 64px 0 32px; }
+        .footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 48px; margin-bottom: 48px; }
+        .footer-brand h3 { font-size: 24px; margin-bottom: 16px; color: var(--primary-orange); }
+        .footer-title { font-size: 16px; font-weight: 600; margin-bottom: 16px; }
+        .footer-links { list-style: none; padding: 0; }
+        .footer-links li { margin-bottom: 8px; }
+        .footer-links a { font-size: 14px; opacity: 0.8; transition: all 0.3s ease; color: white; text-decoration: none; }
+        .footer-links a:hover { opacity: 1; color: var(--primary-orange); }
+        .footer-bottom { text-align: center; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.6; }
+        @media (max-width: 1024px) { .nav-menu { display: none; } }
+        @media (max-width: 768px) { .values-grid { grid-template-columns: 1fr; } .hero h1 { font-size: 32px; } .footer-grid { grid-template-columns: 1fr; } }
+    
+        /* ===== Navigation ===== */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+            transition: var(--transition);
+        }
+        
+        .navbar.scrolled {
+            box-shadow: 0 4px 30px rgba(0,0,0,0.12);
+        }
+        
+        .navbar .container {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            height: 80px;
+            max-width: 1400px;
+            margin: 0 auto;
+            padding: 0 32px;
+        }
+        
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            text-decoration: none;
+            background: transparent;
+            padding: 4px 0;
+        }
+        
+        .logo-img {
+            background: rgba(255,255,255,0.95);
+            height: 60px;
+            width: auto;
+            object-fit: contain;
+            transition: var(--transition);
+        }
+        
+        .logo:hover .logo-img {
+            background: rgba(255,255,255,0.95);
+            transform: scale(1.05);
+        }
+        
+        .nav-menu {
+            display: flex;
+            gap: var(--spacing-lg);
+            align-items: center;
+        }
+        
+        .nav-link {
+            font-size: 15px;
+            font-weight: 500;
+            color: var(--text-primary);
+            transition: var(--transition);
+            position: relative;
+        }
+        
+        .nav-link:hover {
+            color: var(--primary-orange);
+        }
+        
+        .nav-link::after {
+            content: '';
+            position: absolute;
+            bottom: -4px;
+            left: 0;
+            width: 0;
+            height: 2px;
+            background: var(--primary-orange);
+            transition: var(--transition);
+        }
+        
+        .nav-link:hover::after {
+            width: 100%;
+        }
+        
+        .nav-cta {
+            display: flex;
+            gap: var(--spacing-sm);
+        }
+        
+        .nav-btn {
+            padding: 10px 20px;
+            font-size: 14px;
+        }
+        
+        /* Mobile Menu */
+        .menu-toggle {
+            display: none;
+            flex-direction: column;
+            gap: 5px;
+            cursor: pointer;
+            padding: 5px;
+        }
+        
+        .menu-toggle span {
+            width: 25px;
+            height: 3px;
+            background: var(--primary-orange);
+            border-radius: 2px;
+            transition: var(--transition);
+        }
+</style>
+</head>
+<body>
+    <nav class="navbar" id="navbar">
+        <div class="container">
+            <a href="/index.html" class="logo">
+                <img src="assets/logo.png" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            
+            <div class="menu-toggle" id="menuToggle">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+            
+            <ul class="nav-menu" id="navMenu">
+                <li><a href="/index.html#home" class="nav-link">首页</a></li>
+                <li><a href="/index.html#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="/index.html#technology" class="nav-link">AI 能力</a></li>
+                <li><a href="/index.html#partnership" class="nav-link">代理合作</a></li>
+                <li><a href="/index.html#about" class="nav-link">关于我们</a></li>
+            </ul>
+            
+            <div class="nav-cta">
+                <a href="/index.html#products" class="btn btn-outline nav-btn">立即查询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
+            </div>
+        </div>
+    </nav>
+<section class="hero">
+        <div class="container">
+            <h1>免责声明</h1>
+            <p style="font-size:18px;color:var(--text-secondary);max-width:700px;margin:0 auto;">让信任无处不在，让合作没有距离</p>
+        </div>
+    </section>
+    <section class="section">
+        <div class="container">
+            <h2 class="section-title">免责声明</h2>
+            <p style="text-align:center;max-width:800px;margin:0 auto;color:var(--text-secondary);">愉悦查（北京正信环宇科技有限公司）是 AI 驱动的商业信任科技平台，致力于搭建信任桥梁，连接商业未来。我们提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告，支持 AI 智能定制报告。</p>
+            <div class="values-grid">
+                <div class="value-card">
+                    <div class="value-icon">🤖</div>
+                    <h3>AI 驱动</h3>
+                    <p style="color:var(--text-secondary);">200+ 数据接口智能组合，秒级响应</p>
+                </div>
+                <div class="value-card">
+                    <div class="value-icon">🔒</div>
+                    <h3>安全合规</h3>
+                    <p style="color:var(--text-secondary);">严格遵守《个人信息保护法》，数据官方授权</p>
+                </div>
+                <div class="value-card">
+                    <div class="value-icon">🎯</div>
+                    <h3>专业可靠</h3>
+                    <p style="color:var(--text-secondary);">全面风险评估，PDF 格式报告下载</p>
+                </div>
+            </div>
+        </div>
+    </section>
+    <footer class="footer">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <h3>愉悦查</h3>
+                    <p>让信任无处不在，让合作没有距离</p>
+                </div>
+                <div>
+                    <h4 class="footer-title">产品</h4>
+                    <ul class="footer-links">
+                        <li><a href="/product/riskassessment.html">个人大数据报告</a></li>
+                        <li><a href="/product/marriage.html">婚恋风险报告</a></li>
+                        <li><a href="/product/backgroundcheck.html">入职背调报告</a></li>
+                        <li><a href="/product/companyinfo.html">小微企业报告</a></li>
+                        <li><a href="/product/homeservice.html">家政风险报告</a></li>
+                        <li><a href="/product/consumerFinanceReport.html">消金报告</a></li>
+                        <li><a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" target="_blank">AI 定制报告</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h4 class="footer-title">公司</h4>
+                    <ul class="footer-links">
+                        <li><a href="/about.html">关于我们</a></li>
+                        <li><a href="/careers.html">加入我们</a></li>
+                        <li><a href="/contact.html">联系我们</a></li>
+                        <li><a href="/news.html">新闻动态</a></li>
+                        <li><a href="/partners.html">合作伙伴</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h4 class="footer-title">支持</h4>
+                    <ul class="footer-links">
+                        <li><a href="/help.html">帮助中心</a></li>
+                        <li><a href="/apidemo/">API 文档</a></li>
+                        <li><a href="/index.html#partnership">代理支持</a></li>
+                        <li><a href="/privacy.html">隐私政策</a></li>
+                        <li><a href="/terms.html">服务条款</a></li>
+                        <li><a href="/disclaimer.html">免责声明</a></li>
+                    </ul>
+                </div>
+            </div>
+            <div class="footer-bottom">
+                <p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p class="footer-icp">京 ICP 备 2025158088 号 -2</p>
+            </div>
+        </div>
+    </footer>
+</body>
+</html>
diff --git a/download/SEO技术诊断报告.md b/download/SEO技术诊断报告.md
new file mode 100644
index 0000000..2b884b2
--- /dev/null
+++ b/download/SEO技术诊断报告.md
@@ -0,0 +1,425 @@
+# 愉悦查官网技术SEO深度诊断报告
+
+**报告日期：** 2026年3月27日  
+**分析师：** 愉悦查技术SEO团队  
+**网站：** https://www.yuyuecha.com.cn  
+**域名年龄：** 新站（2026年3月）  
+**服务器IP：** 43.138.38.220（腾讯云）  
+
+---
+
+## 执行摘要
+
+### 核心发现
+| 评估维度 | 当前状态 | 评分 | 行业基准 |
+|---------|---------|------|---------|
+| 技术SEO基础 | 已部署HTTPS/HTTP2，基础架构良好 | 75/100 | 60/100 |
+| 页面性能 | 91KB未压缩，Gzip压缩率83.2% | 65/100 | 70/100 |
+| 内容优化 | 单页应用结构，缺乏深度内容 | 45/100 | 65/100 |
+| 关键词布局 | 核心词覆盖不足，长尾词缺失 | 40/100 | 60/100 |
+| 外链建设 | 零外链，域名权重为0 | 20/100 | 50/100 |
+| **综合评分** | **新站冷启动阶段** | **49/100** | **61/100** |
+
+### 关键问题（按影响排序）
+1. **索引障碍** - SPA单页结构不利于搜索引擎抓取
+2. **内容匮乏** - 缺乏信息型内容支撑长尾流量
+3. **零外链** - 新站无权威背书，信任度为0
+4. **关键词策略缺失** - 未针对搜索意图优化
+5. **技术债务** - 91KB首屏HTML，渲染阻塞资源
+
+---
+
+## 一、技术架构审计
+
+### 1.1 服务器与性能
+
+| 指标 | 实测值 | 标准值 | 状态 |
+|-----|-------|-------|------|
+| 服务器响应时间 | ~200ms | <200ms | ✅ 达标 |
+| TTFB | ~150ms | <200ms | ✅ 达标 |
+| 首屏HTML大小 | 91KB (92,680 bytes) | <50KB | ⚠️ 偏大 |
+| Gzip压缩后 | 15.57KB | - | ✅ 压缩率83.2% |
+| HTTP协议 | HTTP/2 | HTTP/2 | ✅ 现代协议 |
+| SSL/TLS | TLS 1.2/1.3 | TLS 1.2+ | ✅ 安全 |
+
+**诊断结论：** 基础性能达标，但首屏HTML体积偏大，建议实施代码分割和懒加载。
+
+### 1.2 爬虫可访问性
+
+```
+✅ robots.txt: 已部署，允许所有爬虫
+✅ sitemap.xml: 已部署，包含12个URL
+✅ HTTPS: 强制跳转已配置
+✅ www/non-www: 已统一（建议确认canonical）
+⚠️ 单页应用(SPA): 依赖JavaScript渲染，爬虫抓取受限
+⚠️ 无预渲染: 搜索引擎可能看不到完整内容
+```
+
+**关键问题：** 当前为SPA架构，虽然用户体验好，但对SEO不友好。建议：
+- 实施服务端渲染(SSR)或静态生成(SSG)
+- 或使用预渲染(prerender.io)服务
+- 确保核心内容在HTML中直接可见
+
+### 1.3 结构化数据
+
+**已部署Schema类型：**
+- WebSite - 网站信息
+- Organization - 企业信息
+- ItemList - 产品列表
+- LocalBusiness - 本地商家
+- FAQPage - 常见问题
+
+**缺失Schema类型（建议添加）：**
+- BreadcrumbList - 面包屑导航
+- Product - 单个产品详情
+- Review - 用户评价
+- AggregateRating - 综合评分
+- HowTo - 使用指南
+
+---
+
+## 二、关键词研究与竞争分析
+
+### 2.1 行业关键词图谱
+
+**核心商业词（高竞争）：**
+| 关键词 | 月搜索量 | 竞争度 | 当前排名 | 优化难度 |
+|-------|---------|-------|---------|---------|
+| 背调报告 | ~2,900 | 高 | 未收录 | ⭐⭐⭐⭐⭐ |
+| 背景调查 | ~8,100 | 高 | 未收录 | ⭐⭐⭐⭐⭐ |
+| 信用查询 | ~1,600 | 中 | 未收录 | ⭐⭐⭐⭐ |
+| 婚恋调查 | ~720 | 中 | 未收录 | ⭐⭐⭐ |
+
+**长尾机会词（低竞争）：**
+| 关键词 | 月搜索量 | 竞争度 | 内容机会 |
+|-------|---------|-------|---------|
+| 入职背调查什么 | ~480 | 低 | 科普文章 |
+| 家政阿姨背景调查 | ~260 | 低 | 服务页面 |
+| 相亲对象怎么查 | ~390 | 低 | 指南文章 |
+| 小微企业信用报告 | ~170 | 低 | 产品页面 |
+| 个人大数据报告多少钱 | ~140 | 低 | 价格页面 |
+
+### 2.2 竞争对手分析
+
+**主要竞争对手：**
+1. **天眼查/企查查** - 企业信息查询，DR 80+
+2. **芝麻信用** - 个人信用，品牌词流量大
+3. **智联招聘** - 入职背调服务，DR 75+
+4. **百合网/世纪佳缘** - 婚恋背景核实
+
+**竞争差距：**
+- 域名权重：0 vs 70+（差距巨大）
+- 内容深度：单页 vs 万级页面
+- 品牌认知：新站 vs 10年+品牌
+- 外链数量：0 vs 10万+
+
+**差异化机会：**
+- 专注C端个人查询（竞品多为B端）
+- AI定制报告（技术差异化）
+- 代理分销模式（渠道差异化）
+
+---
+
+## 三、页面级SEO审计
+
+### 3.1 首页（/）
+
+**URL结构：** ✅ 规范  
+**Title标签：** ⚠️ 过长（36字符，建议30以内）  
+```
+当前：愉悦查 - 让信任无处不在，让合作没有距离 | AI 驱动的商业信任科技平台
+建议：愉悦查 - AI背调报告平台 | 个人/企业背景调查
+```
+
+**Meta Description：** ✅ 158字符，包含核心关键词  
+**H1标签：** ⚠️ 非文本内容（"让信任无处不在"在CSS中）  
+**H2标签：** ✅ 6个，结构良好  
+**图片Alt：** ⚠️ 仅logo有alt，产品图片缺失  
+**内链：** ⚠️ 51个链接，但缺少锚文本优化  
+
+### 3.2 产品页面审计
+
+**URL问题：**
+```
+当前：/product/backgroundcheck.html
+建议：/chanpin/ruzhihoudiao/ 或 /service/employment-check/
+```
+
+**TDK现状：**
+| 页面 | Title | Description | H1 |
+|-----|-------|-------------|-----|
+| 入职背调 | 未检测 | 未检测 | 未检测 |
+| 婚恋风险 | 未检测 | 未检测 | 未检测 |
+| 个人大数据 | 未检测 | 未检测 | 未检测 |
+
+**建议：** 每个产品页独立优化TDK，针对具体关键词。
+
+---
+
+## 四、内容策略诊断
+
+### 4.1 内容缺口分析
+
+**缺失内容类型：**
+1. **博客/资讯** - 完全缺失（流量型内容）
+2. **使用指南** - 完全缺失（教育型内容）
+3. **案例研究** - 完全缺失（信任型内容）
+4. **行业报告** - 完全缺失（权威型内容）
+5. **对比评测** - 完全缺失（决策型内容）
+
+**建议内容矩阵：**
+| 内容类型 | 目标关键词 | 发布频率 | 预期流量 |
+|---------|-----------|---------|---------|
+| 背调知识科普 | 长尾词 | 2篇/周 | 500UV/月 |
+| 行业数据报告 | 品牌词 | 1篇/月 | 1000UV/月 |
+| 使用教程 | 长尾词 | 1篇/周 | 300UV/月 |
+| 案例分享 | 品牌词 | 2篇/月 | 200UV/月 |
+| FAQ问答 | 长尾词 | 持续更新 | 800UV/月 |
+
+### 4.2 搜索意图匹配
+
+**信息型查询（80%流量）：**
+- "什么是背景调查" → 需要科普文章
+- "背调一般查什么" → 需要详细指南
+- "婚恋调查合法吗" → 需要法律解读
+
+**导航型查询（10%流量）：**
+- "愉悦查官网" → 品牌保护
+- "愉悦查登录" → 功能页面
+
+**交易型查询（10%流量）：**
+- "背调报告多少钱" → 价格页面
+- "入职背调服务购买" → 转化页面
+
+**当前匹配度：** 仅覆盖交易型，信息型完全缺失。
+
+---
+
+## 五、外链与权威度分析
+
+### 5.1 当前状态
+
+| 指标 | 数值 | 说明 |
+|-----|------|------|
+|  referring domains | 0 | 新站，无外链 |
+|  total backlinks | 0 | 零外链 |
+|  domain rating | N/A | 无数据 |
+|  page authority | N/A | 无数据 |
+|  trust flow | N/A | 无数据 |
+
+### 5.2 外链建设策略
+
+**第一阶段（0-3个月）：基础外链**
+目标：20-30个外链
+- 百度百科词条创建
+- 知乎专栏文章（5篇）
+- 百家号首发文章（10篇）
+- 行业目录提交（5个）
+
+**第二阶段（3-6个月）：质量外链**
+目标：50-80个外链
+- 行业媒体投稿（3篇）
+- 合作伙伴友情链接（10个）
+- 嘉宾博客（5篇）
+- 资源页外链（5个）
+
+**第三阶段（6-12个月）：权威外链**
+目标：100+外链
+- 行业白皮书引用
+- 新闻报道
+- 学术研究引用
+- 政府/机构合作
+
+---
+
+## 六、技术优化清单
+
+### 6.1 高优先级（立即执行）
+
+- [ ] **实施SSR/SSG** - 解决SPA索引问题
+- [ ] **优化Title标签** - 缩短至30字符以内
+- [ ] **添加H1文本内容** - 确保爬虫可读取
+- [ ] **图片Alt属性** - 所有图片添加描述
+- [ ] **提交搜索引擎** - 百度/搜狗/360/Bing
+- [ ] **添加百度统计** - 数据监控基础
+
+### 6.2 中优先级（本月完成）
+
+- [ ] **创建博客系统** - WordPress/自建CMS
+- [ ] **优化URL结构** - 中文拼音或英文短URL
+- [ ] **添加面包屑导航** - 结构化数据+可视化
+- [ ] **内链优化** - 锚文本策略
+- [ ] **页面速度优化** - 代码分割、懒加载
+- [ ] **移动端优化** - Core Web Vitals达标
+
+### 6.3 低优先级（持续优化）
+
+- [ ] **多语言支持** - 英文版（拓展海外）
+- [ ] **AMP页面** - 移动端加速
+- [ ] **PWA支持** - 离线访问
+- [ ] **语音搜索优化** - FAQ结构化
+- [ ] **视频SEO** - 视频内容优化
+
+---
+
+## 七、执行路线图
+
+### Phase 1: 技术基础（第1-2周）
+**目标：** 确保网站可被搜索引擎正常抓取
+
+**任务清单：**
+1. 实施预渲染/SSR方案
+2. 优化所有页面TDK
+3. 添加图片alt属性
+4. 提交搜索引擎
+5. 安装百度统计
+
+**预期结果：** 网站被收录，基础排名出现
+
+### Phase 2: 内容建设（第3-6周）
+**目标：** 建立内容资产，获取长尾流量
+
+**任务清单：**
+1. 搭建博客系统
+2. 发布20篇长尾关键词文章
+3. 优化6个产品页面
+4. 创建FAQ页面
+5. 发布首份行业报告
+
+**预期结果：** 日均自然流量100+UV
+
+### Phase 3: 外链建设（第7-12周）
+**目标：** 建立域名权威度
+
+**任务清单：**
+1. 创建百科词条
+2. 运营知乎机构号
+3. 发布百家号文章
+4. 交换友情链接
+5. 投稿行业媒体
+
+**预期结果：** DR达到20+，日均流量500+UV
+
+### Phase 4: 规模化（第4-6月）
+**目标：** 建立可持续流量增长
+
+**任务清单：**
+1. 内容自动化生产
+2. 外链持续增长
+3. 社交媒体矩阵
+4. 品牌词保护
+5. 竞品词布局
+
+**预期结果：** 日均流量2000+UV，核心词前10
+
+---
+
+## 八、KPI与监控体系
+
+### 8.1 核心KPI
+
+| 指标 | 当前 | 3个月 | 6个月 | 12个月 |
+|-----|------|-------|-------|--------|
+| 百度收录 | 0 | 50 | 200 | 500+ |
+| 自然流量UV/日 | 0 | 100 | 500 | 2000+ |
+| 核心词排名 | - | 50+ | 20+ | 10+ |
+| 长尾词排名 | - | 100+ | 500+ | 2000+ |
+| 外链数量 | 0 | 30 | 100 | 300+ |
+| Domain Rating | 0 | 15 | 30 | 50+ |
+| 转化率 | - | 1% | 2% | 3%+ |
+
+### 8.2 监控工具
+
+**必备工具：**
+- 百度搜索资源平台（索引、排名）
+- 百度统计（流量分析）
+- Ahrefs/5118（外链监控）
+- 站长工具（综合SEO数据）
+
+**监控频率：**
+- 每日：流量、排名波动
+- 每周：收录变化、外链新增
+- 每月：综合报告、策略调整
+
+---
+
+## 九、风险评估与应对
+
+### 9.1 潜在风险
+
+| 风险 | 概率 | 影响 | 应对措施 |
+|-----|------|------|---------|
+| 算法更新 | 中 | 高 | 坚持白帽SEO，内容为王 |
+| 竞品压制 | 高 | 中 | 差异化定位，长尾突破 |
+| 新站沙盒 | 高 | 中 | 持续优化，耐心等待 |
+| 内容抄袭 | 中 | 低 | 原创保护，快速迭代 |
+| 技术故障 | 低 | 高 | 监控告警，快速恢复 |
+
+### 9.2 合规注意事项
+
+- 严格遵守《个人信息保护法》
+- 避免敏感词堆砌
+- 不做黑帽SEO（隐藏文本、链接农场等）
+- 用户生成内容(UGC)需审核
+- 定期备份，防止数据丢失
+
+---
+
+## 十、总结与建议
+
+### 核心结论
+
+1. **技术基础尚可** - HTTPS/HTTP2已部署，但SPA架构是最大障碍
+2. **内容严重匮乏** - 零信息型内容，无法获取长尾流量
+3. **外链从零开始** - 新站冷启动，需要6-12个月积累
+4. **关键词策略缺失** - 未针对搜索意图做优化
+5. **竞争环境激烈** - 需差异化定位，避开巨头正面竞争
+
+### 战略建议
+
+**短期（3个月）：**
+- 解决技术障碍（SSR/预渲染）
+- 快速填充内容（20+篇文章）
+- 建立基础外链（30个）
+- 目标：日均100UV
+
+**中期（6个月）：**
+- 内容矩阵成型（100+页面）
+- 外链持续增长（100个）
+- 品牌词建立认知
+- 目标：日均500UV
+
+**长期（12个月）：**
+- 行业权威地位
+- 自然流量稳定增长
+- 核心词前10排名
+- 目标：日均2000UV
+
+### 预算建议
+
+**最低预算（¥5,000/月）：**
+- 内容创作：¥3,000
+- 外链建设：¥1,500
+- 工具订阅：¥500
+
+**推荐预算（¥15,000/月）：**
+- 内容创作：¥8,000
+- 外链建设：¥4,000
+- 技术优化：¥2,000
+- 工具订阅：¥1,000
+
+**激进预算（¥30,000/月）：**
+- 内容团队：¥15,000
+- 外链建设：¥8,000
+- 技术外包：¥5,000
+- 付费推广：¥2,000
+
+---
+
+**报告编制：** 愉悦查技术SEO团队  
+**审核日期：** 2026年3月27日  
+**下次评审：** 2026年4月27日
+
+---
+
+*本报告基于当前网站状态和行业数据编制，实际效果受多种因素影响，建议每月复盘调整策略。*
\ No newline at end of file
diff --git a/help.html b/help.html
new file mode 100755
index 0000000..b1d4962
--- /dev/null
+++ b/help.html
@@ -0,0 +1,521 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>帮助中心 - 愉悦查 | 让信任无处不在，让合作没有距离</title>
+    <meta name="description" content="愉悦查（北京正信环宇科技有限公司）是 AI 驱动的商业信任科技平台，提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告">
+    <!-- SEO Enhancement -->
+    <link rel="canonical" href="https://www.yuyuecha.com.cn/help.html">
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="https://www.yuyuecha.com.cn/help.html">
+    <meta property="og:title" content="帮助中心 - 愉悦查">
+    <meta property="og:description" content="愉悦查常见问题解答，产品使用指南，技术支持。">
+    <meta property="og:image" content="https://www.yuyuecha.com.cn/assets/logo-nav-2x.png">
+    <meta property="og:site_name" content="愉悦查">
+    <meta property="og:locale" content="zh_CN">
+    <meta name="twitter:card" content="summary">
+    <meta name="twitter:title" content="帮助中心 - 愉悦查">
+    <meta name="twitter:description" content="愉悦查常见问题解答，产品使用指南，技术支持。">
+    <meta name="twitter:image" content="https://www.yuyuecha.com.cn/assets/logo-nav-2x.png">
+    <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=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    <style>
+        :root { --primary-orange: #FF6A19; --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%); --bg-gray: #F5F7FA; --text-primary: #1A1A1A; --text-secondary: #666666; --spacing-lg: 48px; --spacing-xl: 80px; --radius-lg: 16px; }
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body { font-family: 'Noto Sans SC', sans-serif; line-height: 1.6; color: var(--text-primary); }
+        .container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
+        .navbar { position: fixed; top: 0; background: rgba(255,255,255,0.95); backdrop-filter: blur(10px); box-shadow: 0 2px 20px rgba(0,0,0,0.08); z-index: 1000; }
+        .navbar .container { display: flex; justify-content: space-between; align-items: center; height: 80px; }
+        .logo { display: flex; align-items: center; gap: 8px; text-decoration: none; }
+        .logo-img { height: 60px; width: auto; }
+        .nav-menu { display: flex; gap: 32px; list-style: none; }
+        .nav-link { font-size: 15px; font-weight: 500; color: var(--text-primary); text-decoration: none; transition: all 0.3s ease; }
+        .nav-link:hover { color: var(--primary-orange); }
+        .nav-cta { display: flex; gap: 12px; }
+        .btn { display: inline-block; padding: 10px 20px; font-size: 14px; font-weight: 500; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; text-decoration: none; text-align: center; }
+        .btn-primary { background: var(--primary-gradient); color: white; border: none; box-shadow: 0 4px 12px rgba(236, 77, 9, 0.3); }
+        .btn-outline { background: transparent; border: 2px solid var(--primary-orange); color: var(--primary-orange); }
+        .nav-btn { padding: 10px 20px; font-size: 14px; }
+        .hero { padding: 160px 0 80px; background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%); text-align: center; }
+        .hero h1 { font-size: 48px; color: var(--primary-orange); margin-bottom: 16px; }
+        .section { padding: var(--spacing-xl) 0; }
+        .section-title { text-align: center; font-size: 36px; margin-bottom: 8px; }
+        .section-subtitle { text-align: center; font-size: 18px; color: var(--text-secondary); margin-bottom: 48px; }
+        .values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin-top: 48px; }
+        .value-card { background: white; padding: 32px; border-radius: var(--radius-lg); box-shadow: 0 4px 16px rgba(0,0,0,0.08); text-align: center; }
+        .value-icon { font-size: 48px; margin-bottom: 16px; }
+        .value-card h3 { font-size: 20px; margin-bottom: 12px; color: var(--primary-orange); }
+        .footer { background: #1A1A1A; color: white; padding: 64px 0 32px; }
+        .footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 48px; margin-bottom: 48px; }
+        .footer-brand h3 { font-size: 24px; margin-bottom: 16px; color: var(--primary-orange); }
+        .footer-title { font-size: 16px; font-weight: 600; margin-bottom: 16px; }
+        .footer-links { list-style: none; padding: 0; }
+        .footer-links li { margin-bottom: 8px; }
+        .footer-links a { font-size: 14px; opacity: 0.8; transition: all 0.3s ease; color: white; text-decoration: none; }
+        .footer-links a:hover { opacity: 1; color: var(--primary-orange); }
+        .footer-bottom { text-align: center; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.6; }
+        @media (max-width: 1024px) { .nav-menu { display: none; } }
+        @media (max-width: 768px) { .values-grid { grid-template-columns: 1fr; } .hero h1 { font-size: 32px; } .footer-grid { grid-template-columns: 1fr; } }
+    
+        /* ===== Navigation ===== */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+            transition: var(--transition);
+        }
+        
+        .navbar.scrolled {
+            box-shadow: 0 4px 30px rgba(0,0,0,0.12);
+        }
+        
+        .navbar .container {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            height: 80px;
+            max-width: 1400px;
+            margin: 0 auto;
+            padding: 0 32px;
+        }
+        
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            text-decoration: none;
+            background: transparent;
+            padding: 4px 0;
+        }
+        
+        .logo-img {
+            background: rgba(255,255,255,0.95);
+            height: 60px;
+            width: auto;
+            object-fit: contain;
+            transition: var(--transition);
+        }
+        
+        .logo:hover .logo-img {
+            background: rgba(255,255,255,0.95);
+            transform: scale(1.05);
+        }
+        
+        .nav-menu {
+            display: flex;
+            gap: var(--spacing-lg);
+            align-items: center;
+        }
+        
+        .nav-link {
+            font-size: 15px;
+            font-weight: 500;
+            color: var(--text-primary);
+            transition: var(--transition);
+            position: relative;
+        }
+        
+        .nav-link:hover {
+            color: var(--primary-orange);
+        }
+        
+        .nav-link::after {
+            content: '';
+            position: absolute;
+            bottom: -4px;
+            left: 0;
+            width: 0;
+            height: 2px;
+            background: var(--primary-orange);
+            transition: var(--transition);
+        }
+        
+        .nav-link:hover::after {
+            width: 100%;
+        }
+        
+        .nav-cta {
+            display: flex;
+            gap: var(--spacing-sm);
+        }
+        
+        .nav-btn {
+            padding: 10px 20px;
+            font-size: 14px;
+        }
+        
+        /* Mobile Menu */
+        .menu-toggle {
+            display: none;
+            flex-direction: column;
+            gap: 5px;
+            cursor: pointer;
+            padding: 5px;
+        }
+        
+        .menu-toggle span {
+            width: 25px;
+            height: 3px;
+            background: var(--primary-orange);
+            border-radius: 2px;
+            transition: var(--transition);
+        }
+
+        /* ===== Unified Navbar ===== */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            z-index: 1000;
+            padding: 12px 0;
+            transition: all 0.3s ease;
+            background: rgba(255,255,255,0.95);
+            backdrop-filter: blur(20px);
+            -webkit-backdrop-filter: blur(20px);
+        }
+        .navbar.scrolled {
+            padding: 8px 0;
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+        }
+        .navbar .container {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 0 24px;
+        }
+        .logo {
+            display: flex;
+            align-items: center;
+            text-decoration: none;
+        }
+        .logo-img {
+            height: 44px;
+            width: auto;
+            object-fit: contain;
+            transition: all 0.3s ease;
+        }
+        .logo:hover .logo-img {
+            transform: scale(1.03);
+        }
+        .nav-menu {
+            display: flex;
+            gap: 32px;
+            list-style: none;
+            margin: 0;
+            padding: 0;
+        }
+        .nav-link {
+            font-size: 15px;
+            font-weight: 500;
+            color: #1A1A1A;
+            text-decoration: none;
+            position: relative;
+            padding: 6px 0;
+            transition: all 0.3s ease;
+        }
+        .nav-link::after {
+            content: '';
+            position: absolute;
+            bottom: 0;
+            left: 50%;
+            width: 0;
+            height: 2px;
+            background: #FF6A19;
+            transition: all 0.3s ease;
+            transform: translateX(-50%);
+            border-radius: 1px;
+        }
+        .nav-link:hover {
+            color: #FF6A19;
+        }
+        .nav-link:hover::after {
+            width: 100%;
+        }
+        .nav-cta {
+            display: flex;
+            gap: 12px;
+            align-items: center;
+        }
+        .nav-btn {
+            padding: 8px 20px;
+            border-radius: 8px;
+            font-size: 14px;
+            font-weight: 500;
+            cursor: pointer;
+            transition: all 0.3s ease;
+            text-decoration: none;
+            border: none;
+            display: inline-flex;
+            align-items: center;
+        }
+        .btn-outline.nav-btn {
+            border: 1.5px solid #FF6A19;
+            color: #FF6A19;
+            background: transparent;
+        }
+        .btn-outline.nav-btn:hover {
+            background: #FFF5F0;
+        }
+        .btn-primary.nav-btn {
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
+            color: white;
+            box-shadow: 0 2px 8px rgba(255,106,25,0.3);
+        }
+        .btn-primary.nav-btn:hover {
+            transform: translateY(-1px);
+            box-shadow: 0 4px 12px rgba(255,106,25,0.4);
+        }
+        .menu-toggle {
+            display: none;
+            flex-direction: column;
+            gap: 5px;
+            cursor: pointer;
+            padding: 4px;
+            z-index: 1001;
+        }
+        .menu-toggle span {
+            width: 24px;
+            height: 2px;
+            background: #1A1A1A;
+            transition: all 0.3s ease;
+            border-radius: 1px;
+        }
+        @media (max-width: 1024px) {
+            .nav-menu {
+                display: none;
+                position: fixed;
+                top: 0;
+                left: 0;
+                right: 0;
+                bottom: 0;
+                background: rgba(255,255,255,0.98);
+                backdrop-filter: blur(20px);
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                gap: 24px;
+                z-index: 999;
+            }
+            .nav-menu.active {
+                display: flex;
+            }
+            .nav-link {
+                font-size: 18px;
+            }
+            .nav-cta {
+                display: none;
+            }
+            .menu-toggle {
+                display: flex;
+            }
+        }
+
+        /* ===== Unified Footer ===== */
+        .footer {
+            background: #1A1A1A;
+            color: white;
+            padding: 60px 0 30px;
+        }
+        .footer-grid {
+            display: grid;
+            grid-template-columns: 1.5fr 1fr 1fr 1fr;
+            gap: 48px;
+            margin-bottom: 40px;
+        }
+        .footer-brand h3 {
+            font-size: 22px;
+            font-weight: 700;
+            margin-bottom: 8px;
+            background: linear-gradient(135deg, #FF6A19, #FC6E18);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+        .footer-brand p {
+            color: rgba(255,255,255,0.6);
+            font-size: 14px;
+            line-height: 1.6;
+        }
+        .footer-title {
+            font-size: 15px;
+            font-weight: 600;
+            margin-bottom: 16px;
+            color: rgba(255,255,255,0.9);
+        }
+        .footer-links {
+            list-style: none;
+            padding: 0;
+            margin: 0;
+        }
+        .footer-links li {
+            margin-bottom: 10px;
+        }
+        .footer-links a {
+            color: rgba(255,255,255,0.5);
+            text-decoration: none;
+            font-size: 14px;
+            transition: all 0.3s ease;
+        }
+        .footer-links a:hover {
+            color: #FF6A19;
+        }
+        .footer-bottom {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            padding-top: 24px;
+            border-top: 1px solid rgba(255,255,255,0.1);
+            font-size: 13px;
+            color: rgba(255,255,255,0.4);
+        }
+        .footer-icp {
+            color: rgba(255,255,255,0.4);
+        }
+        .footer-icp a {
+            color: rgba(255,255,255,0.4);
+            text-decoration: none;
+        }
+        .footer-icp a:hover {
+            color: #FF6A19;
+        }
+        @media (max-width: 768px) {
+            .footer-grid {
+                grid-template-columns: 1fr 1fr;
+                gap: 32px;
+            }
+            .footer-bottom {
+                flex-direction: column;
+                text-align: center;
+                gap: 8px;
+            }
+        }
+        @media (max-width: 480px) {
+            .footer-grid {
+                grid-template-columns: 1fr;
+            }
+        }
+
+    </style>
+</head>
+<body>
+            <nav class="navbar" id="navbar">
+        <div class="container">
+            <a href="/index.html" class="logo">
+                <img src="assets/logo-nav.png" srcset="assets/logo-nav.png 1x, assets/logo-nav-2x.png 2x" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            
+            <div class="menu-toggle" id="menuToggle">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+            
+            <ul class="nav-menu" id="navMenu">
+                <li><a href="/index.html" class="nav-link">首页</a></li>
+                <li><a href="/index.html#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="/index.html#technology" class="nav-link">AI 能力</a></li>
+                <li><a href="/index.html#partnership" class="nav-link">代理合作</a></li>
+                <li><a href="/about.html" class="nav-link">关于我们</a></li>
+            </ul>
+            
+            <div class="nav-cta">
+                <a href="/index.html#products" class="btn btn-outline nav-btn">立即查询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
+            </div>
+        </div>
+    </nav>
+<section class="hero">
+        <div class="container">
+            <h1>帮助中心</h1>
+            <p style="font-size:18px;color:var(--text-secondary);max-width:700px;margin:0 auto;">让信任无处不在，让合作没有距离</p>
+        </div>
+    </section>
+    <section class="section">
+        <div class="container">
+            <h2 class="section-title">常见问题</h2>
+            <p style="text-align:center;max-width:800px;margin:0 auto;color:var(--text-secondary);">愉悦查（北京正信环宇科技有限公司）是 AI 驱动的商业信任科技平台，致力于搭建信任桥梁，连接商业未来。我们提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告，支持 AI 智能定制报告。</p>
+            <div class="values-grid">
+                <div class="value-card">
+                    <div class="value-icon">🤖</div>
+                    <h3>AI 驱动</h3>
+                    <p style="color:var(--text-secondary);">200+ 数据接口智能组合，秒级响应</p>
+                </div>
+                <div class="value-card">
+                    <div class="value-icon">🔒</div>
+                    <h3>安全合规</h3>
+                    <p style="color:var(--text-secondary);">严格遵守《个人信息保护法》，数据官方授权</p>
+                </div>
+                <div class="value-card">
+                    <div class="value-icon">🎯</div>
+                    <h3>专业可靠</h3>
+                    <p style="color:var(--text-secondary);">全面风险评估，PDF 格式报告下载</p>
+                </div>
+            </div>
+        </div>
+    </section>
+            <footer class="footer">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <h3>愉悦查</h3>
+                    <p>让信任无处不在，让合作没有距离</p>
+                    <p style="margin-top:16px;font-size:13px;color:rgba(255,255,255,0.5);">北京正信环宇科技有限公司</p>
+                    <p style="font-size:13px;color:rgba(255,255,255,0.5);">AI 驱动的商业信任科技平台</p>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">产品</h4>
+                    <ul class="footer-links">
+                        <li><a href="/product/riskassessment.html">个人大数据报告</a></li>
+                        <li><a href="/product/marriage.html">婚恋风险报告</a></li>
+                        <li><a href="/product/backgroundcheck.html">入职背调报告</a></li>
+                        <li><a href="/product/companyinfo.html">小微企业报告</a></li>
+                        <li><a href="/product/homeservice.html">家政风险报告</a></li>
+                        <li><a href="/product/consumerFinanceReport.html">消金报告</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">公司</h4>
+                    <ul class="footer-links">
+                        <li><a href="/about.html">关于我们</a></li>
+                        <li><a href="/careers.html">加入我们</a></li>
+                        <li><a href="/contact.html">联系我们</a></li>
+                        <li><a href="/news.html">新闻动态</a></li>
+                        <li><a href="/partners.html">合作伙伴</a></li>
+                        <li><a href="/investment.html">招商工具包</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">支持</h4>
+                    <ul class="footer-links">
+                        <li><a href="/help.html">帮助中心</a></li>
+                        <li><a href="/apidemo/">API 文档</a></li>
+                        <li><a href="/all-apis.html">全部接口</a></li>
+                        <li><a href="/privacy.html">隐私政策</a></li>
+                        <li><a href="/terms.html">服务条款</a></li>
+                        <li><a href="/disclaimer.html">免责声明</a></li>
+                    </ul>
+                </div>
+            </div>
+            
+            <div class="footer-bottom">
+                <p>&copy; 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p class="footer-icp"><a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow noopener">京ICP备2025158088号-2</a></p>
+            </div>
+        </div>
+    </footer>
+</body>
+</html>
diff --git a/help.html.bak.navbar b/help.html.bak.navbar
new file mode 100755
index 0000000..b5bc64b
--- /dev/null
+++ b/help.html.bak.navbar
@@ -0,0 +1,147 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>帮助中心 - 愉悦查 | 让信任无处不在，让合作没有距离</title>
+    <meta name="description" content="愉悦查（北京正信环宇科技有限公司）是 AI 驱动的商业信任科技平台，提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告">
+    <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=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    <style>
+        :root { --primary-orange: #FF6A19; --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%); --bg-gray: #F5F7FA; --text-primary: #1A1A1A; --text-secondary: #666666; --spacing-lg: 48px; --spacing-xl: 80px; --radius-lg: 16px; }
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body { font-family: 'Noto Sans SC', sans-serif; line-height: 1.6; color: var(--text-primary); }
+        .container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
+        .navbar { position: fixed; top: 0; background: rgba(255,255,255,0.95); backdrop-filter: blur(10px); box-shadow: 0 2px 20px rgba(0,0,0,0.08); z-index: 1000; }
+        .navbar .container { display: flex; justify-content: space-between; align-items: center; height: 80px; }
+        .logo { display: flex; align-items: center; gap: 8px; text-decoration: none; }
+        .logo-img { height: 60px; width: auto; }
+        .nav-menu { display: flex; gap: 32px; list-style: none; }
+        .nav-link { font-size: 15px; font-weight: 500; color: var(--text-primary); text-decoration: none; transition: all 0.3s ease; }
+        .nav-link:hover { color: var(--primary-orange); }
+        .nav-cta { display: flex; gap: 12px; }
+        .btn { display: inline-block; padding: 10px 20px; font-size: 14px; font-weight: 500; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; text-decoration: none; text-align: center; }
+        .btn-primary { background: var(--primary-gradient); color: white; border: none; box-shadow: 0 4px 12px rgba(236, 77, 9, 0.3); }
+        .btn-outline { background: transparent; border: 2px solid var(--primary-orange); color: var(--primary-orange); }
+        .nav-btn { padding: 10px 20px; font-size: 14px; }
+        .hero { padding: 160px 0 80px; background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%); text-align: center; }
+        .hero h1 { font-size: 48px; color: var(--primary-orange); margin-bottom: 16px; }
+        .section { padding: var(--spacing-xl) 0; }
+        .section-title { text-align: center; font-size: 36px; margin-bottom: 8px; }
+        .section-subtitle { text-align: center; font-size: 18px; color: var(--text-secondary); margin-bottom: 48px; }
+        .values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin-top: 48px; }
+        .value-card { background: white; padding: 32px; border-radius: var(--radius-lg); box-shadow: 0 4px 16px rgba(0,0,0,0.08); text-align: center; }
+        .value-icon { font-size: 48px; margin-bottom: 16px; }
+        .value-card h3 { font-size: 20px; margin-bottom: 12px; color: var(--primary-orange); }
+        .footer { background: #1A1A1A; color: white; padding: 64px 0 32px; }
+        .footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 48px; margin-bottom: 48px; }
+        .footer-brand h3 { font-size: 24px; margin-bottom: 16px; color: var(--primary-orange); }
+        .footer-title { font-size: 16px; font-weight: 600; margin-bottom: 16px; }
+        .footer-links { list-style: none; padding: 0; }
+        .footer-links li { margin-bottom: 8px; }
+        .footer-links a { font-size: 14px; opacity: 0.8; transition: all 0.3s ease; color: white; text-decoration: none; }
+        .footer-links a:hover { opacity: 1; color: var(--primary-orange); }
+        .footer-bottom { text-align: center; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.6; }
+        @media (max-width: 1024px) { .nav-menu { display: none; } }
+        @media (max-width: 768px) { .values-grid { grid-template-columns: 1fr; } .hero h1 { font-size: 32px; } .footer-grid { grid-template-columns: 1fr; } }
+    </style>
+</head>
+<body>
+    <nav class="navbar">
+        <div class="container">
+            <a href="/index.html" class="logo">
+                <img src="assets/logo.png" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            <ul class="nav-menu">
+                <li><a href="/index.html#home" class="nav-link">首页</a></li>
+                <li><a href="/index.html#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="/index.html#technology" class="nav-link">AI 能力</a></li>
+                <li><a href="/index.html#partnership" class="nav-link">代理合作</a></li>
+                <li><a href="/index.html#about" class="nav-link">关于我们</a></li>
+            </ul>
+            <div class="nav-cta">
+                <a href="/index.html#products" class="btn btn-outline nav-btn">立即查询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
+            </div>
+        </div>
+    </nav>
+    <section class="hero">
+        <div class="container">
+            <h1>帮助中心</h1>
+            <p style="font-size:18px;color:var(--text-secondary);max-width:700px;margin:0 auto;">让信任无处不在，让合作没有距离</p>
+        </div>
+    </section>
+    <section class="section">
+        <div class="container">
+            <h2 class="section-title">常见问题</h2>
+            <p style="text-align:center;max-width:800px;margin:0 auto;color:var(--text-secondary);">愉悦查（北京正信环宇科技有限公司）是 AI 驱动的商业信任科技平台，致力于搭建信任桥梁，连接商业未来。我们提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告，支持 AI 智能定制报告。</p>
+            <div class="values-grid">
+                <div class="value-card">
+                    <div class="value-icon">🤖</div>
+                    <h3>AI 驱动</h3>
+                    <p style="color:var(--text-secondary);">200+ 数据接口智能组合，秒级响应</p>
+                </div>
+                <div class="value-card">
+                    <div class="value-icon">🔒</div>
+                    <h3>安全合规</h3>
+                    <p style="color:var(--text-secondary);">严格遵守《个人信息保护法》，数据官方授权</p>
+                </div>
+                <div class="value-card">
+                    <div class="value-icon">🎯</div>
+                    <h3>专业可靠</h3>
+                    <p style="color:var(--text-secondary);">全面风险评估，PDF 格式报告下载</p>
+                </div>
+            </div>
+        </div>
+    </section>
+    <footer class="footer">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <h3>愉悦查</h3>
+                    <p>让信任无处不在，让合作没有距离</p>
+                </div>
+                <div>
+                    <h4 class="footer-title">产品</h4>
+                    <ul class="footer-links">
+                        <li><a href="/product/riskassessment.html">个人大数据报告</a></li>
+                        <li><a href="/product/marriage.html">婚恋风险报告</a></li>
+                        <li><a href="/product/backgroundcheck.html">入职背调报告</a></li>
+                        <li><a href="/product/companyinfo.html">小微企业报告</a></li>
+                        <li><a href="/product/homeservice.html">家政风险报告</a></li>
+                        <li><a href="/product/consumerFinanceReport.html">消金报告</a></li>
+                        <li><a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" target="_blank">AI 定制报告</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h4 class="footer-title">公司</h4>
+                    <ul class="footer-links">
+                        <li><a href="/about.html">关于我们</a></li>
+                        <li><a href="/careers.html">加入我们</a></li>
+                        <li><a href="/contact.html">联系我们</a></li>
+                        <li><a href="/news.html">新闻动态</a></li>
+                        <li><a href="/partners.html">合作伙伴</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h4 class="footer-title">支持</h4>
+                    <ul class="footer-links">
+                        <li><a href="/help.html">帮助中心</a></li>
+                        <li><a href="/apidemo/">API 文档</a></li>
+                        <li><a href="/index.html#partnership">代理支持</a></li>
+                        <li><a href="/privacy.html">隐私政策</a></li>
+                        <li><a href="/terms.html">服务条款</a></li>
+                        <li><a href="/disclaimer.html">免责声明</a></li>
+                    </ul>
+                </div>
+            </div>
+            <div class="footer-bottom">
+                <p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p class="footer-icp">京 ICP 备 2025158088 号 -2</p>
+            </div>
+        </div>
+    </footer>
+</body>
+</html>
diff --git a/help.html.bak.uniform b/help.html.bak.uniform
new file mode 100755
index 0000000..fa403d5
--- /dev/null
+++ b/help.html.bak.uniform
@@ -0,0 +1,264 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>帮助中心 - 愉悦查 | 让信任无处不在，让合作没有距离</title>
+    <meta name="description" content="愉悦查（北京正信环宇科技有限公司）是 AI 驱动的商业信任科技平台，提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告">
+    <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=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    <style>
+        :root { --primary-orange: #FF6A19; --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%); --bg-gray: #F5F7FA; --text-primary: #1A1A1A; --text-secondary: #666666; --spacing-lg: 48px; --spacing-xl: 80px; --radius-lg: 16px; }
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body { font-family: 'Noto Sans SC', sans-serif; line-height: 1.6; color: var(--text-primary); }
+        .container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
+        .navbar { position: fixed; top: 0; background: rgba(255,255,255,0.95); backdrop-filter: blur(10px); box-shadow: 0 2px 20px rgba(0,0,0,0.08); z-index: 1000; }
+        .navbar .container { display: flex; justify-content: space-between; align-items: center; height: 80px; }
+        .logo { display: flex; align-items: center; gap: 8px; text-decoration: none; }
+        .logo-img { height: 60px; width: auto; }
+        .nav-menu { display: flex; gap: 32px; list-style: none; }
+        .nav-link { font-size: 15px; font-weight: 500; color: var(--text-primary); text-decoration: none; transition: all 0.3s ease; }
+        .nav-link:hover { color: var(--primary-orange); }
+        .nav-cta { display: flex; gap: 12px; }
+        .btn { display: inline-block; padding: 10px 20px; font-size: 14px; font-weight: 500; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; text-decoration: none; text-align: center; }
+        .btn-primary { background: var(--primary-gradient); color: white; border: none; box-shadow: 0 4px 12px rgba(236, 77, 9, 0.3); }
+        .btn-outline { background: transparent; border: 2px solid var(--primary-orange); color: var(--primary-orange); }
+        .nav-btn { padding: 10px 20px; font-size: 14px; }
+        .hero { padding: 160px 0 80px; background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%); text-align: center; }
+        .hero h1 { font-size: 48px; color: var(--primary-orange); margin-bottom: 16px; }
+        .section { padding: var(--spacing-xl) 0; }
+        .section-title { text-align: center; font-size: 36px; margin-bottom: 8px; }
+        .section-subtitle { text-align: center; font-size: 18px; color: var(--text-secondary); margin-bottom: 48px; }
+        .values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin-top: 48px; }
+        .value-card { background: white; padding: 32px; border-radius: var(--radius-lg); box-shadow: 0 4px 16px rgba(0,0,0,0.08); text-align: center; }
+        .value-icon { font-size: 48px; margin-bottom: 16px; }
+        .value-card h3 { font-size: 20px; margin-bottom: 12px; color: var(--primary-orange); }
+        .footer { background: #1A1A1A; color: white; padding: 64px 0 32px; }
+        .footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 48px; margin-bottom: 48px; }
+        .footer-brand h3 { font-size: 24px; margin-bottom: 16px; color: var(--primary-orange); }
+        .footer-title { font-size: 16px; font-weight: 600; margin-bottom: 16px; }
+        .footer-links { list-style: none; padding: 0; }
+        .footer-links li { margin-bottom: 8px; }
+        .footer-links a { font-size: 14px; opacity: 0.8; transition: all 0.3s ease; color: white; text-decoration: none; }
+        .footer-links a:hover { opacity: 1; color: var(--primary-orange); }
+        .footer-bottom { text-align: center; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.6; }
+        @media (max-width: 1024px) { .nav-menu { display: none; } }
+        @media (max-width: 768px) { .values-grid { grid-template-columns: 1fr; } .hero h1 { font-size: 32px; } .footer-grid { grid-template-columns: 1fr; } }
+    
+        /* ===== Navigation ===== */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+            transition: var(--transition);
+        }
+        
+        .navbar.scrolled {
+            box-shadow: 0 4px 30px rgba(0,0,0,0.12);
+        }
+        
+        .navbar .container {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            height: 80px;
+            max-width: 1400px;
+            margin: 0 auto;
+            padding: 0 32px;
+        }
+        
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            text-decoration: none;
+            background: transparent;
+            padding: 4px 0;
+        }
+        
+        .logo-img {
+            background: rgba(255,255,255,0.95);
+            height: 60px;
+            width: auto;
+            object-fit: contain;
+            transition: var(--transition);
+        }
+        
+        .logo:hover .logo-img {
+            background: rgba(255,255,255,0.95);
+            transform: scale(1.05);
+        }
+        
+        .nav-menu {
+            display: flex;
+            gap: var(--spacing-lg);
+            align-items: center;
+        }
+        
+        .nav-link {
+            font-size: 15px;
+            font-weight: 500;
+            color: var(--text-primary);
+            transition: var(--transition);
+            position: relative;
+        }
+        
+        .nav-link:hover {
+            color: var(--primary-orange);
+        }
+        
+        .nav-link::after {
+            content: '';
+            position: absolute;
+            bottom: -4px;
+            left: 0;
+            width: 0;
+            height: 2px;
+            background: var(--primary-orange);
+            transition: var(--transition);
+        }
+        
+        .nav-link:hover::after {
+            width: 100%;
+        }
+        
+        .nav-cta {
+            display: flex;
+            gap: var(--spacing-sm);
+        }
+        
+        .nav-btn {
+            padding: 10px 20px;
+            font-size: 14px;
+        }
+        
+        /* Mobile Menu */
+        .menu-toggle {
+            display: none;
+            flex-direction: column;
+            gap: 5px;
+            cursor: pointer;
+            padding: 5px;
+        }
+        
+        .menu-toggle span {
+            width: 25px;
+            height: 3px;
+            background: var(--primary-orange);
+            border-radius: 2px;
+            transition: var(--transition);
+        }
+</style>
+</head>
+<body>
+    <nav class="navbar" id="navbar">
+        <div class="container">
+            <a href="/index.html" class="logo">
+                <img src="assets/logo.png" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            
+            <div class="menu-toggle" id="menuToggle">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+            
+            <ul class="nav-menu" id="navMenu">
+                <li><a href="/index.html#home" class="nav-link">首页</a></li>
+                <li><a href="/index.html#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="/index.html#technology" class="nav-link">AI 能力</a></li>
+                <li><a href="/index.html#partnership" class="nav-link">代理合作</a></li>
+                <li><a href="/index.html#about" class="nav-link">关于我们</a></li>
+            </ul>
+            
+            <div class="nav-cta">
+                <a href="/index.html#products" class="btn btn-outline nav-btn">立即查询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
+            </div>
+        </div>
+    </nav>
+<section class="hero">
+        <div class="container">
+            <h1>帮助中心</h1>
+            <p style="font-size:18px;color:var(--text-secondary);max-width:700px;margin:0 auto;">让信任无处不在，让合作没有距离</p>
+        </div>
+    </section>
+    <section class="section">
+        <div class="container">
+            <h2 class="section-title">常见问题</h2>
+            <p style="text-align:center;max-width:800px;margin:0 auto;color:var(--text-secondary);">愉悦查（北京正信环宇科技有限公司）是 AI 驱动的商业信任科技平台，致力于搭建信任桥梁，连接商业未来。我们提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告，支持 AI 智能定制报告。</p>
+            <div class="values-grid">
+                <div class="value-card">
+                    <div class="value-icon">🤖</div>
+                    <h3>AI 驱动</h3>
+                    <p style="color:var(--text-secondary);">200+ 数据接口智能组合，秒级响应</p>
+                </div>
+                <div class="value-card">
+                    <div class="value-icon">🔒</div>
+                    <h3>安全合规</h3>
+                    <p style="color:var(--text-secondary);">严格遵守《个人信息保护法》，数据官方授权</p>
+                </div>
+                <div class="value-card">
+                    <div class="value-icon">🎯</div>
+                    <h3>专业可靠</h3>
+                    <p style="color:var(--text-secondary);">全面风险评估，PDF 格式报告下载</p>
+                </div>
+            </div>
+        </div>
+    </section>
+    <footer class="footer">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <h3>愉悦查</h3>
+                    <p>让信任无处不在，让合作没有距离</p>
+                </div>
+                <div>
+                    <h4 class="footer-title">产品</h4>
+                    <ul class="footer-links">
+                        <li><a href="/product/riskassessment.html">个人大数据报告</a></li>
+                        <li><a href="/product/marriage.html">婚恋风险报告</a></li>
+                        <li><a href="/product/backgroundcheck.html">入职背调报告</a></li>
+                        <li><a href="/product/companyinfo.html">小微企业报告</a></li>
+                        <li><a href="/product/homeservice.html">家政风险报告</a></li>
+                        <li><a href="/product/consumerFinanceReport.html">消金报告</a></li>
+                        <li><a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" target="_blank">AI 定制报告</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h4 class="footer-title">公司</h4>
+                    <ul class="footer-links">
+                        <li><a href="/about.html">关于我们</a></li>
+                        <li><a href="/careers.html">加入我们</a></li>
+                        <li><a href="/contact.html">联系我们</a></li>
+                        <li><a href="/news.html">新闻动态</a></li>
+                        <li><a href="/partners.html">合作伙伴</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h4 class="footer-title">支持</h4>
+                    <ul class="footer-links">
+                        <li><a href="/help.html">帮助中心</a></li>
+                        <li><a href="/apidemo/">API 文档</a></li>
+                        <li><a href="/index.html#partnership">代理支持</a></li>
+                        <li><a href="/privacy.html">隐私政策</a></li>
+                        <li><a href="/terms.html">服务条款</a></li>
+                        <li><a href="/disclaimer.html">免责声明</a></li>
+                    </ul>
+                </div>
+            </div>
+            <div class="footer-bottom">
+                <p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p class="footer-icp">京 ICP 备 2025158088 号 -2</p>
+            </div>
+        </div>
+    </footer>
+</body>
+</html>
diff --git a/index.html b/index.html
new file mode 100755
index 0000000..8a9f40b
--- /dev/null
+++ b/index.html
@@ -0,0 +1,2996 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="baidu-site-verification" content="codeva-E0uYXZCrJh" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>愉悦查 - 让信任无处不在，让合作没有距离 | AI 驱动的商业信任科技平台</title>
+    <meta name="description" content="愉悦查是 AI 驱动的商业信任科技平台，提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告，支持 AI 智能定制报告。200+ 数据接口，秒级响应，让信任无处不在。">
+    <meta name="keywords" content="愉悦查，背调报告，信用查询，风险评估，AI 定制报告，婚恋风险，入职背调，小微企业报告">
+    <!-- SEO Enhancement -->
+    <link rel="canonical" href="https://www.yuyuecha.com.cn/">
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="https://www.yuyuecha.com.cn/">
+    <meta property="og:title" content="愉悦查 - AI 驱动的商业信任科技平台">
+    <meta property="og:description" content="提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告，200+ 数据接口，秒级响应。让信任无处不在，让合作没有距离。">
+    <meta property="og:image" content="https://www.yuyuecha.com.cn/assets/logo-nav-2x.png">
+    <meta property="og:site_name" content="愉悦查">
+    <meta property="og:locale" content="zh_CN">
+    <meta name="twitter:card" content="summary">
+    <meta name="twitter:title" content="愉悦查 - AI 驱动的商业信任科技平台">
+    <meta name="twitter:description" content="提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告，200+ 数据接口，秒级响应。让信任无处不在，让合作没有距离。">
+    <meta name="twitter:image" content="https://www.yuyuecha.com.cn/assets/logo-nav-2x.png">
+    
+    <!-- 预加载字体 -->
+    <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=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    
+    <style>
+        /* ===== CSS Variables - 品牌色定义 ===== */
+        :root {
+            /* 品牌主色 - 橙色系 (来自蓝湖设计稿) */
+            --primary-orange: #FF6A19;
+            --primary-orange-light: #FC6E18;
+            --primary-orange-dark: #E64E10;
+            --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
+            --primary-orange-soft: #FFDECC;
+            
+            /* 辅助色 */
+            --bg-light: #FFFFFF;
+            --bg-gray: #F5F7FA;
+            --bg-gray-light: #E4E7E0;
+            
+            /* 文字色 */
+            --text-primary: #1A1A1A;
+            --text-secondary: #666666;
+            --text-light: #999999;
+            
+            /* 功能色 */
+            --success: #07C160;
+            --warning: #FF9500;
+            --error: #FF3B30;
+            
+            /* 间距 */
+            --spacing-xs: 8px;
+            --spacing-sm: 16px;
+            --spacing-md: 24px;
+            --spacing-lg: 48px;
+            --spacing-xl: 80px;
+            
+            /* 圆角 */
+            --radius-sm: 4px;
+            --radius-md: 8px;
+            --radius-lg: 16px;
+            --radius-xl: 24px;
+            
+            /* 阴影 */
+            --shadow-sm: 0 2px 8px rgba(0,0,0,0.08);
+            --shadow-md: 0 4px 16px rgba(0,0,0,0.12);
+            --shadow-lg: 0 8px 32px rgba(0,0,0,0.16);
+            
+            /* 过渡 */
+            --transition: all 0.3s ease;
+        }
+        
+        /* ===== Reset & Base ===== */
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+        
+        html {
+            scroll-behavior: smooth;
+        }
+        
+        body {
+            font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+            font-size: 16px;
+            line-height: 1.6;
+            color: var(--text-primary);
+            background-color: var(--bg-light);
+        }
+        
+        a {
+            text-decoration: none;
+            color: inherit;
+        }
+        
+        ul {
+            list-style: none;
+        }
+        
+        img {
+            max-width: 100%;
+            height: auto;
+        }
+        
+        .container {
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 0 var(--spacing-md);
+        }
+        
+        .btn {
+            display: inline-block;
+            padding: 14px 32px;
+            font-size: 16px;
+            font-weight: 500;
+            border-radius: var(--radius-md);
+            cursor: pointer;
+            transition: var(--transition);
+            border: none;
+            text-align: center;
+        }
+        
+        .btn-primary {
+            background: var(--primary-gradient);
+            color: white;
+            box-shadow: 0 4px 12px rgba(236, 77, 9, 0.3);
+        }
+        
+        .btn-primary:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 6px 20px rgba(236, 77, 9, 0.4);
+        }
+        
+        .btn-outline {
+            background: transparent;
+            border: 2px solid var(--primary-orange);
+            color: var(--primary-orange);
+        }
+        
+        .btn-outline:hover {
+            background: var(--primary-gradient);
+            color: white;
+            transform: translateY(-2px);
+            box-shadow: 0 4px 12px rgba(255, 106, 25, 0.3);
+        }
+        
+        .btn-primary:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 6px 20px rgba(255, 106, 25, 0.4);
+        }
+        
+        .section {
+            padding: var(--spacing-xl) 0;
+        }
+        
+        .section-title {
+            text-align: center;
+            font-size: 36px;
+            font-weight: 700;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .section-subtitle {
+            text-align: center;
+            font-size: 18px;
+            color: var(--text-secondary);
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        /* ===== Navigation ===== */
+        /* ===== Navigation ===== */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+            transition: var(--transition);
+        }
+        
+        .navbar.scrolled {
+            box-shadow: 0 4px 30px rgba(0,0,0,0.12);
+        }
+        
+        .navbar .container {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            height: 80px;
+            max-width: 1400px;
+            margin: 0 auto;
+            padding: 0 32px;
+        }
+        
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            text-decoration: none;
+            background: transparent;
+            padding: 4px 0;
+        }
+        
+        .logo-img {
+            background: rgba(255,255,255,0.95);
+            height: 60px;
+            width: auto;
+            object-fit: contain;
+            transition: var(--transition);
+            
+        }
+        
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            text-decoration: none;
+            padding: 6px 0;
+        }
+        
+        .logo-img {
+            background: rgba(255,255,255,0.95);
+            height: 60px;
+            width: auto;
+            object-fit: contain;
+            transition: var(--transition);
+            
+        }
+        
+        .logo:hover .logo-img {
+            background: rgba(255,255,255,0.95);
+            transform: scale(1.05);
+        }
+        
+        .nav-menu {
+            display: flex;
+            gap: var(--spacing-lg);
+            align-items: center;
+        }
+        
+        .nav-link {
+            font-size: 15px;
+            font-weight: 500;
+            color: var(--text-primary);
+            transition: var(--transition);
+            position: relative;
+        }
+        
+        .nav-link:hover {
+            color: var(--primary-orange);
+        }
+        
+        .nav-link::after {
+            content: '';
+            position: absolute;
+            bottom: -4px;
+            left: 0;
+            width: 0;
+            height: 2px;
+            background: var(--primary-orange);
+            transition: var(--transition);
+        }
+        
+        .nav-link:hover::after {
+            width: 100%;
+        }
+        
+        .nav-cta {
+            display: flex;
+            gap: var(--spacing-sm);
+        }
+        
+        .nav-btn {
+            padding: 10px 20px;
+            font-size: 14px;
+        }
+        
+        /* Mobile Menu */
+        .menu-toggle {
+            display: none;
+            flex-direction: column;
+            gap: 5px;
+            cursor: pointer;
+            padding: 5px;
+        }
+        
+        .menu-toggle span {
+            width: 25px;
+            height: 3px;
+            background: var(--primary-orange);
+            border-radius: 2px;
+            transition: var(--transition);
+        }
+        
+        /* ===== Hero Section ===== */
+        .hero {
+            padding-top: 160px;
+            padding-bottom: 100px;
+            background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 50%, #F5F7FA 100%);
+            position: relative;
+            overflow: hidden;
+        }
+        
+        .hero::before {
+            content: '';
+            position: absolute;
+            top: -50%;
+            right: -20%;
+            width: 80%;
+            height: 200%;
+            background: radial-gradient(circle, rgba(236, 77, 9, 0.05) 0%, transparent 70%);
+            animation: float 20s ease-in-out infinite;
+        }
+        
+        @keyframes float {
+            0%, 100% { transform: translateY(0) rotate(0deg); }
+            50% { transform: translateY(-20px) rotate(5deg); }
+        }
+        
+        .hero-content {
+            text-align: center;
+            max-width: 900px;
+            margin: 0 auto;
+            position: relative;
+            z-index: 1;
+        }
+        
+        .hero-badge {
+            display: inline-block;
+            padding: 8px 16px;
+            background: linear-gradient(135deg, rgba(255, 106, 25, 0.1), rgba(252, 110, 24, 0.15));
+            color: var(--primary-orange);
+            font-size: 14px;
+            font-weight: 600;
+            border-radius: 20px;
+            margin-bottom: var(--spacing-md);
+            border: 1px solid rgba(255, 106, 25, 0.2);
+            animation: pulse 2s ease-in-out infinite;
+        }
+        
+        @keyframes pulse {
+            0%, 100% { transform: scale(1); }
+            50% { transform: scale(1.02); }
+        }
+        
+        .hero h1 {
+            font-size: 56px;
+            font-weight: 900;
+            line-height: 1.2;
+            margin-bottom: var(--spacing-sm);
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 50%, #FF8A5C 100%);
+            background-size: 200% auto;
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+            animation: gradientShift 3s ease infinite;
+        }
+        
+        @keyframes gradientShift {
+            0%, 100% { background-position: 0% center; }
+            50% { background-position: 100% center; }
+        }
+        
+        .hero p {
+            font-size: 20px;
+            color: var(--text-secondary);
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        .hero-stats {
+            display: flex;
+            justify-content: center;
+            gap: var(--spacing-lg);
+            margin-top: var(--spacing-lg);
+            flex-wrap: wrap;
+        }
+        
+        .stat-item {
+            text-align: center;
+        }
+        
+        .stat-number {
+            font-size: 36px;
+            font-weight: 700;
+            background: var(--primary-gradient);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+        
+        .stat-label {
+            font-size: 14px;
+            color: var(--text-light);
+            margin-top: 4px;
+        }
+        
+        .hero-buttons {
+            display: flex;
+            justify-content: center;
+            gap: var(--spacing-sm);
+            margin-top: var(--spacing-lg);
+            flex-wrap: wrap;
+        }
+        
+        /* ===== Trust Bar ===== */
+        .trust-bar {
+            padding: var(--spacing-lg) 0;
+            background: var(--bg-gray);
+            border-top: 1px solid #eee;
+            border-bottom: 1px solid #eee;
+        }
+        
+        .trust-bar p {
+            text-align: center;
+            font-size: 14px;
+            color: var(--text-light);
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .trust-logos {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            gap: var(--spacing-lg);
+            flex-wrap: wrap;
+            opacity: 0.6;
+        }
+        
+        .trust-logo {
+            height: 40px;
+            filter: grayscale(100%);
+            transition: var(--transition);
+        }
+        
+        .trust-logo:hover {
+            filter: grayscale(0%);
+        }
+        
+        /* ===== Features Section ===== */
+        .features {
+            background: var(--bg-light);
+        }
+        
+        .features-grid {
+            display: grid;
+            grid-template-columns: repeat(4, 1fr);
+            gap: var(--spacing-md);
+        }
+        
+        .feature-card {
+            text-align: center;
+            padding: var(--spacing-lg) var(--spacing-md);
+            border-radius: var(--radius-lg);
+            transition: var(--transition);
+        }
+        
+        .feature-card:hover {
+            background: var(--bg-gray);
+            transform: translateY(-4px);
+        }
+        
+        .feature-icon {
+            width: 64px;
+            height: 64px;
+            margin: 0 auto var(--spacing-sm);
+            background: var(--primary-gradient);
+            border-radius: var(--radius-md);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 28px;
+        }
+        
+        .feature-title {
+            font-size: 18px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .feature-desc {
+            font-size: 14px;
+            color: var(--text-secondary);
+        }
+        
+        /* ===== Products Section ===== */
+        .products {
+            background: var(--bg-gray);
+        }
+        
+        .products-grid {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: var(--spacing-md);
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        .product-card {
+            background: white;
+            border-radius: var(--radius-lg);
+            padding: var(--spacing-lg);
+            box-shadow: var(--shadow-sm);
+            transition: var(--transition);
+            position: relative;
+            overflow: hidden;
+        }
+        
+        .product-card::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            height: 4px;
+            background: var(--primary-gradient);
+        }
+        
+        .product-card:hover {
+            transform: translateY(-12px);
+            box-shadow: var(--shadow-lg);
+        }
+        
+        .product-card:hover .product-icon {
+            transform: scale(1.1) rotate(5deg);
+        }
+        
+        .product-icon {
+            width: 80px;
+            height: 80px;
+            border-radius: 50%;
+            background: var(--primary-gradient);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 36px;
+            margin-bottom: var(--spacing-sm);
+            box-shadow: 0 4px 16px rgba(255, 106, 25, 0.3);
+            transition: var(--transition);
+        }
+        
+        .product-name {
+            font-size: 20px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .product-price {
+            font-size: 28px;
+            font-weight: 700;
+            color: var(--primary-orange);
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .product-price span {
+            font-size: 14px;
+            font-weight: 400;
+            color: var(--text-light);
+        }
+        
+        .product-features {
+            margin: var(--spacing-sm) 0;
+            padding: var(--spacing-sm) 0;
+            border-top: 1px solid #eee;
+            border-bottom: 1px solid #eee;
+        }
+        
+        .product-features li {
+            font-size: 14px;
+            color: var(--text-secondary);
+            padding: 4px 0;
+            display: flex;
+            align-items: center;
+            gap: 8px;
+        }
+        
+        .product-features li::before {
+            content: '✓';
+            color: var(--success);
+            font-weight: 700;
+        }
+        
+        /* AI Custom Product */
+        .product-ai {
+            grid-column: 1 / -1;
+            background: var(--primary-gradient);
+            color: white;
+            padding: var(--spacing-xl);
+            border-radius: var(--radius-xl);
+            text-align: center;
+            position: relative;
+            overflow: hidden;
+        }
+        
+        .product-ai::before {
+            content: '';
+            position: absolute;
+            top: -50%;
+            right: -10%;
+            width: 50%;
+            height: 200%;
+            background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
+            animation: float 15s ease-in-out infinite reverse;
+        }
+        
+        .product-ai h3 {
+            font-size: 32px;
+            margin-bottom: var(--spacing-sm);
+            position: relative;
+        }
+        
+        .product-ai p {
+            font-size: 18px;
+            opacity: 0.95;
+            margin-bottom: var(--spacing-md);
+            position: relative;
+        }
+        
+        .product-ai .btn {
+            background: white;
+            color: var(--primary-orange);
+            position: relative;
+        }
+        
+        /* ===== Technology Section ===== */
+        }
+        
+        .sample-grid {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: var(--spacing-md);
+        }
+        
+        .sample-card {
+            background: white;
+            border-radius: var(--radius-lg);
+            padding: var(--spacing-lg);
+            box-shadow: var(--shadow-sm);
+            transition: var(--transition);
+            position: relative;
+            overflow: hidden;
+            display: flex;
+            flex-direction: column;
+        }
+        
+        .sample-card::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            height: 4px;
+            background: var(--primary-gradient);
+        }
+        
+        .sample-card:hover {
+            transform: translateY(-8px);
+            box-shadow: var(--shadow-lg);
+        }
+        
+        .sample-icon {
+            width: 70px;
+            height: 70px;
+            border-radius: 50%;
+            background: var(--primary-orange-soft);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 32px;
+            margin-bottom: var(--spacing-sm);
+            transition: var(--transition);
+        }
+        
+        .sample-card:hover .sample-icon {
+            transform: scale(1.1);
+        }
+        
+        .sample-name {
+            font-size: 20px;
+            font-weight: 600;
+            margin-bottom: 12px;
+            color: var(--text-primary);
+        }
+        
+        .sample-desc {
+            font-size: 14px;
+            color: var(--text-secondary);
+            line-height: 1.6;
+            margin-bottom: 16px;
+            flex-grow: 1;
+        }
+        
+        .sample-features {
+            font-size: 13px;
+            color: var(--text-secondary);
+            margin-bottom: 20px;
+            padding-left: 0;
+        }
+        
+        .sample-features li {
+            padding: 4px 0;
+            list-style: none;
+        }
+
+        .technology {
+            background: linear-gradient(135deg, #1A1A2E 0%, #16213E 100%);
+            color: white;
+        }
+        
+        .technology .section-title,
+        .technology .section-subtitle {
+            color: white;
+        }
+        
+        .tech-diagram {
+            max-width: 1000px;
+            margin: var(--spacing-lg) auto;
+            background: rgba(255,255,255,0.05);
+            border-radius: var(--radius-xl);
+            padding: var(--spacing-xl);
+            backdrop-filter: blur(10px);
+        }
+        
+        .tech-flow {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            flex-wrap: wrap;
+            gap: var(--spacing-md);
+        }
+        
+        .tech-step {
+            flex: 1;
+            min-width: 150px;
+            text-align: center;
+            padding: var(--spacing-md);
+            background: rgba(236, 77, 9, 0.1);
+            border-radius: var(--radius-md);
+            border: 1px solid rgba(236, 77, 9, 0.3);
+        }
+        
+        .tech-step-icon {
+            font-size: 36px;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .tech-step-title {
+            font-size: 16px;
+            font-weight: 600;
+            margin-bottom: 4px;
+        }
+        
+        .tech-step-desc {
+            font-size: 13px;
+            opacity: 0.8;
+        }
+        
+        .tech-arrow {
+            font-size: 24px;
+            color: var(--primary-orange);
+        }
+        
+        .tech-apis {
+            text-align: center;
+            margin-top: var(--spacing-lg);
+            padding: var(--spacing-md);
+            background: rgba(255,255,255,0.05);
+            border-radius: var(--radius-md);
+        }
+        
+        .tech-apis p {
+            font-size: 14px;
+            opacity: 0.8;
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .api-tags {
+            display: flex;
+            justify-content: center;
+            gap: var(--spacing-xs);
+            flex-wrap: wrap;
+        }
+        
+        .api-tag {
+            padding: 6px 12px;
+            background: rgba(236, 77, 9, 0.2);
+            border-radius: 20px;
+            font-size: 13px;
+            border: 1px solid rgba(236, 77, 9, 0.3);
+        }
+        
+        /* ===== Partnership Section ===== */
+        .partnership {
+            background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%);
+        }
+        
+        .pricing-grid {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: var(--spacing-md);
+            max-width: 1000px;
+            margin: 0 auto var(--spacing-lg);
+        }
+        
+        .pricing-card {
+            background: white;
+            border-radius: var(--radius-lg);
+            padding: var(--spacing-lg);
+            text-align: center;
+            box-shadow: var(--shadow-sm);
+            transition: var(--transition);
+            border: 2px solid transparent;
+        }
+        
+        .pricing-card:hover {
+            transform: translateY(-8px);
+            box-shadow: var(--shadow-lg);
+        }
+        
+        .pricing-card.featured {
+            border-color: var(--primary-orange);
+            position: relative;
+            transform: scale(1.08);
+            box-shadow: var(--shadow-lg);
+            z-index: 1;
+        }
+        
+        .pricing-card.featured:hover {
+            transform: scale(1.08) translateY(-8px);
+        }
+        
+        .pricing-card.featured::before {
+            content: '🔥 热门推荐';
+            position: absolute;
+            top: -14px;
+            left: 50%;
+            transform: translateX(-50%);
+            background: var(--primary-gradient);
+            color: white;
+            padding: 6px 20px;
+            border-radius: 12px;
+            font-size: 13px;
+            font-weight: 600;
+            box-shadow: 0 4px 12px rgba(255, 106, 25, 0.4);
+        }
+        
+        .pricing-icon {
+            font-size: 48px;
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .pricing-name {
+            font-size: 20px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .pricing-price {
+            font-size: 36px;
+            font-weight: 700;
+            color: var(--primary-orange);
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .pricing-price span {
+            font-size: 14px;
+            font-weight: 400;
+            color: var(--text-light);
+        }
+        
+        .pricing-features {
+            margin: var(--spacing-md) 0;
+            text-align: left;
+        }
+        
+        .pricing-features li {
+            font-size: 14px;
+            color: var(--text-secondary);
+            padding: 8px 0;
+            display: flex;
+            align-items: center;
+            gap: 8px;
+        }
+        
+        .pricing-features li::before {
+            content: '✓';
+            color: var(--success);
+            font-weight: 700;
+        }
+        
+        /* Calculator - Advanced Profit Calculator */
+        .profit-calculator {
+            max-width: 1000px;
+            margin: var(--spacing-lg) auto;
+            background: white;
+            padding: var(--spacing-lg);
+            border-radius: var(--radius-lg);
+            box-shadow: var(--shadow-md);
+        }
+        
+        .calculator-title {
+            text-align: center;
+            font-size: 24px;
+            font-weight: 700;
+            margin-bottom: var(--spacing-md);
+            color: var(--text-primary);
+        }
+        
+        .level-tabs {
+            display: flex;
+            gap: 12px;
+            margin-bottom: 24px;
+        }
+        
+        .tab-btn {
+            flex: 1;
+            padding: 16px 20px;
+            border: 2px solid #e0e0e0;
+            border-radius: var(--radius-md);
+            background: #fff;
+            cursor: pointer;
+            font-size: 16px;
+            font-weight: 600;
+            transition: var(--transition);
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+        
+        .tab-btn:hover {
+            border-color: var(--primary-orange);
+        }
+        
+        .tab-btn.active {
+            border-color: var(--primary-orange);
+            background: var(--primary-gradient);
+            color: #fff;
+        }
+        
+        .tab-btn .price {
+            font-size: 13px;
+            font-weight: 400;
+            opacity: 0.9;
+        }
+        
+        .calculator-grid {
+            display: grid;
+            grid-template-columns: 1fr 1fr;
+            gap: 24px;
+        }
+        
+        .input-section, .profit-section {
+            background: var(--bg-gray);
+            padding: 20px;
+            border-radius: var(--radius-md);
+        }
+        
+        .input-section h4, .profit-section h4 {
+            font-size: 16px;
+            margin-bottom: 16px;
+            color: var(--text-primary);
+        }
+        
+        .input-group {
+            margin-bottom: 16px;
+        }
+        
+        .input-group label {
+            display: block;
+            margin-bottom: 6px;
+            font-size: 13px;
+            color: var(--text-secondary);
+        }
+        
+        .input-group input {
+            width: 100%;
+            padding: 10px 12px;
+            border: 1px solid #ddd;
+            border-radius: 6px;
+            font-size: 15px;
+            transition: var(--transition);
+        }
+        
+        .input-group input:focus {
+            outline: none;
+            border-color: var(--primary-orange);
+        }
+        
+        .profit-card {
+            background: #fff;
+            padding: 14px;
+            border-radius: 8px;
+            margin-bottom: 10px;
+        }
+        
+        .profit-card .label {
+            font-size: 13px;
+            color: var(--text-secondary);
+            margin-bottom: 4px;
+        }
+        
+        .profit-card .value {
+            font-size: 24px;
+            font-weight: 700;
+            color: var(--primary-orange);
+        }
+        
+        .profit-card .sub {
+            font-size: 11px;
+            color: #999;
+            margin-top: 4px;
+        }
+        
+        .profit-card.highlight {
+            background: #FFF3E0;
+            border: 2px solid var(--primary-orange);
+        }
+        
+        .profit-card.total {
+            background: var(--primary-gradient);
+            color: #fff;
+        }
+        
+        .profit-card.total .label,
+        .profit-card.total .value,
+        .profit-card.total .sub {
+            color: #fff;
+        }
+        
+        .roi-card {
+            background: #FFF3CD;
+            border: 2px solid #FFC107;
+            padding: 14px;
+            border-radius: 8px;
+            margin-top: 12px;
+        }
+        
+        .roi-card .label {
+            font-size: 13px;
+            color: #856404;
+        }
+        
+        .roi-card .value {
+            font-size: 20px;
+            font-weight: 700;
+            color: #856404;
+        }
+        
+        .roi-card .sub {
+            font-size: 11px;
+            color: #856404;
+            opacity: 0.8;
+            margin-top: 4px;
+        }
+        
+        .product-detail {
+            grid-column: 1 / -1;
+            background: #fff;
+            padding: 20px;
+            border-radius: var(--radius-md);
+            border: 1px solid #e0e0e0;
+            margin-top: 12px;
+        }
+        
+        .product-detail h4 {
+            font-size: 16px;
+            margin-bottom: 12px;
+            color: var(--text-primary);
+        }
+        
+        .product-detail table {
+            width: 100%;
+            border-collapse: collapse;
+            font-size: 13px;
+        }
+        
+        .product-detail th,
+        .product-detail td {
+            padding: 10px;
+            text-align: left;
+            border-bottom: 1px solid #e0e0e0;
+        }
+        
+        .product-detail th {
+            background: var(--bg-gray);
+            font-weight: 600;
+            color: var(--text-primary);
+        }
+        
+        .product-detail tr:hover {
+            background: var(--bg-gray-light);
+        }
+        
+        @media (max-width: 768px) {
+            .calculator-grid {
+                grid-template-columns: 1fr;
+            }
+            
+            .level-tabs {
+                flex-direction: column;
+            }
+        }
+        
+        /* ===== FAQ Section ===== */
+        .faq {
+            background: var(--bg-light);
+        }
+        
+        .faq-list {
+            max-width: 800px;
+            margin: 0 auto;
+        }
+        
+        .faq-item {
+            border-bottom: 1px solid #eee;
+            padding: var(--spacing-md) 0;
+            transition: var(--transition);
+        }
+        
+        .faq-item:hover {
+            background: rgba(255, 106, 25, 0.02);
+            padding-left: var(--spacing-sm);
+            padding-right: var(--spacing-sm);
+            margin-left: calc(-1 * var(--spacing-sm));
+            margin-right: calc(-1 * var(--spacing-sm));
+            border-radius: var(--radius-md);
+        }
+        }
+        
+        .faq-question {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            cursor: pointer;
+            padding: var(--spacing-sm) 0;
+            font-size: 18px;
+            font-weight: 500;
+            transition: var(--transition);
+        }
+        
+        .faq-question:hover {
+            color: var(--primary-orange);
+        }
+        
+        .faq-icon {
+            font-size: 24px;
+            color: var(--primary-orange);
+            transition: var(--transition);
+            width: 32px;
+            height: 32px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            border-radius: 50%;
+            background: rgba(255, 106, 25, 0.1);
+        }
+        
+        .faq-item.active .faq-icon {
+            background: var(--primary-gradient);
+            color: white;
+        }
+        
+        .faq-answer {
+            max-height: 0;
+            overflow: hidden;
+            transition: max-height 0.3s ease;
+            color: var(--text-secondary);
+            line-height: 1.8;
+        }
+        
+        .faq-item.active .faq-icon {
+            transform: rotate(45deg);
+        }
+        
+        .faq-item.active .faq-answer {
+            max-height: 500px;
+            margin-top: var(--spacing-sm);
+        }
+        
+        /* ===== CTA Section ===== */
+        .cta {
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 50%, #FF8A5C 100%);
+            background-size: 200% 200%;
+            animation: gradientShift 5s ease infinite;
+            color: white;
+            text-align: center;
+            padding: var(--spacing-xl) 0;
+            position: relative;
+            overflow: hidden;
+        }
+        
+        .cta::before {
+            content: '';
+            position: absolute;
+            top: -50%;
+            left: -50%;
+            width: 200%;
+            height: 200%;
+            background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
+            animation: rotate 20s linear infinite;
+        }
+        
+        @keyframes rotate {
+            from { transform: rotate(0deg); }
+            to { transform: rotate(360deg); }
+        }
+        
+        .cta h2 {
+            font-size: 36px;
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .cta p {
+            font-size: 18px;
+            opacity: 0.95;
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        .cta-buttons {
+            display: flex;
+            justify-content: center;
+            gap: var(--spacing-sm);
+            flex-wrap: wrap;
+            position: relative;
+            z-index: 1;
+        }
+        
+        .cta .btn {
+            background: white;
+            color: var(--primary-orange);
+        }
+        
+        .cta .btn:hover {
+            transform: translateY(-3px);
+            box-shadow: 0 8px 24px rgba(0,0,0,0.2);
+        }
+        
+        .cta .btn-outline {
+            background: transparent;
+            border-color: rgba(255,255,255,0.5);
+            color: white;
+        }
+        
+        .cta .btn-outline:hover {
+            background: white;
+            color: var(--primary-orange);
+        }
+        
+        .cta .btn-outline:hover {
+            background: white;
+            color: var(--primary-orange);
+        }
+        
+        /* ===== Footer ===== */
+        .footer {
+            background: #1A1A1A;
+            color: white;
+            padding: var(--spacing-xl) 0 var(--spacing-lg);
+        }
+        
+        .footer-grid {
+            display: grid;
+            grid-template-columns: 2fr repeat(3, 1fr);
+            gap: var(--spacing-lg);
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        .footer-brand h3 {
+            font-size: 24px;
+            margin-bottom: var(--spacing-sm);
+            color: var(--primary-orange);
+        }
+        
+        .footer-brand p {
+            font-size: 14px;
+            opacity: 0.8;
+            line-height: 1.8;
+        }
+        
+        .footer-title {
+            font-size: 16px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .footer-links li {
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .footer-links a {
+            font-size: 14px;
+            opacity: 0.8;
+            transition: var(--transition);
+        }
+        
+        .footer-links a:hover {
+            opacity: 1;
+            color: var(--primary-orange);
+        }
+        
+        .footer-bottom {
+            padding-top: var(--spacing-lg);
+            border-top: 1px solid rgba(255,255,255,0.1);
+            text-align: center;
+            font-size: 14px;
+            opacity: 0.6;
+        }
+        
+        .footer-icp {
+            margin-top: var(--spacing-sm);
+        }
+        
+        /* ===== Animations ===== */
+        @keyframes fadeInUp {
+            from {
+                opacity: 0;
+                transform: translateY(30px);
+            }
+            to {
+                opacity: 1;
+                transform: translateY(0);
+            }
+        }
+        
+        .fade-in-up {
+            animation: fadeInUp 0.6s ease forwards;
+        }
+        
+        .section-title {
+            opacity: 0;
+            animation: fadeInUp 0.6s ease forwards;
+        }
+        
+        .product-card {
+            opacity: 0;
+            animation: fadeInUp 0.6s ease forwards;
+            animation-play-state: paused;
+        }
+        
+        .product-card:nth-child(1) { animation-delay: 0.1s; }
+        .product-card:nth-child(2) { animation-delay: 0.15s; }
+        .product-card:nth-child(3) { animation-delay: 0.2s; }
+        .product-card:nth-child(4) { animation-delay: 0.25s; }
+        .product-card:nth-child(5) { animation-delay: 0.3s; }
+        .product-card:nth-child(6) { animation-delay: 0.35s; }
+        
+        .pricing-card {
+            opacity: 0;
+            animation: fadeInUp 0.6s ease forwards;
+            animation-play-state: paused;
+        }
+        
+        .pricing-card:nth-child(1) { animation-delay: 0.1s; }
+        .pricing-card:nth-child(2) { animation-delay: 0.2s; }
+        .pricing-card:nth-child(3) { animation-delay: 0.3s; }
+        
+        /* ===== Responsive ===== */
+        @media (max-width: 1024px) {
+            .features-grid {
+                grid-template-columns: repeat(2, 1fr);
+            }
+            
+            .products-grid {
+                grid-template-columns: repeat(2, 1fr);
+            }
+            
+            .pricing-grid {
+                grid-template-columns: repeat(2, 1fr);
+            }
+            
+            .footer-grid {
+                grid-template-columns: repeat(2, 1fr);
+            }
+        }
+        
+        /* ===== Mobile Responsive - 手机竖屏版 ===== */
+        @media (max-width: 768px) {
+            /* 导航栏 */
+            .navbar .container {
+                height: 60px;
+                padding: 0 12px;
+            }
+            
+            .logo {
+                padding: 0;
+                margin-left: 0;
+            }
+            
+            .logo-img {
+                background: transparent;
+                height: 40px;
+                margin-left: 0;
+            }
+            
+            .nav-menu {
+                display: none;
+                position: absolute;
+                top: 64px;
+                left: 0;
+                right: 0;
+                background: white;
+                flex-direction: column;
+                padding: var(--spacing-md);
+                box-shadow: var(--shadow-md);
+                z-index: 999;
+            }
+            
+            .nav-menu.active {
+                display: flex;
+            }
+            
+            .nav-menu li {
+                margin: 8px 0;
+            }
+            
+            .nav-link {
+                font-size: 16px;
+                padding: 12px 0;
+                display: block;
+            }
+            
+            .nav-cta {
+                display: none;
+            }
+            
+            .menu-toggle {
+                display: flex;
+            }
+            
+            /* Hero Section */
+            .hero {
+                padding-top: 100px;
+                padding-bottom: var(--spacing-lg);
+            }
+            
+            .hero h1 {
+                font-size: 28px;
+                line-height: 1.3;
+            }
+            
+            .hero p {
+                font-size: 14px;
+                margin-top: 12px;
+            }
+            
+            .hero-badge {
+                font-size: 12px;
+                padding: 6px 12px;
+            }
+            
+            .hero-stats {
+                flex-direction: column;
+                gap: var(--spacing-sm);
+                margin-top: var(--spacing-md);
+            }
+            
+            .stat-item {
+                flex-direction: row;
+                justify-content: space-between;
+                padding: 12px 16px;
+            }
+            
+            .stat-number {
+                font-size: 24px;
+            }
+            
+            .stat-label {
+                font-size: 13px;
+            }
+            
+            .hero-buttons {
+                flex-direction: column;
+                gap: 12px;
+            }
+            
+            .hero-buttons .btn {
+                width: 100%;
+            }
+            
+            /* Section Titles */
+            .section-title {
+                font-size: 26px;
+            }
+            
+            .section-subtitle {
+                font-size: 15px;
+            }
+            
+            /* Features */
+            .features-grid {
+                grid-template-columns: 1fr;
+                gap: var(--spacing-sm);
+            }
+            
+            .feature-card {
+                padding: var(--spacing-md);
+            }
+            
+            .feature-icon {
+                font-size: 36px;
+            }
+            
+            .feature-title {
+                font-size: 17px;
+            }
+            
+            .feature-desc {
+                font-size: 13px;
+            }
+            
+            /* Products */
+            .products-grid {
+                grid-template-columns: 1fr;
+                gap: var(--spacing-sm);
+            }
+            
+            .product-card {
+                padding: var(--spacing-md);
+            }
+            
+            .product-icon {
+                font-size: 40px;
+            }
+            
+            .product-name {
+                font-size: 17px;
+            }
+            
+            .product-price {
+                font-size: 20px;
+            }
+            
+            .product-features li {
+                font-size: 13px;
+            }
+            
+            /* Pricing */
+            .pricing-grid {
+                grid-template-columns: 1fr;
+                gap: var(--spacing-sm);
+            }
+            
+            .pricing-card {
+                padding: var(--spacing-md);
+            }
+            
+            .pricing-name {
+                font-size: 18px;
+            }
+            
+            .pricing-price {
+                font-size: 28px;
+            }
+            
+            .pricing-features {
+                font-size: 13px;
+            }
+            
+            .pricing-features li {
+                padding: 8px 0;
+            }
+            
+            /* Calculator */
+            .profit-calculator {
+                padding: var(--spacing-md);
+            }
+            
+            .calculator-grid {
+                grid-template-columns: 1fr;
+                gap: var(--spacing-sm);
+            }
+            
+            .level-tabs {
+                flex-direction: column;
+                gap: 8px;
+            }
+            
+            .tab-btn {
+                padding: 12px 16px;
+                font-size: 15px;
+            }
+            
+            .input-section,
+            .profit-section {
+                padding: 16px;
+            }
+            
+            .profit-card .value {
+                font-size: 20px;
+            }
+            
+            .product-detail table {
+                font-size: 12px;
+            }
+            
+            .product-detail th,
+            .product-detail td {
+                padding: 8px 4px;
+            }
+            
+            /* FAQ */
+            .faq-question {
+                font-size: 16px;
+            }
+            
+            .faq-answer {
+                font-size: 14px;
+            }
+            
+            /* CTA */
+            .cta {
+                padding: var(--spacing-lg) 0;
+            }
+            
+            .cta h2 {
+                font-size: 22px;
+            }
+            
+            .cta p {
+                font-size: 14px;
+            }
+            
+            .cta-buttons {
+                flex-direction: column;
+                gap: 12px;
+            }
+            
+            .cta-buttons .btn {
+                width: 100%;
+            }
+            
+            /* Footer */
+            .footer {
+                padding: var(--spacing-lg) 0;
+            }
+            
+            .footer-grid {
+                grid-template-columns: 1fr;
+                gap: var(--spacing-md);
+            }
+            
+            .footer-brand h3 {
+                font-size: 18px;
+            }
+            
+            .footer-title {
+                font-size: 15px;
+            }
+            
+            .footer-links li {
+                font-size: 13px;
+            }
+            
+            .footer-bottom {
+                flex-direction: column;
+                text-align: center;
+                font-size: 12px;
+            }
+            
+            /* Tech Section */
+            .tech-flow {
+                flex-direction: column;
+                gap: var(--spacing-sm);
+            }
+            
+            .tech-step {
+                padding: var(--spacing-sm);
+            }
+            
+            .tech-step-icon {
+                font-size: 32px;
+            }
+            
+            .tech-step-title {
+                font-size: 15px;
+            }
+            
+            .tech-step-desc {
+                font-size: 12px;
+            }
+            
+            .tech-arrow {
+                transform: rotate(90deg);
+                font-size: 20px;
+            }
+            
+            .api-tags {
+                flex-wrap: wrap;
+            }
+            
+            .api-tag {
+                font-size: 12px;
+                padding: 6px 12px;
+            }
+            
+            /* Buttons */
+            .btn {
+                padding: 12px 24px;
+                font-size: 15px;
+            }
+        }
+        
+        /* 超小屏幕优化 */
+        @media (max-width: 480px) {
+            .hero h1 {
+                font-size: 24px;
+            }
+            
+            .section-title {
+                font-size: 22px;
+            }
+            
+            .container {
+                padding: 0 12px;
+            }
+            
+            .navbar .container {
+                padding: 0 12px;
+            }
+        }
+    
+        /* ===== Unified Navbar ===== */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            z-index: 1000;
+            padding: 12px 0;
+            transition: all 0.3s ease;
+            background: rgba(255,255,255,0.95);
+            backdrop-filter: blur(20px);
+            -webkit-backdrop-filter: blur(20px);
+        }
+        .navbar.scrolled {
+            padding: 8px 0;
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+        }
+        .navbar .container {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 0 24px;
+        }
+        .logo {
+            display: flex;
+            align-items: center;
+            text-decoration: none;
+        }
+        .logo-img {
+            height: 44px;
+            width: auto;
+            object-fit: contain;
+            transition: all 0.3s ease;
+        }
+        .logo:hover .logo-img {
+            transform: scale(1.03);
+        }
+        .nav-menu {
+            display: flex;
+            gap: 32px;
+            list-style: none;
+            margin: 0;
+            padding: 0;
+        }
+        .nav-link {
+            font-size: 15px;
+            font-weight: 500;
+            color: #1A1A1A;
+            text-decoration: none;
+            position: relative;
+            padding: 6px 0;
+            transition: all 0.3s ease;
+        }
+        .nav-link::after {
+            content: '';
+            position: absolute;
+            bottom: 0;
+            left: 50%;
+            width: 0;
+            height: 2px;
+            background: #FF6A19;
+            transition: all 0.3s ease;
+            transform: translateX(-50%);
+            border-radius: 1px;
+        }
+        .nav-link:hover {
+            color: #FF6A19;
+        }
+        .nav-link:hover::after {
+            width: 100%;
+        }
+        .nav-cta {
+            display: flex;
+            gap: 12px;
+            align-items: center;
+        }
+        .nav-btn {
+            padding: 8px 20px;
+            border-radius: 8px;
+            font-size: 14px;
+            font-weight: 500;
+            cursor: pointer;
+            transition: all 0.3s ease;
+            text-decoration: none;
+            border: none;
+            display: inline-flex;
+            align-items: center;
+        }
+        .btn-outline.nav-btn {
+            border: 1.5px solid #FF6A19;
+            color: #FF6A19;
+            background: transparent;
+        }
+        .btn-outline.nav-btn:hover {
+            background: #FFF5F0;
+        }
+        .btn-primary.nav-btn {
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
+            color: white;
+            box-shadow: 0 2px 8px rgba(255,106,25,0.3);
+        }
+        .btn-primary.nav-btn:hover {
+            transform: translateY(-1px);
+            box-shadow: 0 4px 12px rgba(255,106,25,0.4);
+        }
+        .menu-toggle {
+            display: none;
+            flex-direction: column;
+            gap: 5px;
+            cursor: pointer;
+            padding: 4px;
+            z-index: 1001;
+        }
+        .menu-toggle span {
+            width: 24px;
+            height: 2px;
+            background: #1A1A1A;
+            transition: all 0.3s ease;
+            border-radius: 1px;
+        }
+        @media (max-width: 1024px) {
+            .nav-menu {
+                display: none;
+                position: fixed;
+                top: 0;
+                left: 0;
+                right: 0;
+                bottom: 0;
+                background: rgba(255,255,255,0.98);
+                backdrop-filter: blur(20px);
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                gap: 24px;
+                z-index: 999;
+            }
+            .nav-menu.active {
+                display: flex;
+            }
+            .nav-link {
+                font-size: 18px;
+            }
+            .nav-cta {
+                display: none;
+            }
+            .menu-toggle {
+                display: flex;
+            }
+        }
+
+        /* ===== Unified Footer ===== */
+        .footer {
+            background: #1A1A1A;
+            color: white;
+            padding: 60px 0 30px;
+        }
+        .footer-grid {
+            display: grid;
+            grid-template-columns: 1.5fr 1fr 1fr 1fr;
+            gap: 48px;
+            margin-bottom: 40px;
+        }
+        .footer-brand h3 {
+            font-size: 22px;
+            font-weight: 700;
+            margin-bottom: 8px;
+            background: linear-gradient(135deg, #FF6A19, #FC6E18);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+        .footer-brand p {
+            color: rgba(255,255,255,0.6);
+            font-size: 14px;
+            line-height: 1.6;
+        }
+        .footer-title {
+            font-size: 15px;
+            font-weight: 600;
+            margin-bottom: 16px;
+            color: rgba(255,255,255,0.9);
+        }
+        .footer-links {
+            list-style: none;
+            padding: 0;
+            margin: 0;
+        }
+        .footer-links li {
+            margin-bottom: 10px;
+        }
+        .footer-links a {
+            color: rgba(255,255,255,0.5);
+            text-decoration: none;
+            font-size: 14px;
+            transition: all 0.3s ease;
+        }
+        .footer-links a:hover {
+            color: #FF6A19;
+        }
+        .footer-bottom {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            padding-top: 24px;
+            border-top: 1px solid rgba(255,255,255,0.1);
+            font-size: 13px;
+            color: rgba(255,255,255,0.4);
+        }
+        .footer-icp {
+            color: rgba(255,255,255,0.4);
+        }
+        .footer-icp a {
+            color: rgba(255,255,255,0.4);
+            text-decoration: none;
+        }
+        .footer-icp a:hover {
+            color: #FF6A19;
+        }
+        @media (max-width: 768px) {
+            .footer-grid {
+                grid-template-columns: 1fr 1fr;
+                gap: 32px;
+            }
+            .footer-bottom {
+                flex-direction: column;
+                text-align: center;
+                gap: 8px;
+            }
+        }
+        @media (max-width: 480px) {
+            .footer-grid {
+                grid-template-columns: 1fr;
+            }
+        }
+
+    </style>
+<!-- Schema.org 结构化数据 - 添加到 </head> 之前 -->
+
+<!-- 网站结构化数据 -->
+<script type="application/ld+json">
+{
+  "@context": "https://schema.org",
+  "@type": "WebSite",
+  "name": "愉悦查",
+  "url": "https://www.yuyuecha.com.cn",
+  "description": "AI 驱动的商业信任科技平台，提供个人大数据报告、婚恋风险报告、入职背调报告等服务",
+  "potentialAction": {
+    "@type": "SearchAction",
+    "target": "https://www.yuyuecha.com.cn/search?q={search_term_string}",
+    "query-input": "required name=search_term_string"
+  }
+}
+</script>
+
+<!-- 公司结构化数据 -->
+<script type="application/ld+json">
+{
+  "@context": "https://schema.org",
+  "@type": "Organization",
+  "name": "北京正信环宇科技有限公司",
+  "alternateName": "愉悦查",
+  "url": "https://www.yuyuecha.com.cn",
+  "logo": "https://www.yuyuecha.com.cn/logo.png",
+  "description": "AI 驱动的商业信任科技平台",
+  "founder": {
+    "@type": "Person",
+    "name": "吴正"
+  },
+  "foundingDate": "2026-03-05",
+  "address": {
+    "@type": "PostalAddress",
+    "addressLocality": "北京",
+    "addressRegion": "西城区"
+  },
+  "contactPoint": {
+    "@type": "ContactPoint",
+    "telephone": "+86-13146661310",
+    "contactType": "customer service",
+    "availableLanguage": "Chinese"
+  },
+  "sameAs": [
+    "https://www.yuyuecha.com.cn"
+  ]
+}
+</script>
+
+<!-- 产品服务结构化数据 -->
+<script type="application/ld+json">
+{
+  "@context": "https://schema.org",
+  "@type": "ItemList",
+  "itemListElement": [
+    {
+      "@type": "ListItem",
+      "position": 1,
+      "item": {
+        "@type": "Product",
+        "name": "个人大数据报告",
+        "description": "手机在网时长、携号转网等信息查询",
+        "brand": {"@type": "Brand", "name": "愉悦查"},
+        "offers": {
+          "@type": "Offer",
+          "price": "49.8",
+          "priceCurrency": "CNY"
+        }
+      }
+    },
+    {
+      "@type": "ListItem",
+      "position": 2,
+      "item": {
+        "@type": "Product",
+        "name": "婚恋风险报告",
+        "description": "婚姻状态、本人不良 A-F 类查询",
+        "brand": {"@type": "Brand", "name": "愉悦查"},
+        "offers": {
+          "@type": "Offer",
+          "price": "39.9",
+          "priceCurrency": "CNY"
+        }
+      }
+    },
+    {
+      "@type": "ListItem",
+      "position": 3,
+      "item": {
+        "@type": "Product",
+        "name": "入职背调报告",
+        "description": "学历信息、收入评估查询",
+        "brand": {"@type": "Brand", "name": "愉悦查"},
+        "offers": {
+          "@type": "Offer",
+          "price": "69.9",
+          "priceCurrency": "CNY"
+        }
+      }
+    },
+    {
+      "@type": "ListItem",
+      "position": 4,
+      "item": {
+        "@type": "Product",
+        "name": "小微企业报告",
+        "description": "投资企业、融资历史查询",
+        "brand": {"@type": "Brand", "name": "愉悦查"},
+        "offers": {
+          "@type": "Offer",
+          "price": "69.9",
+          "priceCurrency": "CNY"
+        }
+      }
+    },
+    {
+      "@type": "ListItem",
+      "position": 5,
+      "item": {
+        "@type": "Product",
+        "name": "家政风险报告",
+        "description": "网络社交异常检测",
+        "brand": {"@type": "Brand", "name": "愉悦查"},
+        "offers": {
+          "@type": "Offer",
+          "price": "39.9",
+          "priceCurrency": "CNY"
+        }
+      }
+    },
+    {
+      "@type": "ListItem",
+      "position": 6,
+      "item": {
+        "@type": "Product",
+        "name": "消金报告",
+        "description": "支付表现 595 分评分",
+        "brand": {"@type": "Brand", "name": "愉悦查"},
+        "offers": {
+          "@type": "Offer",
+          "price": "39.9",
+          "priceCurrency": "CNY"
+        }
+      }
+    }
+  ]
+}
+</script>
+
+<!-- 本地商家结构化数据 -->
+<script type="application/ld+json">
+{
+  "@context": "https://schema.org",
+  "@type": "LocalBusiness",
+  "name": "愉悦查",
+  "description": "AI 驱动的商业信任科技平台",
+  "url": "https://www.yuyuecha.com.cn",
+  "telephone": "+86-13146661310",
+  "address": {
+    "@type": "PostalAddress",
+    "addressLocality": "北京",
+    "addressRegion": "西城区",
+    "addressCountry": "CN"
+  },
+  "geo": {
+    "@type": "GeoCoordinates",
+    "latitude": "39.9042",
+    "longitude": "116.4074"
+  },
+  "openingHoursSpecification": {
+    "@type": "OpeningHoursSpecification",
+    "dayOfWeek": ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"],
+    "opens": "00:00",
+    "closes": "23:59"
+  },
+  "priceRange": "$$"
+}
+</script>
+
+<!-- FAQ 结构化数据 -->
+<script type="application/ld+json">
+{
+  "@context": "https://schema.org",
+  "@type": "FAQPage",
+  "mainEntity": [
+    {
+      "@type": "Question",
+      "name": "愉悦查的数据来源合法吗？",
+      "acceptedAnswer": {
+        "@type": "Answer",
+        "text": "所有数据来源于公开渠道和用户授权查询，严格遵循《个人信息保护法》《数据安全法》。"
+      }
+    },
+    {
+      "@type": "Question",
+      "name": "报告多久能出来？",
+      "acceptedAnswer": {
+        "@type": "Answer",
+        "text": "大部分报告实时-30分钟内交付，小微企业报告30分钟-2小时。"
+      }
+    },
+    {
+      "@type": "Question",
+      "name": "怎么成为代理商？",
+      "acceptedAnswer": {
+        "@type": "Answer",
+        "text": "联系官方客服 → 选择代理等级 → 在线缴费 → 培训上岗 → 开始推广"
+      }
+    },
+    {
+      "@type": "Question",
+      "name": "收益如何结算？",
+      "acceptedAnswer": {
+        "@type": "Answer",
+        "text": "所有收益实时到账，无账期，可随时提现。提现时收取6%税费，实际到账=提现金额×94%。"
+      }
+    }
+  ]
+}
+</script>
+</head>
+<body>
+    <!-- Navigation -->
+        <nav class="navbar" id="navbar">
+        <div class="container">
+            <a href="/" class="logo">
+                <img src="assets/logo-nav.png" srcset="assets/logo-nav.png 1x, assets/logo-nav-2x.png 2x" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            
+            <div class="menu-toggle" id="menuToggle">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+            
+            <ul class="nav-menu" id="navMenu">
+                <li><a href="#home" class="nav-link">首页</a></li>
+                <li><a href="#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="#technology" class="nav-link">AI 能力</a></li>
+                <li><a href="#partnership" class="nav-link">代理合作</a></li>
+                <li><a href="/about.html" class="nav-link">关于我们</a></li>
+            </ul>
+            
+            <div class="nav-cta">
+                <a href="#products" class="btn btn-outline nav-btn">立即查询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
+            </div>
+        </div>
+    </nav>
+
+    <!-- Hero Section -->
+    <section class="hero" id="home">
+        <div class="container">
+            <div class="hero-content">
+                <span class="hero-badge">🤖 AI 驱动的商业信任科技平台</span>
+                <h1>让信任无处不在<br>让合作没有距离</h1>
+                <p>200+ 数据接口 · 智能组合 · 秒级响应</p>
+                
+                <div class="hero-buttons">
+                    <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary">🚀 立即注册</a>
+                    <a href="#partnership" class="btn btn-outline">💼 代理合作</a>
+                </div>
+                
+                <div class="hero-stats">
+                    <div class="stat-item">
+                        <div class="stat-number" id="statReports">0</div>
+                        <div class="stat-label">已生成报告</div>
+                    </div>
+                    <div class="stat-item">
+                        <div class="stat-number" id="statUsers">0</div>
+                        <div class="stat-label">服务用户</div>
+                    </div>
+                    <div class="stat-item">
+                        <div class="stat-number" id="statApis">200+</div>
+                        <div class="stat-label">数据接口</div>
+                    </div>
+                    <div class="stat-item">
+                        <div class="stat-number" id="statEnterprises">0</div>
+                        <div class="stat-label">合作企业</div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+
+
+    <!-- Features Section -->
+    <section class="section features">
+        <div class="container">
+            <h2 class="section-title">核心优势</h2>
+            <p class="section-subtitle">为什么选择愉悦查</p>
+            
+            <div class="features-grid">
+                <div class="feature-card">
+                    <div class="feature-icon">📡</div>
+                    <h3 class="feature-title">海量数据</h3>
+                    <p class="feature-desc">200+ 官方数据接口<br>覆盖全维度信息</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">🤖</div>
+                    <h3 class="feature-title">AI 引擎</h3>
+                    <p class="feature-desc">智能组合接口<br>40+ 分析技能</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">⚡</div>
+                    <h3 class="feature-title">秒级响应</h3>
+                    <p class="feature-desc">实时生成报告<br>最快 3 秒出结果</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">🔒</div>
+                    <h3 class="feature-title">安全合规</h3>
+                    <p class="feature-desc">等保三级认证<br>数据加密传输</p>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Products Section -->
+    <section class="section products" id="products">
+        <div class="container">
+            <h2 class="section-title">产品服务</h2>
+            <p class="section-subtitle">6 大标准报告 + AI 智能定制</p>
+            
+            <div class="products-grid">
+                <!-- Product 1 -->
+                <div class="product-card">
+                    <div class="product-icon">📊</div>
+                    <h3 class="product-name">个人大数据报告</h3>
+                    <div class="product-price">¥49.8</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>全面个人背景分析</li>
+                        <li>秒级生成</li>
+                        <li>PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=riskassessment" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/riskassessment" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- Product 2 -->
+                <div class="product-card">
+                    <div class="product-icon">💕</div>
+                    <h3 class="product-name">婚恋风险报告</h3>
+                    <div class="product-price">¥39.9</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>婚恋风险评估</li>
+                        <li>隐私保护</li>
+                        <li>PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=marriage" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/marriage" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- Product 3 -->
+                <div class="product-card">
+                    <div class="product-icon">💼</div>
+                    <h3 class="product-name">入职背调报告</h3>
+                    <div class="product-price">¥69.9</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>员工背景筛查</li>
+                        <li>降低用工风险</li>
+                        <li>批量查询优惠</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=backgroundcheck" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/backgroundcheck" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- Product 4 -->
+                <div class="product-card">
+                    <div class="product-icon">🏢</div>
+                    <h3 class="product-name">小微企业报告</h3>
+                    <div class="product-price">¥69.9</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>企业风险筛查</li>
+                        <li>合作前必备</li>
+                        <li>PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=companyinfo" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/companyinfo" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- Product 5 -->
+                <div class="product-card">
+                    <div class="product-icon">🧹</div>
+                    <h3 class="product-name">家政风险报告</h3>
+                    <div class="product-price">¥39.9</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>家政人员背调</li>
+                        <li>雇佣更安全</li>
+                        <li>PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=homeservice" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/homeservice" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- Product 6 -->
+                <div class="product-card">
+                    <div class="product-icon">💳</div>
+                    <h3 class="product-name">消金报告</h3>
+                    <div class="product-price">¥39.9</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>消费金融风险评估</li>
+                        <li>快速决策支持</li>
+                        <li>PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=consumerFinanceReport" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/consumerFinanceReport" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- AI Custom Product -->
+                <div class="product-ai">
+                    <h3>✨ AI 定制报告</h3>
+                    <p>告诉我您的需求，AI 智能组合 200+ 接口，生成独一无二的专属报告</p>
+                    <p style="font-size:14px;opacity:0.8;">例："我想了解一个合作伙伴的信用和风险状况"</p>
+                    <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn">🎯 立即定制 - 从 ¥99 起</a>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Technology Section -->
+    <section class="section technology" id="technology">
+        <div class="container">
+            <h2 class="section-title">AI 技术能力</h2>
+            <p class="section-subtitle">200+ 数据接口智能组合引擎</p>
+            
+            <div class="tech-diagram">
+                <div class="tech-flow">
+                    <div class="tech-step">
+                        <div class="tech-step-icon">📝</div>
+                        <div class="tech-step-title">用户需求</div>
+                        <div class="tech-step-desc">自然语言描述</div>
+                    </div>
+                    <div class="tech-arrow">→</div>
+                    <div class="tech-step">
+                        <div class="tech-step-icon">🧠</div>
+                        <div class="tech-step-title">AI 分析</div>
+                        <div class="tech-step-desc">理解需求意图</div>
+                    </div>
+                    <div class="tech-arrow">→</div>
+                    <div class="tech-step">
+                        <div class="tech-step-icon">🔌</div>
+                        <div class="tech-step-title">接口选择</div>
+                        <div class="tech-step-desc">智能匹配接口</div>
+                    </div>
+                    <div class="tech-arrow">→</div>
+                    <div class="tech-step">
+                        <div class="tech-step-icon">📊</div>
+                        <div class="tech-step-title">报告生成</div>
+                        <div class="tech-step-desc">秒级输出结果</div>
+                    </div>
+                </div>
+                
+                <div class="tech-apis">
+                    <p>接口类型覆盖</p>
+                    <div class="api-tags">
+                        <span class="api-tag">公安数据</span>
+                        <span class="api-tag">法院数据</span>
+                        <span class="api-tag">学历验证</span>
+                        <span class="api-tag">工作履历</span>
+                        <span class="api-tag">金融信用</span>
+                        <span class="api-tag">社交网络</span>
+                        <span class="api-tag">商业信息</span>
+                        <span class="api-tag">更多...</span>
+                    </div>
+                </div>
+            </div>
+            
+            <div style="text-align:center;margin-top:var(--spacing-lg);">
+                <a href="/apidemo/" class="btn btn-outline" style="border-color:rgba(255,255,255,0.3);color:white;">📚 查看 API 文档</a>
+                <a href="https://yuyuecha.com/platform" class="btn btn-outline" style="border-color:rgba(255,255,255,0.3);color:white;margin-left:var(--spacing-sm);">🔧 开放平台</a>
+            </div>
+        </div>
+    </section>
+
+    <!-- Partnership Section -->
+    <section class="section partnership" id="partnership">
+        <div class="container">
+            <h2 class="section-title">代理合作</h2>
+            <p class="section-subtitle">加入愉悦查，共享信任经济红利</p>
+            
+            <div class="pricing-grid">
+                <!-- Silver -->
+                <div class="pricing-card">
+                    <div class="pricing-icon">🥈</div>
+                    <h3 class="pricing-name">白银代理</h3>
+                    <div class="pricing-price">¥0<span>/终身</span></div>
+                    <ul class="pricing-features">
+                        <li>10% 返佣</li>
+                        <li>基础培训支持</li>
+                        <li>标准产品价格</li>
+                        <li>在线帮助中心</li>
+                    </ul>
+                    <a href="https://p.yuyuecha.com/s/Cc9wgE" class="btn btn-outline" style="width:100%">立即申请</a>
+                </div>
+                
+                <!-- Gold -->
+                <div class="pricing-card featured">
+                    <div class="pricing-icon">🥇</div>
+                    <h3 class="pricing-name">黄金代理</h3>
+                    <div class="pricing-price">¥198<span>/年</span></div>
+                    <ul class="pricing-features">
+                        <li>30% 返佣</li>
+                        <li>优先技术支持</li>
+                        <li>专属代理价格</li>
+                        <li>营销素材支持</li>
+                        <li>定期培训</li>
+                    </ul>
+                    <a href="https://p.yuyuecha.com/s/Cc9wgE" class="btn btn-primary" style="width:100%">立即申请</a>
+                </div>
+                
+                <!-- Diamond -->
+                <div class="pricing-card">
+                    <div class="pricing-icon">💎</div>
+                    <h3 class="pricing-name">钻石代理</h3>
+                    <div class="pricing-price">¥980<span>/年</span></div>
+                    <ul class="pricing-features">
+                        <li>50% 返佣</li>
+                        <li>1 对 1 专属辅导</li>
+                        <li>最低代理价格</li>
+                        <li>联合营销支持</li>
+                        <li>优先新功能体验</li>
+                        <li>区域保护政策</li>
+                    </ul>
+                    <a href="https://p.yuyuecha.com/s/Cc9wgE" class="btn btn-outline" style="width:100%">立即申请</a>
+                </div>
+            </div>
+            
+            <!-- Advanced Profit Calculator -->
+            <div class="profit-calculator">
+                <h3 class="calculator-title">💵 代理收益计算器</h3>
+                
+                <!-- Level Tabs -->
+                <div class="level-tabs">
+                    <button class="tab-btn active" onclick="switchLevel('silver')">
+                        🥈 白银代理
+                        <span class="price">¥0</span>
+                    </button>
+                    <button class="tab-btn" onclick="switchLevel('gold')">
+                        🥇 黄金代理
+                        <span class="price">¥198</span>
+                    </button>
+                    <button class="tab-btn" onclick="switchLevel('diamond')">
+                        💎 钻石代理
+                        <span class="price">¥980</span>
+                    </button>
+                </div>
+                
+                <div class="calculator-grid">
+                    <!-- Input Section -->
+                    <div class="input-section">
+                        <h4>📊 输入您的销售数据</h4>
+                        
+                        <div class="input-group">
+                            <label>每日销售份数</label>
+                            <input type="number" id="dailySales" value="30" min="0" max="1000" oninput="calculateProfit()">
+                        </div>
+                        
+                        <div class="input-group">
+                            <label>直推代理人数（月）</label>
+                            <input type="number" id="referralCount" value="5" min="0" max="100" oninput="calculateProfit()">
+                        </div>
+                        
+                        <div class="input-group" id="teamSilverGroup" style="display:none;">
+                            <label>下级白银代理人数</label>
+                            <input type="number" id="teamSilver" value="20" min="0" max="500" oninput="calculateProfit()">
+                        </div>
+                        
+                        <div class="input-group" id="teamGoldGroup" style="display:none;">
+                            <label>下级黄金代理人数</label>
+                            <input type="number" id="teamGold" value="5" min="0" max="100" oninput="calculateProfit()">
+                        </div>
+                    </div>
+                    
+                    <!-- Profit Section -->
+                    <div class="profit-section">
+                        <h4>💰 预期收益</h4>
+                        
+                        <div class="profit-card">
+                            <div class="label">单份平均利润</div>
+                            <div class="value" id="avgProfit">¥38.22</div>
+                        </div>
+                        
+                        <div class="profit-card highlight">
+                            <div class="label">日零售收益</div>
+                            <div class="value" id="dailyRetailProfit">¥1,147</div>
+                            <div class="sub" id="dailyRetailSub">30 份 × ¥38.22</div>
+                        </div>
+                        
+                        <div class="profit-card">
+                            <div class="label">月零售收益</div>
+                            <div class="value" id="monthlyRetailProfit">¥34,410</div>
+                        </div>
+                        
+                        <div class="profit-card" id="referralCard">
+                            <div class="label">月直推奖励</div>
+                            <div class="value" id="monthlyReferralProfit">¥0</div>
+                            <div class="sub" id="referralSub">5 人 × ¥0/人</div>
+                        </div>
+                        
+                        <div class="profit-card" id="teamCard" style="display:none;">
+                            <div class="label">月团队提成</div>
+                            <div class="value" id="monthlyTeamProfit">¥0</div>
+                        </div>
+                        
+                        <div class="profit-card total">
+                            <div class="label">月总收益</div>
+                            <div class="value" id="totalMonthlyProfit">¥34,410</div>
+                        </div>
+                        
+                        <div class="roi-card" id="roiCard" style="display:none;">
+                            <div class="label">回本周期</div>
+                            <div class="value" id="paybackDays">0 天</div>
+                            <div class="sub" id="paybackHours">或 0 小时（日销 30 份）</div>
+                        </div>
+                    </div>
+                </div>
+                
+                <!-- Product Detail Table -->
+                <div class="product-detail">
+                    <h4>📦 各产品利润明细（<span id="currentLevelName">白银代理</span>）</h4>
+                    <table>
+                        <thead>
+                            <tr>
+                                <th>产品</th>
+                                <th>零售价</th>
+                                <th>您的底价</th>
+                                <th>单份利润</th>
+                                <th>利润率</th>
+                            </tr>
+                        </thead>
+                        <tbody id="productTableBody">
+                            <!-- Populated by JavaScript -->
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+            
+            <div style="text-align:center;">
+                <a href="https://p.yuyuecha.com/s/Cc9wgE" class="btn btn-primary">📝 立即申请代理</a>
+            </div>
+        </div>
+    </section>
+
+    <!-- FAQ Section -->
+    <section class="section faq" id="faq">
+        <div class="container">
+            <h2 class="section-title">常见问题</h2>
+            <p class="section-subtitle">您可能想知道的问题</p>
+            
+            <div class="faq-list">
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>报告准确率如何保证？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        愉悦查所有数据均来自官方授权渠道，通过 200+ 数据接口交叉验证，确保信息准确可靠。AI 引擎会自动识别异常数据并进行人工复核，准确率达 99% 以上。
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>数据来源是否合法合规？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        是的，我们严格遵守《个人信息保护法》和相关法律法规，所有数据接口均获得合法授权，查询过程需要被查询人授权同意，确保数据来源和使用完全合规。
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>多久能拿到报告？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        标准报告通常 3-5 秒即可生成，复杂报告或 AI 定制报告可能需要 30 秒 -2 分钟。报告生成后会通过短信/邮件通知您，也可在个人中心随时查看下载。
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>如何成为代理？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        点击页面上方的"立即申请"按钮，填写代理申请表，我们的招商团队会在 1-2 个工作日内联系您。白银代理零门槛免费加入，黄金/钻石代理需支付相应年费。
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>支持退款吗？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        报告一旦生成无法退款，因为数据查询成本已产生。但如果您对报告质量有异议，可在 7 天内联系客服申请复核或重新查询。
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- CTA Section -->
+    <section class="cta">
+        <div class="container">
+            <h2>准备好开始建立信任了吗？</h2>
+            <p>立即体验 AI 驱动的商业信任科技</p>
+            <div class="cta-buttons">
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn">🚀 立即注册</a>
+                <a href="#partnership" class="btn btn-outline">💼 代理合作</a>
+            </div>
+        </div>
+    </section>
+
+    <!-- Footer -->
+        <footer class="footer">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <h3>愉悦查</h3>
+                    <p>让信任无处不在，让合作没有距离</p>
+                    <p style="margin-top:16px;font-size:13px;color:rgba(255,255,255,0.5);">北京正信环宇科技有限公司</p>
+                    <p style="font-size:13px;color:rgba(255,255,255,0.5);">AI 驱动的商业信任科技平台</p>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">产品</h4>
+                    <ul class="footer-links">
+                        <li><a href="/product/riskassessment.html">个人大数据报告</a></li>
+                        <li><a href="/product/marriage.html">婚恋风险报告</a></li>
+                        <li><a href="/product/backgroundcheck.html">入职背调报告</a></li>
+                        <li><a href="/product/companyinfo.html">小微企业报告</a></li>
+                        <li><a href="/product/homeservice.html">家政风险报告</a></li>
+                        <li><a href="/product/consumerFinanceReport.html">消金报告</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">公司</h4>
+                    <ul class="footer-links">
+                        <li><a href="/about.html">关于我们</a></li>
+                        <li><a href="/careers.html">加入我们</a></li>
+                        <li><a href="/contact.html">联系我们</a></li>
+                        <li><a href="/news.html">新闻动态</a></li>
+                        <li><a href="/partners.html">合作伙伴</a></li>
+                        <li><a href="/investment.html">招商工具包</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">支持</h4>
+                    <ul class="footer-links">
+                        <li><a href="/help.html">帮助中心</a></li>
+                        <li><a href="/apidemo/">API 文档</a></li>
+                        <li><a href="/all-apis.html">全部接口</a></li>
+                        <li><a href="/privacy.html">隐私政策</a></li>
+                        <li><a href="/terms.html">服务条款</a></li>
+                        <li><a href="/disclaimer.html">免责声明</a></li>
+                    </ul>
+                </div>
+            </div>
+            
+            <div class="footer-bottom">
+                <p>&copy; 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p class="footer-icp"><a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow noopener">京ICP备2025158088号-2</a></p>
+            </div>
+        </div>
+    </footer>
+
+    <!-- Back to Top Button -->
+    <button id="backToTop" style="position:fixed;bottom:30px;right:30px;width:50px;height:50px;border-radius:50%;background:var(--primary-gradient);border:none;cursor:pointer;box-shadow:var(--shadow-lg);display:none;align-items:center;justify-content:center;font-size:24px;z-index:999;transition:var(--transition);">↑</button>
+
+    <script>
+        // ===== Back to Top Button =====
+        const backToTopBtn = document.getElementById('backToTop');
+        
+        window.addEventListener('scroll', () => {
+            if (window.scrollY > 500) {
+                backToTopBtn.style.display = 'flex';
+            } else {
+                backToTopBtn.style.display = 'none';
+            }
+        });
+        
+        backToTopBtn.addEventListener('click', () => {
+            window.scrollTo({ top: 0, behavior: 'smooth' });
+        });
+        
+        backToTopBtn.addEventListener('mouseenter', () => {
+            backToTopBtn.style.transform = 'scale(1.1)';
+        });
+        
+        backToTopBtn.addEventListener('mouseleave', () => {
+            backToTopBtn.style.transform = 'scale(1)';
+        });
+
+        // ===== Navbar Scroll Effect =====
+        window.addEventListener('scroll', () => {
+            const navbar = document.getElementById('navbar');
+            if (window.scrollY > 50) {
+                navbar.classList.add('scrolled');
+            } else {
+                navbar.classList.remove('scrolled');
+            }
+        });
+
+        // ===== Mobile Menu Toggle =====
+        document.getElementById('menuToggle').addEventListener('click', () => {
+            document.getElementById('navMenu').classList.toggle('active');
+        });
+
+        // ===== Smooth Scroll =====
+        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' });
+                    // Close mobile menu
+                    document.getElementById('navMenu').classList.remove('active');
+                }
+            });
+        });
+
+        // ===== Animated Counter =====
+        function animateCounter(elementId, target, suffix = '') {
+            const element = document.getElementById(elementId);
+            if (!element) return;
+            
+            let current = 0;
+            const increment = target / 50;
+            const timer = setInterval(() => {
+                current += increment;
+                if (current >= target) {
+                    element.textContent = target.toLocaleString() + suffix;
+                    clearInterval(timer);
+                } else {
+                    element.textContent = Math.floor(current).toLocaleString() + suffix;
+                }
+            }, 30);
+        }
+
+        // ===== Intersection Observer for Animations =====
+        const observerOptions = {
+            threshold: 0.2,
+            rootMargin: '0px'
+        };
+
+        const observer = new IntersectionObserver((entries) => {
+            entries.forEach(entry => {
+                if (entry.isIntersecting) {
+                    // Animate stats when visible
+                    if (entry.target.id === 'statReports') {
+                        animateCounter('statReports', 100000, '+');
+                        animateCounter('statUsers', 50000, '+');
+                        animateCounter('statEnterprises', 5000, '+');
+                    }
+                    observer.unobserve(entry.target);
+                }
+            });
+        }, observerOptions);
+
+        document.getElementById('statReports') && observer.observe(document.getElementById('statReports'));
+
+        // ===== FAQ Toggle =====
+        document.querySelectorAll('.faq-question').forEach(question => {
+            question.addEventListener('click', () => {
+                const item = question.parentElement;
+                const icon = question.querySelector('.faq-icon');
+                
+                // Close other items
+                document.querySelectorAll('.faq-item').forEach(other => {
+                    if (other !== item) {
+                        other.classList.remove('active');
+                        other.querySelector('.faq-icon').textContent = '+';
+                    }
+                });
+                
+                // Toggle current item
+                item.classList.toggle('active');
+                icon.textContent = item.classList.contains('active') ? '×' : '+';
+            });
+        });
+
+        // ===== Advanced Profit Calculator =====
+        const levelData = {
+            silver: { name: '白银代理', fee: 0, markup: 6, referralBonus: 0, teamSilver: 2, teamGold: 0 },
+            gold: { name: '黄金代理', fee: 198, markup: 3, referralBonus: 60, teamSilver: 3, teamGold: 0 },
+            diamond: { name: '钻石代理', fee: 980, markup: 2, referralBonus: 300, teamSilver: 6, teamGold: 3 }
+        };
+        
+        const products = [
+            { name: '消金报告', retail: 39.9, baseCost: 6.0 },
+            { name: '家政风险报告', retail: 39.9, baseCost: 6.0 },
+            { name: '个人大数据报告', retail: 49.8, baseCost: 5.0 },
+            { name: '入职背调报告', retail: 69.9, baseCost: 9.0 },
+            { name: '小微企业报告', retail: 69.9, baseCost: 9.0 },
+            { name: '婚恋风险报告', retail: 39.9, baseCost: 9.0 }
+        ];
+        
+        let currentLevel = 'silver';
+        
+        function switchLevel(level) {
+            currentLevel = level;
+            
+            // Update tabs
+            document.querySelectorAll('.tab-btn').forEach(btn => btn.classList.remove('active'));
+            event.target.closest('.tab-btn').classList.add('active');
+            
+            // Show/hide team inputs for diamond
+            const isDiamond = level === 'diamond';
+            const isGoldOrDiamond = level === 'gold' || level === 'diamond';
+            document.getElementById('teamSilverGroup').style.display = isGoldOrDiamond ? 'block' : 'none';
+            document.getElementById('teamGoldGroup').style.display = isDiamond ? 'block' : 'none';
+            document.getElementById('teamCard').style.display = isGoldOrDiamond ? 'block' : 'none';
+            document.getElementById('roiCard').style.display = isGoldOrDiamond ? 'block' : 'none';
+            
+            calculateProfit();
+        }
+        
+        function getProductCost(product) {
+            return product.baseCost + levelData[currentLevel].markup;
+        }
+        
+        function getProductProfit(product) {
+            return product.retail - getProductCost(product);
+        }
+        
+        function getProductMargin(product) {
+            const profit = getProductProfit(product);
+            return ((profit / product.retail) * 100).toFixed(0);
+        }
+        
+        function calculateProfit() {
+            const dailySales = parseFloat(document.getElementById('dailySales').value) || 0;
+            const referralCount = parseFloat(document.getElementById('referralCount').value) || 0;
+            const teamSilver = parseFloat(document.getElementById('teamSilver').value) || 0;
+            const teamGold = parseFloat(document.getElementById('teamGold').value) || 0;
+            
+            const level = levelData[currentLevel];
+            
+            // Calculate average profit
+            const totalProfit = products.reduce((sum, p) => sum + getProductProfit(p), 0);
+            const avgProfit = totalProfit / products.length;
+            
+            // Retail profit
+            const dailyRetailProfit = avgProfit * dailySales;
+            const monthlyRetailProfit = dailyRetailProfit * 30;
+            
+            // Referral bonus
+            const monthlyReferralProfit = level.referralBonus * referralCount;
+            
+            // Team commission
+            let monthlyTeamProfit = 0;
+            if (currentLevel === 'gold') {
+                monthlyTeamProfit = level.teamSilver * teamSilver * 30;
+            } else if (currentLevel === 'diamond') {
+                monthlyTeamProfit = (level.teamSilver * teamSilver + level.teamGold * teamGold) * 30;
+            }
+            
+            // Total
+            const totalMonthlyProfit = monthlyRetailProfit + monthlyReferralProfit + monthlyTeamProfit;
+            
+            // ROI
+            let paybackDays = 0;
+            let paybackHours = 0;
+            if (level.fee > 0) {
+                const dailyTotal = dailyRetailProfit + (monthlyReferralProfit + monthlyTeamProfit) / 30;
+                if (dailyTotal > 0) {
+                    paybackDays = Math.ceil(level.fee / dailyTotal);
+                    paybackHours = (level.fee / (totalMonthlyProfit / 30 / 24)).toFixed(1);
+                }
+            }
+            
+            // Update UI
+            document.getElementById('avgProfit').textContent = '¥' + avgProfit.toFixed(2);
+            document.getElementById('dailyRetailProfit').textContent = '¥' + dailyRetailProfit.toLocaleString('zh-CN', {minimumFractionDigits: 0, maximumFractionDigits: 0});
+            document.getElementById('dailyRetailSub').textContent = dailySales + '份 × ¥' + avgProfit.toFixed(2);
+            document.getElementById('monthlyRetailProfit').textContent = '¥' + monthlyRetailProfit.toLocaleString('zh-CN', {minimumFractionDigits: 0, maximumFractionDigits: 0});
+            document.getElementById('monthlyReferralProfit').textContent = '¥' + monthlyReferralProfit.toLocaleString('zh-CN', {minimumFractionDigits: 0, maximumFractionDigits: 0});
+            document.getElementById('referralSub').textContent = referralCount + '人 × ¥' + level.referralBonus + '/人';
+            document.getElementById('monthlyTeamProfit').textContent = '¥' + monthlyTeamProfit.toLocaleString('zh-CN', {minimumFractionDigits: 0, maximumFractionDigits: 0});
+            document.getElementById('totalMonthlyProfit').textContent = '¥' + totalMonthlyProfit.toLocaleString('zh-CN', {minimumFractionDigits: 0, maximumFractionDigits: 0});
+            document.getElementById('paybackDays').textContent = paybackDays + '天';
+            document.getElementById('paybackHours').textContent = '或 ' + paybackHours + '小时（日销' + dailySales + '份）';
+            
+            // Update product table
+            document.getElementById('currentLevelName').textContent = level.name;
+            const tbody = document.getElementById('productTableBody');
+            tbody.innerHTML = products.map(p => `
+                <tr>
+                    <td>${p.name}</td>
+                    <td>¥${p.retail}</td>
+                    <td>¥${getProductCost(p).toFixed(2)}</td>
+                    <td>¥${getProductProfit(p).toFixed(2)}</td>
+                    <td>${getProductMargin(p)}%</td>
+                </tr>
+            `).join('');
+        }
+        
+        // Initialize calculator
+        calculateProfit();
+
+        // ===== Scroll Animation Trigger =====
+        const animationObserver = new IntersectionObserver((entries) => {
+            entries.forEach(entry => {
+                if (entry.isIntersecting) {
+                    entry.target.style.opacity = '1';
+                    entry.target.style.animationPlayState = 'running';
+                }
+            });
+        }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' });
+
+        document.querySelectorAll('.product-card, .pricing-card, .section-title').forEach(el => {
+            animationObserver.observe(el);
+        });
+
+        // ===== Initialize =====
+        console.log('愉悦查官网已加载 🚀');
+    </script>
+</body>
+</html>
diff --git a/index.html.backup b/index.html.backup
new file mode 100755
index 0000000..cad1a95
--- /dev/null
+++ b/index.html.backup
@@ -0,0 +1,2614 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>愉悦查 - 让信任无处不在，让合作没有距离 | AI 驱动的商业信任科技平台</title>
+    <meta name="description" content="愉悦查是 AI 驱动的商业信任科技平台，提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告，支持 AI 智能定制报告。200+ 数据接口，秒级响应，让信任无处不在。">
+    <meta name="keywords" 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=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    
+    <style>
+        /* ===== CSS Variables - 品牌色定义 ===== */
+        :root {
+            /* 品牌主色 - 橙色系 (来自蓝湖设计稿) */
+            --primary-orange: #FF6A19;
+            --primary-orange-light: #FC6E18;
+            --primary-orange-dark: #E64E10;
+            --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
+            --primary-orange-soft: #FFDECC;
+            
+            /* 辅助色 */
+            --bg-light: #FFFFFF;
+            --bg-gray: #F5F7FA;
+            --bg-gray-light: #E4E7E0;
+            
+            /* 文字色 */
+            --text-primary: #1A1A1A;
+            --text-secondary: #666666;
+            --text-light: #999999;
+            
+            /* 功能色 */
+            --success: #07C160;
+            --warning: #FF9500;
+            --error: #FF3B30;
+            
+            /* 间距 */
+            --spacing-xs: 8px;
+            --spacing-sm: 16px;
+            --spacing-md: 24px;
+            --spacing-lg: 48px;
+            --spacing-xl: 80px;
+            
+            /* 圆角 */
+            --radius-sm: 4px;
+            --radius-md: 8px;
+            --radius-lg: 16px;
+            --radius-xl: 24px;
+            
+            /* 阴影 */
+            --shadow-sm: 0 2px 8px rgba(0,0,0,0.08);
+            --shadow-md: 0 4px 16px rgba(0,0,0,0.12);
+            --shadow-lg: 0 8px 32px rgba(0,0,0,0.16);
+            
+            /* 过渡 */
+            --transition: all 0.3s ease;
+        }
+        
+        /* ===== Reset & Base ===== */
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+        
+        html {
+            scroll-behavior: smooth;
+        }
+        
+        body {
+            font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+            font-size: 16px;
+            line-height: 1.6;
+            color: var(--text-primary);
+            background-color: var(--bg-light);
+        }
+        
+        a {
+            text-decoration: none;
+            color: inherit;
+        }
+        
+        ul {
+            list-style: none;
+        }
+        
+        img {
+            max-width: 100%;
+            height: auto;
+        }
+        
+        .container {
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 0 var(--spacing-md);
+        }
+        
+        .btn {
+            display: inline-block;
+            padding: 14px 32px;
+            font-size: 16px;
+            font-weight: 500;
+            border-radius: var(--radius-md);
+            cursor: pointer;
+            transition: var(--transition);
+            border: none;
+            text-align: center;
+        }
+        
+        .btn-primary {
+            background: var(--primary-gradient);
+            color: white;
+            box-shadow: 0 4px 12px rgba(236, 77, 9, 0.3);
+        }
+        
+        .btn-primary:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 6px 20px rgba(236, 77, 9, 0.4);
+        }
+        
+        .btn-outline {
+            background: transparent;
+            border: 2px solid var(--primary-orange);
+            color: var(--primary-orange);
+        }
+        
+        .btn-outline:hover {
+            background: var(--primary-gradient);
+            color: white;
+            transform: translateY(-2px);
+            box-shadow: 0 4px 12px rgba(255, 106, 25, 0.3);
+        }
+        
+        .btn-primary:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 6px 20px rgba(255, 106, 25, 0.4);
+        }
+        
+        .section {
+            padding: var(--spacing-xl) 0;
+        }
+        
+        .section-title {
+            text-align: center;
+            font-size: 36px;
+            font-weight: 700;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .section-subtitle {
+            text-align: center;
+            font-size: 18px;
+            color: var(--text-secondary);
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        /* ===== Navigation ===== */
+        /* ===== Navigation ===== */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+            transition: var(--transition);
+        }
+        
+        .navbar.scrolled {
+            box-shadow: 0 4px 30px rgba(0,0,0,0.12);
+        }
+        
+        .navbar .container {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            height: 80px;
+            max-width: 1400px;
+            margin: 0 auto;
+            padding: 0 32px;
+        }
+        
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            text-decoration: none;
+            background: transparent;
+            padding: 4px 0;
+        }
+        
+        .logo-img {
+            background: rgba(255,255,255,0.95);
+            height: 60px;
+            width: auto;
+            object-fit: contain;
+            transition: var(--transition);
+            
+        }
+        
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            text-decoration: none;
+            padding: 6px 0;
+        }
+        
+        .logo-img {
+            background: rgba(255,255,255,0.95);
+            height: 60px;
+            width: auto;
+            object-fit: contain;
+            transition: var(--transition);
+            
+        }
+        
+        .logo:hover .logo-img {
+            background: rgba(255,255,255,0.95);
+            transform: scale(1.05);
+        }
+        
+        .nav-menu {
+            display: flex;
+            gap: var(--spacing-lg);
+            align-items: center;
+        }
+        
+        .nav-link {
+            font-size: 15px;
+            font-weight: 500;
+            color: var(--text-primary);
+            transition: var(--transition);
+            position: relative;
+        }
+        
+        .nav-link:hover {
+            color: var(--primary-orange);
+        }
+        
+        .nav-link::after {
+            content: '';
+            position: absolute;
+            bottom: -4px;
+            left: 0;
+            width: 0;
+            height: 2px;
+            background: var(--primary-orange);
+            transition: var(--transition);
+        }
+        
+        .nav-link:hover::after {
+            width: 100%;
+        }
+        
+        .nav-cta {
+            display: flex;
+            gap: var(--spacing-sm);
+        }
+        
+        .nav-btn {
+            padding: 10px 20px;
+            font-size: 14px;
+        }
+        
+        /* Mobile Menu */
+        .menu-toggle {
+            display: none;
+            flex-direction: column;
+            gap: 5px;
+            cursor: pointer;
+            padding: 5px;
+        }
+        
+        .menu-toggle span {
+            width: 25px;
+            height: 3px;
+            background: var(--primary-orange);
+            border-radius: 2px;
+            transition: var(--transition);
+        }
+        
+        /* ===== Hero Section ===== */
+        .hero {
+            padding-top: 160px;
+            padding-bottom: 100px;
+            background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 50%, #F5F7FA 100%);
+            position: relative;
+            overflow: hidden;
+        }
+        
+        .hero::before {
+            content: '';
+            position: absolute;
+            top: -50%;
+            right: -20%;
+            width: 80%;
+            height: 200%;
+            background: radial-gradient(circle, rgba(236, 77, 9, 0.05) 0%, transparent 70%);
+            animation: float 20s ease-in-out infinite;
+        }
+        
+        @keyframes float {
+            0%, 100% { transform: translateY(0) rotate(0deg); }
+            50% { transform: translateY(-20px) rotate(5deg); }
+        }
+        
+        .hero-content {
+            text-align: center;
+            max-width: 900px;
+            margin: 0 auto;
+            position: relative;
+            z-index: 1;
+        }
+        
+        .hero-badge {
+            display: inline-block;
+            padding: 8px 16px;
+            background: linear-gradient(135deg, rgba(255, 106, 25, 0.1), rgba(252, 110, 24, 0.15));
+            color: var(--primary-orange);
+            font-size: 14px;
+            font-weight: 600;
+            border-radius: 20px;
+            margin-bottom: var(--spacing-md);
+            border: 1px solid rgba(255, 106, 25, 0.2);
+            animation: pulse 2s ease-in-out infinite;
+        }
+        
+        @keyframes pulse {
+            0%, 100% { transform: scale(1); }
+            50% { transform: scale(1.02); }
+        }
+        
+        .hero h1 {
+            font-size: 56px;
+            font-weight: 900;
+            line-height: 1.2;
+            margin-bottom: var(--spacing-sm);
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 50%, #FF8A5C 100%);
+            background-size: 200% auto;
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+            animation: gradientShift 3s ease infinite;
+        }
+        
+        @keyframes gradientShift {
+            0%, 100% { background-position: 0% center; }
+            50% { background-position: 100% center; }
+        }
+        
+        .hero p {
+            font-size: 20px;
+            color: var(--text-secondary);
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        .hero-stats {
+            display: flex;
+            justify-content: center;
+            gap: var(--spacing-lg);
+            margin-top: var(--spacing-lg);
+            flex-wrap: wrap;
+        }
+        
+        .stat-item {
+            text-align: center;
+        }
+        
+        .stat-number {
+            font-size: 36px;
+            font-weight: 700;
+            background: var(--primary-gradient);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+        
+        .stat-label {
+            font-size: 14px;
+            color: var(--text-light);
+            margin-top: 4px;
+        }
+        
+        .hero-buttons {
+            display: flex;
+            justify-content: center;
+            gap: var(--spacing-sm);
+            margin-top: var(--spacing-lg);
+            flex-wrap: wrap;
+        }
+        
+        /* ===== Trust Bar ===== */
+        .trust-bar {
+            padding: var(--spacing-lg) 0;
+            background: var(--bg-gray);
+            border-top: 1px solid #eee;
+            border-bottom: 1px solid #eee;
+        }
+        
+        .trust-bar p {
+            text-align: center;
+            font-size: 14px;
+            color: var(--text-light);
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .trust-logos {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            gap: var(--spacing-lg);
+            flex-wrap: wrap;
+            opacity: 0.6;
+        }
+        
+        .trust-logo {
+            height: 40px;
+            filter: grayscale(100%);
+            transition: var(--transition);
+        }
+        
+        .trust-logo:hover {
+            filter: grayscale(0%);
+        }
+        
+        /* ===== Features Section ===== */
+        .features {
+            background: var(--bg-light);
+        }
+        
+        .features-grid {
+            display: grid;
+            grid-template-columns: repeat(4, 1fr);
+            gap: var(--spacing-md);
+        }
+        
+        .feature-card {
+            text-align: center;
+            padding: var(--spacing-lg) var(--spacing-md);
+            border-radius: var(--radius-lg);
+            transition: var(--transition);
+        }
+        
+        .feature-card:hover {
+            background: var(--bg-gray);
+            transform: translateY(-4px);
+        }
+        
+        .feature-icon {
+            width: 64px;
+            height: 64px;
+            margin: 0 auto var(--spacing-sm);
+            background: var(--primary-gradient);
+            border-radius: var(--radius-md);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 28px;
+        }
+        
+        .feature-title {
+            font-size: 18px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .feature-desc {
+            font-size: 14px;
+            color: var(--text-secondary);
+        }
+        
+        /* ===== Products Section ===== */
+        .products {
+            background: var(--bg-gray);
+        }
+        
+        .products-grid {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: var(--spacing-md);
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        .product-card {
+            background: white;
+            border-radius: var(--radius-lg);
+            padding: var(--spacing-lg);
+            box-shadow: var(--shadow-sm);
+            transition: var(--transition);
+            position: relative;
+            overflow: hidden;
+        }
+        
+        .product-card::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            height: 4px;
+            background: var(--primary-gradient);
+        }
+        
+        .product-card:hover {
+            transform: translateY(-12px);
+            box-shadow: var(--shadow-lg);
+        }
+        
+        .product-card:hover .product-icon {
+            transform: scale(1.1) rotate(5deg);
+        }
+        
+        .product-icon {
+            width: 80px;
+            height: 80px;
+            border-radius: 50%;
+            background: var(--primary-gradient);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 36px;
+            margin-bottom: var(--spacing-sm);
+            box-shadow: 0 4px 16px rgba(255, 106, 25, 0.3);
+            transition: var(--transition);
+        }
+        
+        .product-name {
+            font-size: 20px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .product-price {
+            font-size: 28px;
+            font-weight: 700;
+            color: var(--primary-orange);
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .product-price span {
+            font-size: 14px;
+            font-weight: 400;
+            color: var(--text-light);
+        }
+        
+        .product-features {
+            margin: var(--spacing-sm) 0;
+            padding: var(--spacing-sm) 0;
+            border-top: 1px solid #eee;
+            border-bottom: 1px solid #eee;
+        }
+        
+        .product-features li {
+            font-size: 14px;
+            color: var(--text-secondary);
+            padding: 4px 0;
+            display: flex;
+            align-items: center;
+            gap: 8px;
+        }
+        
+        .product-features li::before {
+            content: '✓';
+            color: var(--success);
+            font-weight: 700;
+        }
+        
+        /* AI Custom Product */
+        .product-ai {
+            grid-column: 1 / -1;
+            background: var(--primary-gradient);
+            color: white;
+            padding: var(--spacing-xl);
+            border-radius: var(--radius-xl);
+            text-align: center;
+            position: relative;
+            overflow: hidden;
+        }
+        
+        .product-ai::before {
+            content: '';
+            position: absolute;
+            top: -50%;
+            right: -10%;
+            width: 50%;
+            height: 200%;
+            background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
+            animation: float 15s ease-in-out infinite reverse;
+        }
+        
+        .product-ai h3 {
+            font-size: 32px;
+            margin-bottom: var(--spacing-sm);
+            position: relative;
+        }
+        
+        .product-ai p {
+            font-size: 18px;
+            opacity: 0.95;
+            margin-bottom: var(--spacing-md);
+            position: relative;
+        }
+        
+        .product-ai .btn {
+            background: white;
+            color: var(--primary-orange);
+            position: relative;
+        }
+        
+        /* ===== Technology Section ===== */
+        /* ===== Sample Reports Section ===== */
+        .sample-reports {
+            background: var(--bg-gray);
+        }
+        
+        .sample-grid {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: var(--spacing-md);
+        }
+        
+        .sample-card {
+            background: white;
+            border-radius: var(--radius-lg);
+            padding: var(--spacing-lg);
+            box-shadow: var(--shadow-sm);
+            transition: var(--transition);
+            position: relative;
+            overflow: hidden;
+            display: flex;
+            flex-direction: column;
+        }
+        
+        .sample-card::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            height: 4px;
+            background: var(--primary-gradient);
+        }
+        
+        .sample-card:hover {
+            transform: translateY(-8px);
+            box-shadow: var(--shadow-lg);
+        }
+        
+        .sample-icon {
+            width: 70px;
+            height: 70px;
+            border-radius: 50%;
+            background: var(--primary-orange-soft);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 32px;
+            margin-bottom: var(--spacing-sm);
+            transition: var(--transition);
+        }
+        
+        .sample-card:hover .sample-icon {
+            transform: scale(1.1);
+        }
+        
+        .sample-name {
+            font-size: 20px;
+            font-weight: 600;
+            margin-bottom: 12px;
+            color: var(--text-primary);
+        }
+        
+        .sample-desc {
+            font-size: 14px;
+            color: var(--text-secondary);
+            line-height: 1.6;
+            margin-bottom: 16px;
+            flex-grow: 1;
+        }
+        
+        .sample-features {
+            font-size: 13px;
+            color: var(--text-secondary);
+            margin-bottom: 20px;
+            padding-left: 0;
+        }
+        
+        .sample-features li {
+            padding: 4px 0;
+            list-style: none;
+        }
+
+        .technology {
+            background: linear-gradient(135deg, #1A1A2E 0%, #16213E 100%);
+            color: white;
+        }
+        
+        .technology .section-title,
+        .technology .section-subtitle {
+            color: white;
+        }
+        
+        .tech-diagram {
+            max-width: 1000px;
+            margin: var(--spacing-lg) auto;
+            background: rgba(255,255,255,0.05);
+            border-radius: var(--radius-xl);
+            padding: var(--spacing-xl);
+            backdrop-filter: blur(10px);
+        }
+        
+        .tech-flow {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            flex-wrap: wrap;
+            gap: var(--spacing-md);
+        }
+        
+        .tech-step {
+            flex: 1;
+            min-width: 150px;
+            text-align: center;
+            padding: var(--spacing-md);
+            background: rgba(236, 77, 9, 0.1);
+            border-radius: var(--radius-md);
+            border: 1px solid rgba(236, 77, 9, 0.3);
+        }
+        
+        .tech-step-icon {
+            font-size: 36px;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .tech-step-title {
+            font-size: 16px;
+            font-weight: 600;
+            margin-bottom: 4px;
+        }
+        
+        .tech-step-desc {
+            font-size: 13px;
+            opacity: 0.8;
+        }
+        
+        .tech-arrow {
+            font-size: 24px;
+            color: var(--primary-orange);
+        }
+        
+        .tech-apis {
+            text-align: center;
+            margin-top: var(--spacing-lg);
+            padding: var(--spacing-md);
+            background: rgba(255,255,255,0.05);
+            border-radius: var(--radius-md);
+        }
+        
+        .tech-apis p {
+            font-size: 14px;
+            opacity: 0.8;
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .api-tags {
+            display: flex;
+            justify-content: center;
+            gap: var(--spacing-xs);
+            flex-wrap: wrap;
+        }
+        
+        .api-tag {
+            padding: 6px 12px;
+            background: rgba(236, 77, 9, 0.2);
+            border-radius: 20px;
+            font-size: 13px;
+            border: 1px solid rgba(236, 77, 9, 0.3);
+        }
+        
+        /* ===== Partnership Section ===== */
+        .partnership {
+            background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%);
+        }
+        
+        .pricing-grid {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: var(--spacing-md);
+            max-width: 1000px;
+            margin: 0 auto var(--spacing-lg);
+        }
+        
+        .pricing-card {
+            background: white;
+            border-radius: var(--radius-lg);
+            padding: var(--spacing-lg);
+            text-align: center;
+            box-shadow: var(--shadow-sm);
+            transition: var(--transition);
+            border: 2px solid transparent;
+        }
+        
+        .pricing-card:hover {
+            transform: translateY(-8px);
+            box-shadow: var(--shadow-lg);
+        }
+        
+        .pricing-card.featured {
+            border-color: var(--primary-orange);
+            position: relative;
+            transform: scale(1.08);
+            box-shadow: var(--shadow-lg);
+            z-index: 1;
+        }
+        
+        .pricing-card.featured:hover {
+            transform: scale(1.08) translateY(-8px);
+        }
+        
+        .pricing-card.featured::before {
+            content: '🔥 热门推荐';
+            position: absolute;
+            top: -14px;
+            left: 50%;
+            transform: translateX(-50%);
+            background: var(--primary-gradient);
+            color: white;
+            padding: 6px 20px;
+            border-radius: 12px;
+            font-size: 13px;
+            font-weight: 600;
+            box-shadow: 0 4px 12px rgba(255, 106, 25, 0.4);
+        }
+        
+        .pricing-icon {
+            font-size: 48px;
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .pricing-name {
+            font-size: 20px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .pricing-price {
+            font-size: 36px;
+            font-weight: 700;
+            color: var(--primary-orange);
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .pricing-price span {
+            font-size: 14px;
+            font-weight: 400;
+            color: var(--text-light);
+        }
+        
+        .pricing-features {
+            margin: var(--spacing-md) 0;
+            text-align: left;
+        }
+        
+        .pricing-features li {
+            font-size: 14px;
+            color: var(--text-secondary);
+            padding: 8px 0;
+            display: flex;
+            align-items: center;
+            gap: 8px;
+        }
+        
+        .pricing-features li::before {
+            content: '✓';
+            color: var(--success);
+            font-weight: 700;
+        }
+        
+        /* Calculator - Advanced Profit Calculator */
+        .profit-calculator {
+            max-width: 1000px;
+            margin: var(--spacing-lg) auto;
+            background: white;
+            padding: var(--spacing-lg);
+            border-radius: var(--radius-lg);
+            box-shadow: var(--shadow-md);
+        }
+        
+        .calculator-title {
+            text-align: center;
+            font-size: 24px;
+            font-weight: 700;
+            margin-bottom: var(--spacing-md);
+            color: var(--text-primary);
+        }
+        
+        .level-tabs {
+            display: flex;
+            gap: 12px;
+            margin-bottom: 24px;
+        }
+        
+        .tab-btn {
+            flex: 1;
+            padding: 16px 20px;
+            border: 2px solid #e0e0e0;
+            border-radius: var(--radius-md);
+            background: #fff;
+            cursor: pointer;
+            font-size: 16px;
+            font-weight: 600;
+            transition: var(--transition);
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+        
+        .tab-btn:hover {
+            border-color: var(--primary-orange);
+        }
+        
+        .tab-btn.active {
+            border-color: var(--primary-orange);
+            background: var(--primary-gradient);
+            color: #fff;
+        }
+        
+        .tab-btn .price {
+            font-size: 13px;
+            font-weight: 400;
+            opacity: 0.9;
+        }
+        
+        .calculator-grid {
+            display: grid;
+            grid-template-columns: 1fr 1fr;
+            gap: 24px;
+        }
+        
+        .input-section, .profit-section {
+            background: var(--bg-gray);
+            padding: 20px;
+            border-radius: var(--radius-md);
+        }
+        
+        .input-section h4, .profit-section h4 {
+            font-size: 16px;
+            margin-bottom: 16px;
+            color: var(--text-primary);
+        }
+        
+        .input-group {
+            margin-bottom: 16px;
+        }
+        
+        .input-group label {
+            display: block;
+            margin-bottom: 6px;
+            font-size: 13px;
+            color: var(--text-secondary);
+        }
+        
+        .input-group input {
+            width: 100%;
+            padding: 10px 12px;
+            border: 1px solid #ddd;
+            border-radius: 6px;
+            font-size: 15px;
+            transition: var(--transition);
+        }
+        
+        .input-group input:focus {
+            outline: none;
+            border-color: var(--primary-orange);
+        }
+        
+        .profit-card {
+            background: #fff;
+            padding: 14px;
+            border-radius: 8px;
+            margin-bottom: 10px;
+        }
+        
+        .profit-card .label {
+            font-size: 13px;
+            color: var(--text-secondary);
+            margin-bottom: 4px;
+        }
+        
+        .profit-card .value {
+            font-size: 24px;
+            font-weight: 700;
+            color: var(--primary-orange);
+        }
+        
+        .profit-card .sub {
+            font-size: 11px;
+            color: #999;
+            margin-top: 4px;
+        }
+        
+        .profit-card.highlight {
+            background: #FFF3E0;
+            border: 2px solid var(--primary-orange);
+        }
+        
+        .profit-card.total {
+            background: var(--primary-gradient);
+            color: #fff;
+        }
+        
+        .profit-card.total .label,
+        .profit-card.total .value,
+        .profit-card.total .sub {
+            color: #fff;
+        }
+        
+        .roi-card {
+            background: #FFF3CD;
+            border: 2px solid #FFC107;
+            padding: 14px;
+            border-radius: 8px;
+            margin-top: 12px;
+        }
+        
+        .roi-card .label {
+            font-size: 13px;
+            color: #856404;
+        }
+        
+        .roi-card .value {
+            font-size: 20px;
+            font-weight: 700;
+            color: #856404;
+        }
+        
+        .roi-card .sub {
+            font-size: 11px;
+            color: #856404;
+            opacity: 0.8;
+            margin-top: 4px;
+        }
+        
+        .product-detail {
+            grid-column: 1 / -1;
+            background: #fff;
+            padding: 20px;
+            border-radius: var(--radius-md);
+            border: 1px solid #e0e0e0;
+            margin-top: 12px;
+        }
+        
+        .product-detail h4 {
+            font-size: 16px;
+            margin-bottom: 12px;
+            color: var(--text-primary);
+        }
+        
+        .product-detail table {
+            width: 100%;
+            border-collapse: collapse;
+            font-size: 13px;
+        }
+        
+        .product-detail th,
+        .product-detail td {
+            padding: 10px;
+            text-align: left;
+            border-bottom: 1px solid #e0e0e0;
+        }
+        
+        .product-detail th {
+            background: var(--bg-gray);
+            font-weight: 600;
+            color: var(--text-primary);
+        }
+        
+        .product-detail tr:hover {
+            background: var(--bg-gray-light);
+        }
+        
+        @media (max-width: 768px) {
+            .calculator-grid {
+                grid-template-columns: 1fr;
+            }
+            
+            .level-tabs {
+                flex-direction: column;
+            }
+        }
+        
+        /* ===== FAQ Section ===== */
+        .faq {
+            background: var(--bg-light);
+        }
+        
+        .faq-list {
+            max-width: 800px;
+            margin: 0 auto;
+        }
+        
+        .faq-item {
+            border-bottom: 1px solid #eee;
+            padding: var(--spacing-md) 0;
+            transition: var(--transition);
+        }
+        
+        .faq-item:hover {
+            background: rgba(255, 106, 25, 0.02);
+            padding-left: var(--spacing-sm);
+            padding-right: var(--spacing-sm);
+            margin-left: calc(-1 * var(--spacing-sm));
+            margin-right: calc(-1 * var(--spacing-sm));
+            border-radius: var(--radius-md);
+        }
+        }
+        
+        .faq-question {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            cursor: pointer;
+            padding: var(--spacing-sm) 0;
+            font-size: 18px;
+            font-weight: 500;
+            transition: var(--transition);
+        }
+        
+        .faq-question:hover {
+            color: var(--primary-orange);
+        }
+        
+        .faq-icon {
+            font-size: 24px;
+            color: var(--primary-orange);
+            transition: var(--transition);
+            width: 32px;
+            height: 32px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            border-radius: 50%;
+            background: rgba(255, 106, 25, 0.1);
+        }
+        
+        .faq-item.active .faq-icon {
+            background: var(--primary-gradient);
+            color: white;
+        }
+        
+        .faq-answer {
+            max-height: 0;
+            overflow: hidden;
+            transition: max-height 0.3s ease;
+            color: var(--text-secondary);
+            line-height: 1.8;
+        }
+        
+        .faq-item.active .faq-icon {
+            transform: rotate(45deg);
+        }
+        
+        .faq-item.active .faq-answer {
+            max-height: 500px;
+            margin-top: var(--spacing-sm);
+        }
+        
+        /* ===== CTA Section ===== */
+        .cta {
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 50%, #FF8A5C 100%);
+            background-size: 200% 200%;
+            animation: gradientShift 5s ease infinite;
+            color: white;
+            text-align: center;
+            padding: var(--spacing-xl) 0;
+            position: relative;
+            overflow: hidden;
+        }
+        
+        .cta::before {
+            content: '';
+            position: absolute;
+            top: -50%;
+            left: -50%;
+            width: 200%;
+            height: 200%;
+            background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
+            animation: rotate 20s linear infinite;
+        }
+        
+        @keyframes rotate {
+            from { transform: rotate(0deg); }
+            to { transform: rotate(360deg); }
+        }
+        
+        .cta h2 {
+            font-size: 36px;
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .cta p {
+            font-size: 18px;
+            opacity: 0.95;
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        .cta-buttons {
+            display: flex;
+            justify-content: center;
+            gap: var(--spacing-sm);
+            flex-wrap: wrap;
+            position: relative;
+            z-index: 1;
+        }
+        
+        .cta .btn {
+            background: white;
+            color: var(--primary-orange);
+        }
+        
+        .cta .btn:hover {
+            transform: translateY(-3px);
+            box-shadow: 0 8px 24px rgba(0,0,0,0.2);
+        }
+        
+        .cta .btn-outline {
+            background: transparent;
+            border-color: rgba(255,255,255,0.5);
+            color: white;
+        }
+        
+        .cta .btn-outline:hover {
+            background: white;
+            color: var(--primary-orange);
+        }
+        
+        .cta .btn-outline:hover {
+            background: white;
+            color: var(--primary-orange);
+        }
+        
+        /* ===== Footer ===== */
+        .footer {
+            background: #1A1A1A;
+            color: white;
+            padding: var(--spacing-xl) 0 var(--spacing-lg);
+        }
+        
+        .footer-grid {
+            display: grid;
+            grid-template-columns: 2fr repeat(3, 1fr);
+            gap: var(--spacing-lg);
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        .footer-brand h3 {
+            font-size: 24px;
+            margin-bottom: var(--spacing-sm);
+            color: var(--primary-orange);
+        }
+        
+        .footer-brand p {
+            font-size: 14px;
+            opacity: 0.8;
+            line-height: 1.8;
+        }
+        
+        .footer-title {
+            font-size: 16px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .footer-links li {
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .footer-links a {
+            font-size: 14px;
+            opacity: 0.8;
+            transition: var(--transition);
+        }
+        
+        .footer-links a:hover {
+            opacity: 1;
+            color: var(--primary-orange);
+        }
+        
+        .footer-bottom {
+            padding-top: var(--spacing-lg);
+            border-top: 1px solid rgba(255,255,255,0.1);
+            text-align: center;
+            font-size: 14px;
+            opacity: 0.6;
+        }
+        
+        .footer-icp {
+            margin-top: var(--spacing-sm);
+        }
+        
+        /* ===== Animations ===== */
+        @keyframes fadeInUp {
+            from {
+                opacity: 0;
+                transform: translateY(30px);
+            }
+            to {
+                opacity: 1;
+                transform: translateY(0);
+            }
+        }
+        
+        .fade-in-up {
+            animation: fadeInUp 0.6s ease forwards;
+        }
+        
+        .section-title {
+            opacity: 0;
+            animation: fadeInUp 0.6s ease forwards;
+        }
+        
+        .product-card {
+            opacity: 0;
+            animation: fadeInUp 0.6s ease forwards;
+            animation-play-state: paused;
+        }
+        
+        .product-card:nth-child(1) { animation-delay: 0.1s; }
+        .product-card:nth-child(2) { animation-delay: 0.15s; }
+        .product-card:nth-child(3) { animation-delay: 0.2s; }
+        .product-card:nth-child(4) { animation-delay: 0.25s; }
+        .product-card:nth-child(5) { animation-delay: 0.3s; }
+        .product-card:nth-child(6) { animation-delay: 0.35s; }
+        
+        .pricing-card {
+            opacity: 0;
+            animation: fadeInUp 0.6s ease forwards;
+            animation-play-state: paused;
+        }
+        
+        .pricing-card:nth-child(1) { animation-delay: 0.1s; }
+        .pricing-card:nth-child(2) { animation-delay: 0.2s; }
+        .pricing-card:nth-child(3) { animation-delay: 0.3s; }
+        
+        /* ===== Responsive ===== */
+        @media (max-width: 1024px) {
+            .features-grid {
+                grid-template-columns: repeat(2, 1fr);
+            }
+            
+            .products-grid {
+                grid-template-columns: repeat(2, 1fr);
+            }
+            
+            .pricing-grid {
+                grid-template-columns: repeat(2, 1fr);
+            }
+            
+            .footer-grid {
+                grid-template-columns: repeat(2, 1fr);
+            }
+        }
+        
+        /* ===== Mobile Responsive - 手机竖屏版 ===== */
+        @media (max-width: 768px) {
+            /* 导航栏 */
+            .navbar .container {
+                height: 60px;
+                padding: 0 12px;
+            }
+            
+            .logo {
+                padding: 0;
+                margin-left: 0;
+            }
+            
+            .logo-img {
+            background: rgba(255,255,255,0.95);
+                height: 40px;
+                margin-left: 0;
+            }
+            
+            .nav-menu {
+                display: none;
+                position: absolute;
+                top: 64px;
+                left: 0;
+                right: 0;
+                background: white;
+                flex-direction: column;
+                padding: var(--spacing-md);
+                box-shadow: var(--shadow-md);
+                z-index: 999;
+            }
+            
+            .nav-menu.active {
+                display: flex;
+            }
+            
+            .nav-menu li {
+                margin: 8px 0;
+            }
+            
+            .nav-link {
+                font-size: 16px;
+                padding: 12px 0;
+                display: block;
+            }
+            
+            .nav-cta {
+                display: none;
+            }
+            
+            .menu-toggle {
+                display: flex;
+            }
+            
+            /* Hero Section */
+            .hero {
+                padding-top: 100px;
+                padding-bottom: var(--spacing-lg);
+            }
+            
+            .hero h1 {
+                font-size: 28px;
+                line-height: 1.3;
+            }
+            
+            .hero p {
+                font-size: 14px;
+                margin-top: 12px;
+            }
+            
+            .hero-badge {
+                font-size: 12px;
+                padding: 6px 12px;
+            }
+            
+            .hero-stats {
+                flex-direction: column;
+                gap: var(--spacing-sm);
+                margin-top: var(--spacing-md);
+            }
+            
+            .stat-item {
+                flex-direction: row;
+                justify-content: space-between;
+                padding: 12px 16px;
+            }
+            
+            .stat-number {
+                font-size: 24px;
+            }
+            
+            .stat-label {
+                font-size: 13px;
+            }
+            
+            .hero-buttons {
+                flex-direction: column;
+                gap: 12px;
+            }
+            
+            .hero-buttons .btn {
+                width: 100%;
+            }
+            
+            /* Section Titles */
+            .section-title {
+                font-size: 26px;
+            }
+            
+            .section-subtitle {
+                font-size: 15px;
+            }
+            
+            /* Features */
+            .features-grid {
+                grid-template-columns: 1fr;
+                gap: var(--spacing-sm);
+            }
+            
+            .feature-card {
+                padding: var(--spacing-md);
+            }
+            
+            .feature-icon {
+                font-size: 36px;
+            }
+            
+            .feature-title {
+                font-size: 17px;
+            }
+            
+            .feature-desc {
+                font-size: 13px;
+            }
+            
+            /* Products */
+            .products-grid {
+                grid-template-columns: 1fr;
+                gap: var(--spacing-sm);
+            }
+            
+            .product-card {
+                padding: var(--spacing-md);
+            }
+            
+            .product-icon {
+                font-size: 40px;
+            }
+            
+            .product-name {
+                font-size: 17px;
+            }
+            
+            .product-price {
+                font-size: 20px;
+            }
+            
+            .product-features li {
+                font-size: 13px;
+            }
+            
+            /* Pricing */
+            .pricing-grid {
+                grid-template-columns: 1fr;
+                gap: var(--spacing-sm);
+            }
+            
+            .pricing-card {
+                padding: var(--spacing-md);
+            }
+            
+            .pricing-name {
+                font-size: 18px;
+            }
+            
+            .pricing-price {
+                font-size: 28px;
+            }
+            
+            .pricing-features {
+                font-size: 13px;
+            }
+            
+            .pricing-features li {
+                padding: 8px 0;
+            }
+            
+            /* Calculator */
+            .profit-calculator {
+                padding: var(--spacing-md);
+            }
+            
+            .calculator-grid {
+                grid-template-columns: 1fr;
+                gap: var(--spacing-sm);
+            }
+            
+            .level-tabs {
+                flex-direction: column;
+                gap: 8px;
+            }
+            
+            .tab-btn {
+                padding: 12px 16px;
+                font-size: 15px;
+            }
+            
+            .input-section,
+            .profit-section {
+                padding: 16px;
+            }
+            
+            .profit-card .value {
+                font-size: 20px;
+            }
+            
+            .product-detail table {
+                font-size: 12px;
+            }
+            
+            .product-detail th,
+            .product-detail td {
+                padding: 8px 4px;
+            }
+            
+            /* FAQ */
+            .faq-question {
+                font-size: 16px;
+            }
+            
+            .faq-answer {
+                font-size: 14px;
+            }
+            
+            /* CTA */
+            .cta {
+                padding: var(--spacing-lg) 0;
+            }
+            
+            .cta h2 {
+                font-size: 22px;
+            }
+            
+            .cta p {
+                font-size: 14px;
+            }
+            
+            .cta-buttons {
+                flex-direction: column;
+                gap: 12px;
+            }
+            
+            .cta-buttons .btn {
+                width: 100%;
+            }
+            
+            /* Footer */
+            .footer {
+                padding: var(--spacing-lg) 0;
+            }
+            
+            .footer-grid {
+                grid-template-columns: 1fr;
+                gap: var(--spacing-md);
+            }
+            
+            .footer-brand h3 {
+                font-size: 18px;
+            }
+            
+            .footer-title {
+                font-size: 15px;
+            }
+            
+            .footer-links li {
+                font-size: 13px;
+            }
+            
+            .footer-bottom {
+                flex-direction: column;
+                text-align: center;
+                font-size: 12px;
+            }
+            
+            /* Tech Section */
+            .tech-flow {
+                flex-direction: column;
+                gap: var(--spacing-sm);
+            }
+            
+            .tech-step {
+                padding: var(--spacing-sm);
+            }
+            
+            .tech-step-icon {
+                font-size: 32px;
+            }
+            
+            .tech-step-title {
+                font-size: 15px;
+            }
+            
+            .tech-step-desc {
+                font-size: 12px;
+            }
+            
+            .tech-arrow {
+                transform: rotate(90deg);
+                font-size: 20px;
+            }
+            
+            .api-tags {
+                flex-wrap: wrap;
+            }
+            
+            .api-tag {
+                font-size: 12px;
+                padding: 6px 12px;
+            }
+            
+            /* Buttons */
+            .btn {
+                padding: 12px 24px;
+                font-size: 15px;
+            }
+        }
+        
+        /* 超小屏幕优化 */
+        @media (max-width: 480px) {
+            .hero h1 {
+                font-size: 24px;
+            }
+            
+            .section-title {
+                font-size: 22px;
+            }
+            
+            .container {
+                padding: 0 12px;
+            }
+            
+            .navbar .container {
+                padding: 0 12px;
+            }
+        }
+    </style>
+</head>
+<body>
+    <!-- Navigation -->
+    <nav class="navbar" id="navbar">
+        <div class="container">
+            <a href="#" class="logo">
+                <img src="assets/logo.png" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            
+            <div class="menu-toggle" id="menuToggle">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+            
+            <ul class="nav-menu" id="navMenu">
+                <li><a href="#home" class="nav-link">首页</a></li>
+                <li><a href="#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="#technology" class="nav-link">AI 能力</a></li>
+                <li><a href="#partnership" class="nav-link">代理合作</a></li>
+                <li><a href="#about" class="nav-link">关于我们</a></li>
+            </ul>
+            
+            <div class="nav-cta">
+                <a href="#products" class="btn btn-outline nav-btn">立即查询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
+            </div>
+        </div>
+    </nav>
+
+    <!-- Hero Section -->
+    <section class="hero" id="home">
+        <div class="container">
+            <div class="hero-content">
+                <span class="hero-badge">🤖 AI 驱动的商业信任科技平台</span>
+                <h1>让信任无处不在<br>让合作没有距离</h1>
+                <p>200+ 数据接口 · 智能组合 · 秒级响应</p>
+                
+                <div class="hero-buttons">
+                    <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary">🚀 立即注册</a>
+                    <a href="#partnership" class="btn btn-outline">💼 代理合作</a>
+                </div>
+                
+                <div class="hero-stats">
+                    <div class="stat-item">
+                        <div class="stat-number" id="statReports">0</div>
+                        <div class="stat-label">已生成报告</div>
+                    </div>
+                    <div class="stat-item">
+                        <div class="stat-number" id="statUsers">0</div>
+                        <div class="stat-label">服务用户</div>
+                    </div>
+                    <div class="stat-item">
+                        <div class="stat-number" id="statApis">200+</div>
+                        <div class="stat-label">数据接口</div>
+                    </div>
+                    <div class="stat-item">
+                        <div class="stat-number" id="statEnterprises">0</div>
+                        <div class="stat-label">合作企业</div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+
+
+    <!-- Features Section -->
+    <section class="section features">
+        <div class="container">
+            <h2 class="section-title">核心优势</h2>
+            <p class="section-subtitle">为什么选择愉悦查</p>
+            
+            <div class="features-grid">
+                <div class="feature-card">
+                    <div class="feature-icon">📡</div>
+                    <h3 class="feature-title">海量数据</h3>
+                    <p class="feature-desc">200+ 官方数据接口<br>覆盖全维度信息</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">🤖</div>
+                    <h3 class="feature-title">AI 引擎</h3>
+                    <p class="feature-desc">智能组合接口<br>40+ 分析技能</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">⚡</div>
+                    <h3 class="feature-title">秒级响应</h3>
+                    <p class="feature-desc">实时生成报告<br>最快 3 秒出结果</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">🔒</div>
+                    <h3 class="feature-title">安全合规</h3>
+                    <p class="feature-desc">等保三级认证<br>数据加密传输</p>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Products Section -->
+    <section class="section products" id="products">
+        <div class="container">
+            <h2 class="section-title">产品服务</h2>
+            <p class="section-subtitle">6 大标准报告 + AI 智能定制</p>
+            
+            <div class="products-grid">
+                <!-- Product 1 -->
+                <div class="product-card">
+                    <div class="product-icon">📊</div>
+                    <h3 class="product-name">个人大数据报告</h3>
+                    <div class="product-price">¥49.8</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>全面个人背景分析</li>
+                        <li>秒级生成</li>
+                        <li>PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=riskassessment" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/riskassessment" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- Product 2 -->
+                <div class="product-card">
+                    <div class="product-icon">💕</div>
+                    <h3 class="product-name">婚恋风险报告</h3>
+                    <div class="product-price">¥39.9</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>婚恋风险评估</li>
+                        <li>隐私保护</li>
+                        <li>PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=marriage" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/marriage" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- Product 3 -->
+                <div class="product-card">
+                    <div class="product-icon">💼</div>
+                    <h3 class="product-name">入职背调报告</h3>
+                    <div class="product-price">¥69.9</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>员工背景筛查</li>
+                        <li>降低用工风险</li>
+                        <li>批量查询优惠</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=backgroundcheck" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/backgroundcheck" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- Product 4 -->
+                <div class="product-card">
+                    <div class="product-icon">🏢</div>
+                    <h3 class="product-name">小微企业报告</h3>
+                    <div class="product-price">¥69.9</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>企业风险筛查</li>
+                        <li>合作前必备</li>
+                        <li>PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=companyinfo" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/companyinfo" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- Product 5 -->
+                <div class="product-card">
+                    <div class="product-icon">🧹</div>
+                    <h3 class="product-name">家政风险报告</h3>
+                    <div class="product-price">¥39.9</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>家政人员背调</li>
+                        <li>雇佣更安全</li>
+                        <li>PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=homeservice" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/homeservice" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- Product 6 -->
+                <div class="product-card">
+                    <div class="product-icon">💳</div>
+                    <h3 class="product-name">消金报告</h3>
+                    <div class="product-price">¥39.9</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>消费金融风险评估</li>
+                        <li>快速决策支持</li>
+                        <li>PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=consumerFinanceReport" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/consumerFinanceReport" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- AI Custom Product -->
+                <div class="product-ai">
+                    <h3>✨ AI 定制报告</h3>
+                    <p>告诉我您的需求，AI 智能组合 200+ 接口，生成独一无二的专属报告</p>
+                    <p style="font-size:14px;opacity:0.8;">例："我想了解一个合作伙伴的信用和风险状况"</p>
+                    <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn">🎯 立即定制 - 从 ¥99 起</a>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Sample Reports Section -->
+    <section class="section sample-reports" id="sample-reports" style="background: var(--bg-gray);">
+        <div class="container">
+            <h2 class="section-title">示例报告</h2>
+            <p class="section-subtitle">查看真实报告样本，了解报告内容</p>
+            
+            <div class="sample-grid">
+                <!-- Sample 1 -->
+                <div class="sample-card">
+                    <div class="sample-icon">📊</div>
+                    <h3 class="sample-name">个人大数据报告</h3>
+                    <p class="sample-desc">全面个人背景分析，包含身份信息、社交网络、行为特征等多维度数据</p>
+                    <ul class="sample-features">
+                        <li>✓ 3-4 个数据接口组合</li>
+                        <li>✓ 秒级生成</li>
+                        <li>✓ PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=riskassessment" target="_blank" class="btn btn-outline" style="width:100%">👁️ 查看示例</a>
+                </div>
+                
+                <!-- Sample 2 -->
+                <div class="sample-card">
+                    <div class="sample-icon">💕</div>
+                    <h3 class="sample-name">婚恋风险报告</h3>
+                    <p class="sample-desc">婚恋风险评估，帮助了解对方的婚姻状况、信用记录等关键信息</p>
+                    <ul class="sample-features">
+                        <li>✓ 婚恋风险评估</li>
+                        <li>✓ 隐私保护</li>
+                        <li>✓ PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=marriage" target="_blank" class="btn btn-outline" style="width:100%">👁️ 查看示例</a>
+                </div>
+                
+                <!-- Sample 3 -->
+                <div class="sample-card">
+                    <div class="sample-icon">💼</div>
+                    <h3 class="sample-name">入职背调报告</h3>
+                    <p class="sample-desc">员工背景筛查，降低用工风险，包含学历、工作履历、信用记录等</p>
+                    <ul class="sample-features">
+                        <li>✓ 员工背景筛查</li>
+                        <li>✓ 降低用工风险</li>
+                        <li>✓ 批量查询优惠</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=backgroundcheck" target="_blank" class="btn btn-outline" style="width:100%">👁️ 查看示例</a>
+                </div>
+                
+                <!-- Sample 4 -->
+                <div class="sample-card">
+                    <div class="sample-icon">🏢</div>
+                    <h3 class="sample-name">小微企业报告</h3>
+                    <p class="sample-desc">企业风险筛查，合作前必备，包含工商信息、司法风险、经营状况等</p>
+                    <ul class="sample-features">
+                        <li>✓ 企业风险筛查</li>
+                        <li>✓ 合作前必备</li>
+                        <li>✓ PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=companyinfo" target="_blank" class="btn btn-outline" style="width:100%">👁️ 查看示例</a>
+                </div>
+                
+                <!-- Sample 5 -->
+                <div class="sample-card">
+                    <div class="sample-icon">🧹</div>
+                    <h3 class="sample-name">家政风险报告</h3>
+                    <p class="sample-desc">家政人员背调，雇佣更安全，包含身份信息、犯罪记录、信用状况等</p>
+                    <ul class="sample-features">
+                        <li>✓ 家政人员背调</li>
+                        <li>✓ 雇佣更安全</li>
+                        <li>✓ PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=homeservice" target="_blank" class="btn btn-outline" style="width:100%">👁️ 查看示例</a>
+                </div>
+                
+                <!-- Sample 6 -->
+                <div class="sample-card">
+                    <div class="sample-icon">💳</div>
+                    <h3 class="sample-name">消金报告</h3>
+                    <p class="sample-desc">消费金融风险评估，快速决策支持，包含信用记录、负债情况、还款能力等</p>
+                    <ul class="sample-features">
+                        <li>✓ 消费金融风险评估</li>
+                        <li>✓ 快速决策支持</li>
+                        <li>✓ PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=consumerFinanceReport" target="_blank" class="btn btn-outline" style="width:100%">👁️ 查看示例</a>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- Technology Section -->
+    <section class="section technology" id="technology">
+        <div class="container">
+            <h2 class="section-title">AI 技术能力</h2>
+            <p class="section-subtitle">200+ 数据接口智能组合引擎</p>
+            
+            <div class="tech-diagram">
+                <div class="tech-flow">
+                    <div class="tech-step">
+                        <div class="tech-step-icon">📝</div>
+                        <div class="tech-step-title">用户需求</div>
+                        <div class="tech-step-desc">自然语言描述</div>
+                    </div>
+                    <div class="tech-arrow">→</div>
+                    <div class="tech-step">
+                        <div class="tech-step-icon">🧠</div>
+                        <div class="tech-step-title">AI 分析</div>
+                        <div class="tech-step-desc">理解需求意图</div>
+                    </div>
+                    <div class="tech-arrow">→</div>
+                    <div class="tech-step">
+                        <div class="tech-step-icon">🔌</div>
+                        <div class="tech-step-title">接口选择</div>
+                        <div class="tech-step-desc">智能匹配接口</div>
+                    </div>
+                    <div class="tech-arrow">→</div>
+                    <div class="tech-step">
+                        <div class="tech-step-icon">📊</div>
+                        <div class="tech-step-title">报告生成</div>
+                        <div class="tech-step-desc">秒级输出结果</div>
+                    </div>
+                </div>
+                
+                <div class="tech-apis">
+                    <p>接口类型覆盖</p>
+                    <div class="api-tags">
+                        <span class="api-tag">公安数据</span>
+                        <span class="api-tag">法院数据</span>
+                        <span class="api-tag">学历验证</span>
+                        <span class="api-tag">工作履历</span>
+                        <span class="api-tag">金融信用</span>
+                        <span class="api-tag">社交网络</span>
+                        <span class="api-tag">商业信息</span>
+                        <span class="api-tag">更多...</span>
+                    </div>
+                </div>
+            </div>
+            
+            <div style="text-align:center;margin-top:var(--spacing-lg);">
+                <a href="/apidemo/" class="btn btn-outline" style="border-color:rgba(255,255,255,0.3);color:white;">📚 查看 API 文档</a>
+                <a href="https://yuyuecha.com/platform" class="btn btn-outline" style="border-color:rgba(255,255,255,0.3);color:white;margin-left:var(--spacing-sm);">🔧 开放平台</a>
+            </div>
+        </div>
+    </section>
+
+    <!-- Partnership Section -->
+    <section class="section partnership" id="partnership">
+        <div class="container">
+            <h2 class="section-title">代理合作</h2>
+            <p class="section-subtitle">加入愉悦查，共享信任经济红利</p>
+            
+            <div class="pricing-grid">
+                <!-- Silver -->
+                <div class="pricing-card">
+                    <div class="pricing-icon">🥈</div>
+                    <h3 class="pricing-name">白银代理</h3>
+                    <div class="pricing-price">¥0<span>/终身</span></div>
+                    <ul class="pricing-features">
+                        <li>10% 返佣</li>
+                        <li>基础培训支持</li>
+                        <li>标准产品价格</li>
+                        <li>在线帮助中心</li>
+                    </ul>
+                    <a href="https://yuyuecha.com/agent/apply?type=silver" class="btn btn-outline" style="width:100%">立即申请</a>
+                </div>
+                
+                <!-- Gold -->
+                <div class="pricing-card featured">
+                    <div class="pricing-icon">🥇</div>
+                    <h3 class="pricing-name">黄金代理</h3>
+                    <div class="pricing-price">¥198<span>/年</span></div>
+                    <ul class="pricing-features">
+                        <li>30% 返佣</li>
+                        <li>优先技术支持</li>
+                        <li>专属代理价格</li>
+                        <li>营销素材支持</li>
+                        <li>定期培训</li>
+                    </ul>
+                    <a href="https://yuyuecha.com/agent/apply?type=gold" class="btn btn-primary" style="width:100%">立即申请</a>
+                </div>
+                
+                <!-- Diamond -->
+                <div class="pricing-card">
+                    <div class="pricing-icon">💎</div>
+                    <h3 class="pricing-name">钻石代理</h3>
+                    <div class="pricing-price">¥980<span>/年</span></div>
+                    <ul class="pricing-features">
+                        <li>50% 返佣</li>
+                        <li>1 对 1 专属辅导</li>
+                        <li>最低代理价格</li>
+                        <li>联合营销支持</li>
+                        <li>优先新功能体验</li>
+                        <li>区域保护政策</li>
+                    </ul>
+                    <a href="https://yuyuecha.com/agent/apply?type=diamond" class="btn btn-outline" style="width:100%">立即申请</a>
+                </div>
+            </div>
+            
+            <!-- Advanced Profit Calculator -->
+            <div class="profit-calculator">
+                <h3 class="calculator-title">💵 代理收益计算器</h3>
+                
+                <!-- Level Tabs -->
+                <div class="level-tabs">
+                    <button class="tab-btn active" onclick="switchLevel('silver')">
+                        🥈 白银代理
+                        <span class="price">¥0</span>
+                    </button>
+                    <button class="tab-btn" onclick="switchLevel('gold')">
+                        🥇 黄金代理
+                        <span class="price">¥198</span>
+                    </button>
+                    <button class="tab-btn" onclick="switchLevel('diamond')">
+                        💎 钻石代理
+                        <span class="price">¥980</span>
+                    </button>
+                </div>
+                
+                <div class="calculator-grid">
+                    <!-- Input Section -->
+                    <div class="input-section">
+                        <h4>📊 输入您的销售数据</h4>
+                        
+                        <div class="input-group">
+                            <label>每日销售份数</label>
+                            <input type="number" id="dailySales" value="30" min="0" max="1000" oninput="calculateProfit()">
+                        </div>
+                        
+                        <div class="input-group">
+                            <label>直推代理人数（月）</label>
+                            <input type="number" id="referralCount" value="5" min="0" max="100" oninput="calculateProfit()">
+                        </div>
+                        
+                        <div class="input-group" id="teamSilverGroup" style="display:none;">
+                            <label>下级白银代理人数</label>
+                            <input type="number" id="teamSilver" value="20" min="0" max="500" oninput="calculateProfit()">
+                        </div>
+                        
+                        <div class="input-group" id="teamGoldGroup" style="display:none;">
+                            <label>下级黄金代理人数</label>
+                            <input type="number" id="teamGold" value="5" min="0" max="100" oninput="calculateProfit()">
+                        </div>
+                    </div>
+                    
+                    <!-- Profit Section -->
+                    <div class="profit-section">
+                        <h4>💰 预期收益</h4>
+                        
+                        <div class="profit-card">
+                            <div class="label">单份平均利润</div>
+                            <div class="value" id="avgProfit">¥38.22</div>
+                        </div>
+                        
+                        <div class="profit-card highlight">
+                            <div class="label">日零售收益</div>
+                            <div class="value" id="dailyRetailProfit">¥1,147</div>
+                            <div class="sub" id="dailyRetailSub">30 份 × ¥38.22</div>
+                        </div>
+                        
+                        <div class="profit-card">
+                            <div class="label">月零售收益</div>
+                            <div class="value" id="monthlyRetailProfit">¥34,410</div>
+                        </div>
+                        
+                        <div class="profit-card" id="referralCard">
+                            <div class="label">月直推奖励</div>
+                            <div class="value" id="monthlyReferralProfit">¥0</div>
+                            <div class="sub" id="referralSub">5 人 × ¥0/人</div>
+                        </div>
+                        
+                        <div class="profit-card" id="teamCard" style="display:none;">
+                            <div class="label">月团队提成</div>
+                            <div class="value" id="monthlyTeamProfit">¥0</div>
+                        </div>
+                        
+                        <div class="profit-card total">
+                            <div class="label">月总收益</div>
+                            <div class="value" id="totalMonthlyProfit">¥34,410</div>
+                        </div>
+                        
+                        <div class="roi-card" id="roiCard" style="display:none;">
+                            <div class="label">回本周期</div>
+                            <div class="value" id="paybackDays">0 天</div>
+                            <div class="sub" id="paybackHours">或 0 小时（日销 30 份）</div>
+                        </div>
+                    </div>
+                </div>
+                
+                <!-- Product Detail Table -->
+                <div class="product-detail">
+                    <h4>📦 各产品利润明细（<span id="currentLevelName">白银代理</span>）</h4>
+                    <table>
+                        <thead>
+                            <tr>
+                                <th>产品</th>
+                                <th>零售价</th>
+                                <th>您的底价</th>
+                                <th>单份利润</th>
+                                <th>利润率</th>
+                            </tr>
+                        </thead>
+                        <tbody id="productTableBody">
+                            <!-- Populated by JavaScript -->
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+            
+            <div style="text-align:center;">
+                <a href="#" class="btn btn-primary">📝 立即申请代理</a>
+            </div>
+        </div>
+    </section>
+
+    <!-- FAQ Section -->
+    <section class="section faq" id="faq">
+        <div class="container">
+            <h2 class="section-title">常见问题</h2>
+            <p class="section-subtitle">您可能想知道的问题</p>
+            
+            <div class="faq-list">
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>报告准确率如何保证？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        愉悦查所有数据均来自官方授权渠道，通过 200+ 数据接口交叉验证，确保信息准确可靠。AI 引擎会自动识别异常数据并进行人工复核，准确率达 99% 以上。
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>数据来源是否合法合规？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        是的，我们严格遵守《个人信息保护法》和相关法律法规，所有数据接口均获得合法授权，查询过程需要被查询人授权同意，确保数据来源和使用完全合规。
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>多久能拿到报告？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        标准报告通常 3-5 秒即可生成，复杂报告或 AI 定制报告可能需要 30 秒 -2 分钟。报告生成后会通过短信/邮件通知您，也可在个人中心随时查看下载。
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>如何成为代理？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        点击页面上方的"立即申请"按钮，填写代理申请表，我们的招商团队会在 1-2 个工作日内联系您。白银代理零门槛免费加入，黄金/钻石代理需支付相应年费。
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>支持退款吗？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        报告一旦生成无法退款，因为数据查询成本已产生。但如果您对报告质量有异议，可在 7 天内联系客服申请复核或重新查询。
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- CTA Section -->
+    <section class="cta">
+        <div class="container">
+            <h2>准备好开始建立信任了吗？</h2>
+            <p>立即体验 AI 驱动的商业信任科技</p>
+            <div class="cta-buttons">
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn">🚀 立即注册</a>
+                <a href="#partnership" class="btn btn-outline">💼 代理合作</a>
+            </div>
+        </div>
+    </section>
+
+    <!-- Footer -->
+    <footer class="footer" id="about">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <h3>愉悦查</h3>
+                    <p>让信任无处不在，让合作没有距离</p>
+                    <p style="margin-top:16px;font-size:13px;">愉悦查（北京正信环宇科技有限公司）</p>
+                    <p style="font-size:13px;">AI 驱动的商业信任科技平台</p>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">产品</h4>
+                    <ul class="footer-links">
+                        <li><a href="#">个人大数据报告</a></li>
+                        <li><a href="#">婚恋风险报告</a></li>
+                        <li><a href="#">入职背调报告</a></li>
+                        <li><a href="#">小微企业报告</a></li>
+                        <li><a href="#">家政风险报告</a></li>
+                        <li><a href="#">消金报告</a></li>
+                        <li><a href="#">AI 定制报告</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">公司</h4>
+                    <ul class="footer-links">
+                        <li><a href="#">关于我们</a></li>
+                        <li><a href="#">加入我们</a></li>
+                        <li><a href="#">联系我们</a></li>
+                        <li><a href="#">新闻动态</a></li>
+                        <li><a href="#">合作伙伴</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">支持</h4>
+                    <ul class="footer-links">
+                        <li><a href="#">帮助中心</a></li>
+                        <li><a href="#">API 文档</a></li>
+                        <li><a href="#">代理支持</a></li>
+                        <li><a href="#">隐私政策</a></li>
+                        <li><a href="#">服务条款</a></li>
+                        <li><a href="#">免责声明</a></li>
+                    </ul>
+                </div>
+            </div>
+            
+            <div class="footer-bottom">
+                <p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p class="footer-icp">京 ICP 备 2025158088 号 -2</p>
+                <p style="font-size:12px;color:#999;margin-top:8px;">地址：北京市朝阳区 | 邮箱：contact@yuyuecha.com</p>
+            </div>
+        </div>
+    </footer>
+
+    <!-- Back to Top Button -->
+    <button id="backToTop" style="position:fixed;bottom:30px;right:30px;width:50px;height:50px;border-radius:50%;background:var(--primary-gradient);border:none;cursor:pointer;box-shadow:var(--shadow-lg);display:none;align-items:center;justify-content:center;font-size:24px;z-index:999;transition:var(--transition);">↑</button>
+
+    <script>
+        // ===== Back to Top Button =====
+        const backToTopBtn = document.getElementById('backToTop');
+        
+        window.addEventListener('scroll', () => {
+            if (window.scrollY > 500) {
+                backToTopBtn.style.display = 'flex';
+            } else {
+                backToTopBtn.style.display = 'none';
+            }
+        });
+        
+        backToTopBtn.addEventListener('click', () => {
+            window.scrollTo({ top: 0, behavior: 'smooth' });
+        });
+        
+        backToTopBtn.addEventListener('mouseenter', () => {
+            backToTopBtn.style.transform = 'scale(1.1)';
+        });
+        
+        backToTopBtn.addEventListener('mouseleave', () => {
+            backToTopBtn.style.transform = 'scale(1)';
+        });
+
+        // ===== Navbar Scroll Effect =====
+        window.addEventListener('scroll', () => {
+            const navbar = document.getElementById('navbar');
+            if (window.scrollY > 50) {
+                navbar.classList.add('scrolled');
+            } else {
+                navbar.classList.remove('scrolled');
+            }
+        });
+
+        // ===== Mobile Menu Toggle =====
+        document.getElementById('menuToggle').addEventListener('click', () => {
+            document.getElementById('navMenu').classList.toggle('active');
+        });
+
+        // ===== Smooth Scroll =====
+        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' });
+                    // Close mobile menu
+                    document.getElementById('navMenu').classList.remove('active');
+                }
+            });
+        });
+
+        // ===== Animated Counter =====
+        function animateCounter(elementId, target, suffix = '') {
+            const element = document.getElementById(elementId);
+            if (!element) return;
+            
+            let current = 0;
+            const increment = target / 50;
+            const timer = setInterval(() => {
+                current += increment;
+                if (current >= target) {
+                    element.textContent = target.toLocaleString() + suffix;
+                    clearInterval(timer);
+                } else {
+                    element.textContent = Math.floor(current).toLocaleString() + suffix;
+                }
+            }, 30);
+        }
+
+        // ===== Intersection Observer for Animations =====
+        const observerOptions = {
+            threshold: 0.2,
+            rootMargin: '0px'
+        };
+
+        const observer = new IntersectionObserver((entries) => {
+            entries.forEach(entry => {
+                if (entry.isIntersecting) {
+                    // Animate stats when visible
+                    if (entry.target.id === 'statReports') {
+                        animateCounter('statReports', 100000, '+');
+                        animateCounter('statUsers', 50000, '+');
+                        animateCounter('statEnterprises', 5000, '+');
+                    }
+                    observer.unobserve(entry.target);
+                }
+            });
+        }, observerOptions);
+
+        document.getElementById('statReports') && observer.observe(document.getElementById('statReports'));
+
+        // ===== FAQ Toggle =====
+        document.querySelectorAll('.faq-question').forEach(question => {
+            question.addEventListener('click', () => {
+                const item = question.parentElement;
+                const icon = question.querySelector('.faq-icon');
+                
+                // Close other items
+                document.querySelectorAll('.faq-item').forEach(other => {
+                    if (other !== item) {
+                        other.classList.remove('active');
+                        other.querySelector('.faq-icon').textContent = '+';
+                    }
+                });
+                
+                // Toggle current item
+                item.classList.toggle('active');
+                icon.textContent = item.classList.contains('active') ? '×' : '+';
+            });
+        });
+
+        // ===== Advanced Profit Calculator =====
+        const levelData = {
+            silver: { name: '白银代理', fee: 0, markup: 6, referralBonus: 0, teamSilver: 2, teamGold: 0 },
+            gold: { name: '黄金代理', fee: 198, markup: 3, referralBonus: 60, teamSilver: 3, teamGold: 0 },
+            diamond: { name: '钻石代理', fee: 980, markup: 2, referralBonus: 300, teamSilver: 6, teamGold: 3 }
+        };
+        
+        const products = [
+            { name: '消金报告', retail: 39.9, baseCost: 6.0 },
+            { name: '家政风险报告', retail: 39.9, baseCost: 6.0 },
+            { name: '个人大数据报告', retail: 49.8, baseCost: 5.0 },
+            { name: '入职背调报告', retail: 69.9, baseCost: 9.0 },
+            { name: '小微企业报告', retail: 69.9, baseCost: 9.0 },
+            { name: '婚恋风险报告', retail: 39.9, baseCost: 9.0 }
+        ];
+        
+        let currentLevel = 'silver';
+        
+        function switchLevel(level) {
+            currentLevel = level;
+            
+            // Update tabs
+            document.querySelectorAll('.tab-btn').forEach(btn => btn.classList.remove('active'));
+            event.target.closest('.tab-btn').classList.add('active');
+            
+            // Show/hide team inputs for diamond
+            const isDiamond = level === 'diamond';
+            const isGoldOrDiamond = level === 'gold' || level === 'diamond';
+            document.getElementById('teamSilverGroup').style.display = isGoldOrDiamond ? 'block' : 'none';
+            document.getElementById('teamGoldGroup').style.display = isDiamond ? 'block' : 'none';
+            document.getElementById('teamCard').style.display = isGoldOrDiamond ? 'block' : 'none';
+            document.getElementById('roiCard').style.display = isGoldOrDiamond ? 'block' : 'none';
+            
+            calculateProfit();
+        }
+        
+        function getProductCost(product) {
+            return product.baseCost + levelData[currentLevel].markup;
+        }
+        
+        function getProductProfit(product) {
+            return product.retail - getProductCost(product);
+        }
+        
+        function getProductMargin(product) {
+            const profit = getProductProfit(product);
+            return ((profit / product.retail) * 100).toFixed(0);
+        }
+        
+        function calculateProfit() {
+            const dailySales = parseFloat(document.getElementById('dailySales').value) || 0;
+            const referralCount = parseFloat(document.getElementById('referralCount').value) || 0;
+            const teamSilver = parseFloat(document.getElementById('teamSilver').value) || 0;
+            const teamGold = parseFloat(document.getElementById('teamGold').value) || 0;
+            
+            const level = levelData[currentLevel];
+            
+            // Calculate average profit
+            const totalProfit = products.reduce((sum, p) => sum + getProductProfit(p), 0);
+            const avgProfit = totalProfit / products.length;
+            
+            // Retail profit
+            const dailyRetailProfit = avgProfit * dailySales;
+            const monthlyRetailProfit = dailyRetailProfit * 30;
+            
+            // Referral bonus
+            const monthlyReferralProfit = level.referralBonus * referralCount;
+            
+            // Team commission
+            let monthlyTeamProfit = 0;
+            if (currentLevel === 'gold') {
+                monthlyTeamProfit = level.teamSilver * teamSilver * 30;
+            } else if (currentLevel === 'diamond') {
+                monthlyTeamProfit = (level.teamSilver * teamSilver + level.teamGold * teamGold) * 30;
+            }
+            
+            // Total
+            const totalMonthlyProfit = monthlyRetailProfit + monthlyReferralProfit + monthlyTeamProfit;
+            
+            // ROI
+            let paybackDays = 0;
+            let paybackHours = 0;
+            if (level.fee > 0) {
+                const dailyTotal = dailyRetailProfit + (monthlyReferralProfit + monthlyTeamProfit) / 30;
+                if (dailyTotal > 0) {
+                    paybackDays = Math.ceil(level.fee / dailyTotal);
+                    paybackHours = (level.fee / (totalMonthlyProfit / 30 / 24)).toFixed(1);
+                }
+            }
+            
+            // Update UI
+            document.getElementById('avgProfit').textContent = '¥' + avgProfit.toFixed(2);
+            document.getElementById('dailyRetailProfit').textContent = '¥' + dailyRetailProfit.toLocaleString('zh-CN', {minimumFractionDigits: 0, maximumFractionDigits: 0});
+            document.getElementById('dailyRetailSub').textContent = dailySales + '份 × ¥' + avgProfit.toFixed(2);
+            document.getElementById('monthlyRetailProfit').textContent = '¥' + monthlyRetailProfit.toLocaleString('zh-CN', {minimumFractionDigits: 0, maximumFractionDigits: 0});
+            document.getElementById('monthlyReferralProfit').textContent = '¥' + monthlyReferralProfit.toLocaleString('zh-CN', {minimumFractionDigits: 0, maximumFractionDigits: 0});
+            document.getElementById('referralSub').textContent = referralCount + '人 × ¥' + level.referralBonus + '/人';
+            document.getElementById('monthlyTeamProfit').textContent = '¥' + monthlyTeamProfit.toLocaleString('zh-CN', {minimumFractionDigits: 0, maximumFractionDigits: 0});
+            document.getElementById('totalMonthlyProfit').textContent = '¥' + totalMonthlyProfit.toLocaleString('zh-CN', {minimumFractionDigits: 0, maximumFractionDigits: 0});
+            document.getElementById('paybackDays').textContent = paybackDays + '天';
+            document.getElementById('paybackHours').textContent = '或 ' + paybackHours + '小时（日销' + dailySales + '份）';
+            
+            // Update product table
+            document.getElementById('currentLevelName').textContent = level.name;
+            const tbody = document.getElementById('productTableBody');
+            tbody.innerHTML = products.map(p => `
+                <tr>
+                    <td>${p.name}</td>
+                    <td>¥${p.retail}</td>
+                    <td>¥${getProductCost(p).toFixed(2)}</td>
+                    <td>¥${getProductProfit(p).toFixed(2)}</td>
+                    <td>${getProductMargin(p)}%</td>
+                </tr>
+            `).join('');
+        }
+        
+        // Initialize calculator
+        calculateProfit();
+
+        // ===== Scroll Animation Trigger =====
+        const animationObserver = new IntersectionObserver((entries) => {
+            entries.forEach(entry => {
+                if (entry.isIntersecting) {
+                    entry.target.style.opacity = '1';
+                    entry.target.style.animationPlayState = 'running';
+                }
+            });
+        }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' });
+
+        document.querySelectorAll('.product-card, .pricing-card, .section-title').forEach(el => {
+            animationObserver.observe(el);
+        });
+
+        // ===== Initialize =====
+        console.log('愉悦查官网已加载 🚀');
+    </script>
+</body>
+</html>
diff --git a/index.html.bak.20260309 b/index.html.bak.20260309
new file mode 100755
index 0000000..1d35ea4
--- /dev/null
+++ b/index.html.bak.20260309
@@ -0,0 +1,2434 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>愉悦查 - 让信任无处不在，让合作没有距离 | AI 驱动的商业信任科技平台</title>
+    <meta name="description" content="愉悦查是 AI 驱动的商业信任科技平台，提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告，支持 AI 智能定制报告。200+ 数据接口，秒级响应，让信任无处不在。">
+    <meta name="keywords" 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=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    
+    <style>
+        /* ===== CSS Variables - 品牌色定义 ===== */
+        :root {
+            /* 品牌主色 - 橙色系 (来自蓝湖设计稿) */
+            --primary-orange: #FF6A19;
+            --primary-orange-light: #FC6E18;
+            --primary-orange-dark: #E64E10;
+            --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
+            --primary-orange-soft: #FFDECC;
+            
+            /* 辅助色 */
+            --bg-light: #FFFFFF;
+            --bg-gray: #F5F7FA;
+            --bg-gray-light: #E4E7E0;
+            
+            /* 文字色 */
+            --text-primary: #1A1A1A;
+            --text-secondary: #666666;
+            --text-light: #999999;
+            
+            /* 功能色 */
+            --success: #07C160;
+            --warning: #FF9500;
+            --error: #FF3B30;
+            
+            /* 间距 */
+            --spacing-xs: 8px;
+            --spacing-sm: 16px;
+            --spacing-md: 24px;
+            --spacing-lg: 48px;
+            --spacing-xl: 80px;
+            
+            /* 圆角 */
+            --radius-sm: 4px;
+            --radius-md: 8px;
+            --radius-lg: 16px;
+            --radius-xl: 24px;
+            
+            /* 阴影 */
+            --shadow-sm: 0 2px 8px rgba(0,0,0,0.08);
+            --shadow-md: 0 4px 16px rgba(0,0,0,0.12);
+            --shadow-lg: 0 8px 32px rgba(0,0,0,0.16);
+            
+            /* 过渡 */
+            --transition: all 0.3s ease;
+        }
+        
+        /* ===== Reset & Base ===== */
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+        
+        html {
+            scroll-behavior: smooth;
+        }
+        
+        body {
+            font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+            font-size: 16px;
+            line-height: 1.6;
+            color: var(--text-primary);
+            background-color: var(--bg-light);
+        }
+        
+        a {
+            text-decoration: none;
+            color: inherit;
+        }
+        
+        ul {
+            list-style: none;
+        }
+        
+        img {
+            max-width: 100%;
+            height: auto;
+        }
+        
+        .container {
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 0 var(--spacing-md);
+        }
+        
+        .btn {
+            display: inline-block;
+            padding: 14px 32px;
+            font-size: 16px;
+            font-weight: 500;
+            border-radius: var(--radius-md);
+            cursor: pointer;
+            transition: var(--transition);
+            border: none;
+            text-align: center;
+        }
+        
+        .btn-primary {
+            background: var(--primary-gradient);
+            color: white;
+            box-shadow: 0 4px 12px rgba(236, 77, 9, 0.3);
+        }
+        
+        .btn-primary:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 6px 20px rgba(236, 77, 9, 0.4);
+        }
+        
+        .btn-outline {
+            background: transparent;
+            border: 2px solid var(--primary-orange);
+            color: var(--primary-orange);
+        }
+        
+        .btn-outline:hover {
+            background: var(--primary-gradient);
+            color: white;
+            transform: translateY(-2px);
+            box-shadow: 0 4px 12px rgba(255, 106, 25, 0.3);
+        }
+        
+        .btn-primary:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 6px 20px rgba(255, 106, 25, 0.4);
+        }
+        
+        .section {
+            padding: var(--spacing-xl) 0;
+        }
+        
+        .section-title {
+            text-align: center;
+            font-size: 36px;
+            font-weight: 700;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .section-subtitle {
+            text-align: center;
+            font-size: 18px;
+            color: var(--text-secondary);
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        /* ===== Navigation ===== */
+        /* ===== Navigation ===== */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+            transition: var(--transition);
+        }
+        
+        .navbar.scrolled {
+            box-shadow: 0 4px 30px rgba(0,0,0,0.12);
+        }
+        
+        .navbar .container {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            height: 80px;
+            max-width: 1400px;
+            margin: 0 auto;
+            padding: 0 32px;
+        }
+        
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            text-decoration: none;
+            background: transparent;
+            padding: 4px 0;
+        }
+        
+        .logo-img {
+            height: 60px;
+            width: auto;
+            object-fit: contain;
+            transition: var(--transition);
+            background: transparent;
+        }
+        
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            text-decoration: none;
+            padding: 6px 0;
+        }
+        
+        .logo-img {
+            height: 60px;
+            width: auto;
+            object-fit: contain;
+            transition: var(--transition);
+            background: transparent;
+        }
+        
+        .logo:hover .logo-img {
+            transform: scale(1.05);
+        }
+        
+        .nav-menu {
+            display: flex;
+            gap: var(--spacing-lg);
+            align-items: center;
+        }
+        
+        .nav-link {
+            font-size: 15px;
+            font-weight: 500;
+            color: var(--text-primary);
+            transition: var(--transition);
+            position: relative;
+        }
+        
+        .nav-link:hover {
+            color: var(--primary-orange);
+        }
+        
+        .nav-link::after {
+            content: '';
+            position: absolute;
+            bottom: -4px;
+            left: 0;
+            width: 0;
+            height: 2px;
+            background: var(--primary-orange);
+            transition: var(--transition);
+        }
+        
+        .nav-link:hover::after {
+            width: 100%;
+        }
+        
+        .nav-cta {
+            display: flex;
+            gap: var(--spacing-sm);
+        }
+        
+        .nav-btn {
+            padding: 10px 20px;
+            font-size: 14px;
+        }
+        
+        /* Mobile Menu */
+        .menu-toggle {
+            display: none;
+            flex-direction: column;
+            gap: 5px;
+            cursor: pointer;
+            padding: 5px;
+        }
+        
+        .menu-toggle span {
+            width: 25px;
+            height: 3px;
+            background: var(--primary-orange);
+            border-radius: 2px;
+            transition: var(--transition);
+        }
+        
+        /* ===== Hero Section ===== */
+        .hero {
+            padding-top: 160px;
+            padding-bottom: 100px;
+            background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 50%, #F5F7FA 100%);
+            position: relative;
+            overflow: hidden;
+        }
+        
+        .hero::before {
+            content: '';
+            position: absolute;
+            top: -50%;
+            right: -20%;
+            width: 80%;
+            height: 200%;
+            background: radial-gradient(circle, rgba(236, 77, 9, 0.05) 0%, transparent 70%);
+            animation: float 20s ease-in-out infinite;
+        }
+        
+        @keyframes float {
+            0%, 100% { transform: translateY(0) rotate(0deg); }
+            50% { transform: translateY(-20px) rotate(5deg); }
+        }
+        
+        .hero-content {
+            text-align: center;
+            max-width: 900px;
+            margin: 0 auto;
+            position: relative;
+            z-index: 1;
+        }
+        
+        .hero-badge {
+            display: inline-block;
+            padding: 8px 16px;
+            background: linear-gradient(135deg, rgba(255, 106, 25, 0.1), rgba(252, 110, 24, 0.15));
+            color: var(--primary-orange);
+            font-size: 14px;
+            font-weight: 600;
+            border-radius: 20px;
+            margin-bottom: var(--spacing-md);
+            border: 1px solid rgba(255, 106, 25, 0.2);
+            animation: pulse 2s ease-in-out infinite;
+        }
+        
+        @keyframes pulse {
+            0%, 100% { transform: scale(1); }
+            50% { transform: scale(1.02); }
+        }
+        
+        .hero h1 {
+            font-size: 56px;
+            font-weight: 900;
+            line-height: 1.2;
+            margin-bottom: var(--spacing-sm);
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 50%, #FF8A5C 100%);
+            background-size: 200% auto;
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+            animation: gradientShift 3s ease infinite;
+        }
+        
+        @keyframes gradientShift {
+            0%, 100% { background-position: 0% center; }
+            50% { background-position: 100% center; }
+        }
+        
+        .hero p {
+            font-size: 20px;
+            color: var(--text-secondary);
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        .hero-stats {
+            display: flex;
+            justify-content: center;
+            gap: var(--spacing-lg);
+            margin-top: var(--spacing-lg);
+            flex-wrap: wrap;
+        }
+        
+        .stat-item {
+            text-align: center;
+        }
+        
+        .stat-number {
+            font-size: 36px;
+            font-weight: 700;
+            background: var(--primary-gradient);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+        
+        .stat-label {
+            font-size: 14px;
+            color: var(--text-light);
+            margin-top: 4px;
+        }
+        
+        .hero-buttons {
+            display: flex;
+            justify-content: center;
+            gap: var(--spacing-sm);
+            margin-top: var(--spacing-lg);
+            flex-wrap: wrap;
+        }
+        
+        /* ===== Trust Bar ===== */
+        .trust-bar {
+            padding: var(--spacing-lg) 0;
+            background: var(--bg-gray);
+            border-top: 1px solid #eee;
+            border-bottom: 1px solid #eee;
+        }
+        
+        .trust-bar p {
+            text-align: center;
+            font-size: 14px;
+            color: var(--text-light);
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .trust-logos {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            gap: var(--spacing-lg);
+            flex-wrap: wrap;
+            opacity: 0.6;
+        }
+        
+        .trust-logo {
+            height: 40px;
+            filter: grayscale(100%);
+            transition: var(--transition);
+        }
+        
+        .trust-logo:hover {
+            filter: grayscale(0%);
+        }
+        
+        /* ===== Features Section ===== */
+        .features {
+            background: var(--bg-light);
+        }
+        
+        .features-grid {
+            display: grid;
+            grid-template-columns: repeat(4, 1fr);
+            gap: var(--spacing-md);
+        }
+        
+        .feature-card {
+            text-align: center;
+            padding: var(--spacing-lg) var(--spacing-md);
+            border-radius: var(--radius-lg);
+            transition: var(--transition);
+        }
+        
+        .feature-card:hover {
+            background: var(--bg-gray);
+            transform: translateY(-4px);
+        }
+        
+        .feature-icon {
+            width: 64px;
+            height: 64px;
+            margin: 0 auto var(--spacing-sm);
+            background: var(--primary-gradient);
+            border-radius: var(--radius-md);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 28px;
+        }
+        
+        .feature-title {
+            font-size: 18px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .feature-desc {
+            font-size: 14px;
+            color: var(--text-secondary);
+        }
+        
+        /* ===== Products Section ===== */
+        .products {
+            background: var(--bg-gray);
+        }
+        
+        .products-grid {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: var(--spacing-md);
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        .product-card {
+            background: white;
+            border-radius: var(--radius-lg);
+            padding: var(--spacing-lg);
+            box-shadow: var(--shadow-sm);
+            transition: var(--transition);
+            position: relative;
+            overflow: hidden;
+        }
+        
+        .product-card::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            height: 4px;
+            background: var(--primary-gradient);
+        }
+        
+        .product-card:hover {
+            transform: translateY(-12px);
+            box-shadow: var(--shadow-lg);
+        }
+        
+        .product-card:hover .product-icon {
+            transform: scale(1.1) rotate(5deg);
+        }
+        
+        .product-icon {
+            width: 80px;
+            height: 80px;
+            border-radius: 50%;
+            background: var(--primary-gradient);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 36px;
+            margin-bottom: var(--spacing-sm);
+            box-shadow: 0 4px 16px rgba(255, 106, 25, 0.3);
+            transition: var(--transition);
+        }
+        
+        .product-name {
+            font-size: 20px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .product-price {
+            font-size: 28px;
+            font-weight: 700;
+            color: var(--primary-orange);
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .product-price span {
+            font-size: 14px;
+            font-weight: 400;
+            color: var(--text-light);
+        }
+        
+        .product-features {
+            margin: var(--spacing-sm) 0;
+            padding: var(--spacing-sm) 0;
+            border-top: 1px solid #eee;
+            border-bottom: 1px solid #eee;
+        }
+        
+        .product-features li {
+            font-size: 14px;
+            color: var(--text-secondary);
+            padding: 4px 0;
+            display: flex;
+            align-items: center;
+            gap: 8px;
+        }
+        
+        .product-features li::before {
+            content: '✓';
+            color: var(--success);
+            font-weight: 700;
+        }
+        
+        /* AI Custom Product */
+        .product-ai {
+            grid-column: 1 / -1;
+            background: var(--primary-gradient);
+            color: white;
+            padding: var(--spacing-xl);
+            border-radius: var(--radius-xl);
+            text-align: center;
+            position: relative;
+            overflow: hidden;
+        }
+        
+        .product-ai::before {
+            content: '';
+            position: absolute;
+            top: -50%;
+            right: -10%;
+            width: 50%;
+            height: 200%;
+            background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
+            animation: float 15s ease-in-out infinite reverse;
+        }
+        
+        .product-ai h3 {
+            font-size: 32px;
+            margin-bottom: var(--spacing-sm);
+            position: relative;
+        }
+        
+        .product-ai p {
+            font-size: 18px;
+            opacity: 0.95;
+            margin-bottom: var(--spacing-md);
+            position: relative;
+        }
+        
+        .product-ai .btn {
+            background: white;
+            color: var(--primary-orange);
+            position: relative;
+        }
+        
+        /* ===== Technology Section ===== */
+        .technology {
+            background: linear-gradient(135deg, #1A1A2E 0%, #16213E 100%);
+            color: white;
+        }
+        
+        .technology .section-title,
+        .technology .section-subtitle {
+            color: white;
+        }
+        
+        .tech-diagram {
+            max-width: 1000px;
+            margin: var(--spacing-lg) auto;
+            background: rgba(255,255,255,0.05);
+            border-radius: var(--radius-xl);
+            padding: var(--spacing-xl);
+            backdrop-filter: blur(10px);
+        }
+        
+        .tech-flow {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            flex-wrap: wrap;
+            gap: var(--spacing-md);
+        }
+        
+        .tech-step {
+            flex: 1;
+            min-width: 150px;
+            text-align: center;
+            padding: var(--spacing-md);
+            background: rgba(236, 77, 9, 0.1);
+            border-radius: var(--radius-md);
+            border: 1px solid rgba(236, 77, 9, 0.3);
+        }
+        
+        .tech-step-icon {
+            font-size: 36px;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .tech-step-title {
+            font-size: 16px;
+            font-weight: 600;
+            margin-bottom: 4px;
+        }
+        
+        .tech-step-desc {
+            font-size: 13px;
+            opacity: 0.8;
+        }
+        
+        .tech-arrow {
+            font-size: 24px;
+            color: var(--primary-orange);
+        }
+        
+        .tech-apis {
+            text-align: center;
+            margin-top: var(--spacing-lg);
+            padding: var(--spacing-md);
+            background: rgba(255,255,255,0.05);
+            border-radius: var(--radius-md);
+        }
+        
+        .tech-apis p {
+            font-size: 14px;
+            opacity: 0.8;
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .api-tags {
+            display: flex;
+            justify-content: center;
+            gap: var(--spacing-xs);
+            flex-wrap: wrap;
+        }
+        
+        .api-tag {
+            padding: 6px 12px;
+            background: rgba(236, 77, 9, 0.2);
+            border-radius: 20px;
+            font-size: 13px;
+            border: 1px solid rgba(236, 77, 9, 0.3);
+        }
+        
+        /* ===== Partnership Section ===== */
+        .partnership {
+            background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%);
+        }
+        
+        .pricing-grid {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: var(--spacing-md);
+            max-width: 1000px;
+            margin: 0 auto var(--spacing-lg);
+        }
+        
+        .pricing-card {
+            background: white;
+            border-radius: var(--radius-lg);
+            padding: var(--spacing-lg);
+            text-align: center;
+            box-shadow: var(--shadow-sm);
+            transition: var(--transition);
+            border: 2px solid transparent;
+        }
+        
+        .pricing-card:hover {
+            transform: translateY(-8px);
+            box-shadow: var(--shadow-lg);
+        }
+        
+        .pricing-card.featured {
+            border-color: var(--primary-orange);
+            position: relative;
+            transform: scale(1.08);
+            box-shadow: var(--shadow-lg);
+            z-index: 1;
+        }
+        
+        .pricing-card.featured:hover {
+            transform: scale(1.08) translateY(-8px);
+        }
+        
+        .pricing-card.featured::before {
+            content: '🔥 热门推荐';
+            position: absolute;
+            top: -14px;
+            left: 50%;
+            transform: translateX(-50%);
+            background: var(--primary-gradient);
+            color: white;
+            padding: 6px 20px;
+            border-radius: 12px;
+            font-size: 13px;
+            font-weight: 600;
+            box-shadow: 0 4px 12px rgba(255, 106, 25, 0.4);
+        }
+        
+        .pricing-icon {
+            font-size: 48px;
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .pricing-name {
+            font-size: 20px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .pricing-price {
+            font-size: 36px;
+            font-weight: 700;
+            color: var(--primary-orange);
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .pricing-price span {
+            font-size: 14px;
+            font-weight: 400;
+            color: var(--text-light);
+        }
+        
+        .pricing-features {
+            margin: var(--spacing-md) 0;
+            text-align: left;
+        }
+        
+        .pricing-features li {
+            font-size: 14px;
+            color: var(--text-secondary);
+            padding: 8px 0;
+            display: flex;
+            align-items: center;
+            gap: 8px;
+        }
+        
+        .pricing-features li::before {
+            content: '✓';
+            color: var(--success);
+            font-weight: 700;
+        }
+        
+        /* Calculator - Advanced Profit Calculator */
+        .profit-calculator {
+            max-width: 1000px;
+            margin: var(--spacing-lg) auto;
+            background: white;
+            padding: var(--spacing-lg);
+            border-radius: var(--radius-lg);
+            box-shadow: var(--shadow-md);
+        }
+        
+        .calculator-title {
+            text-align: center;
+            font-size: 24px;
+            font-weight: 700;
+            margin-bottom: var(--spacing-md);
+            color: var(--text-primary);
+        }
+        
+        .level-tabs {
+            display: flex;
+            gap: 12px;
+            margin-bottom: 24px;
+        }
+        
+        .tab-btn {
+            flex: 1;
+            padding: 16px 20px;
+            border: 2px solid #e0e0e0;
+            border-radius: var(--radius-md);
+            background: #fff;
+            cursor: pointer;
+            font-size: 16px;
+            font-weight: 600;
+            transition: var(--transition);
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+        
+        .tab-btn:hover {
+            border-color: var(--primary-orange);
+        }
+        
+        .tab-btn.active {
+            border-color: var(--primary-orange);
+            background: var(--primary-gradient);
+            color: #fff;
+        }
+        
+        .tab-btn .price {
+            font-size: 13px;
+            font-weight: 400;
+            opacity: 0.9;
+        }
+        
+        .calculator-grid {
+            display: grid;
+            grid-template-columns: 1fr 1fr;
+            gap: 24px;
+        }
+        
+        .input-section, .profit-section {
+            background: var(--bg-gray);
+            padding: 20px;
+            border-radius: var(--radius-md);
+        }
+        
+        .input-section h4, .profit-section h4 {
+            font-size: 16px;
+            margin-bottom: 16px;
+            color: var(--text-primary);
+        }
+        
+        .input-group {
+            margin-bottom: 16px;
+        }
+        
+        .input-group label {
+            display: block;
+            margin-bottom: 6px;
+            font-size: 13px;
+            color: var(--text-secondary);
+        }
+        
+        .input-group input {
+            width: 100%;
+            padding: 10px 12px;
+            border: 1px solid #ddd;
+            border-radius: 6px;
+            font-size: 15px;
+            transition: var(--transition);
+        }
+        
+        .input-group input:focus {
+            outline: none;
+            border-color: var(--primary-orange);
+        }
+        
+        .profit-card {
+            background: #fff;
+            padding: 14px;
+            border-radius: 8px;
+            margin-bottom: 10px;
+        }
+        
+        .profit-card .label {
+            font-size: 13px;
+            color: var(--text-secondary);
+            margin-bottom: 4px;
+        }
+        
+        .profit-card .value {
+            font-size: 24px;
+            font-weight: 700;
+            color: var(--primary-orange);
+        }
+        
+        .profit-card .sub {
+            font-size: 11px;
+            color: #999;
+            margin-top: 4px;
+        }
+        
+        .profit-card.highlight {
+            background: #FFF3E0;
+            border: 2px solid var(--primary-orange);
+        }
+        
+        .profit-card.total {
+            background: var(--primary-gradient);
+            color: #fff;
+        }
+        
+        .profit-card.total .label,
+        .profit-card.total .value,
+        .profit-card.total .sub {
+            color: #fff;
+        }
+        
+        .roi-card {
+            background: #FFF3CD;
+            border: 2px solid #FFC107;
+            padding: 14px;
+            border-radius: 8px;
+            margin-top: 12px;
+        }
+        
+        .roi-card .label {
+            font-size: 13px;
+            color: #856404;
+        }
+        
+        .roi-card .value {
+            font-size: 20px;
+            font-weight: 700;
+            color: #856404;
+        }
+        
+        .roi-card .sub {
+            font-size: 11px;
+            color: #856404;
+            opacity: 0.8;
+            margin-top: 4px;
+        }
+        
+        .product-detail {
+            grid-column: 1 / -1;
+            background: #fff;
+            padding: 20px;
+            border-radius: var(--radius-md);
+            border: 1px solid #e0e0e0;
+            margin-top: 12px;
+        }
+        
+        .product-detail h4 {
+            font-size: 16px;
+            margin-bottom: 12px;
+            color: var(--text-primary);
+        }
+        
+        .product-detail table {
+            width: 100%;
+            border-collapse: collapse;
+            font-size: 13px;
+        }
+        
+        .product-detail th,
+        .product-detail td {
+            padding: 10px;
+            text-align: left;
+            border-bottom: 1px solid #e0e0e0;
+        }
+        
+        .product-detail th {
+            background: var(--bg-gray);
+            font-weight: 600;
+            color: var(--text-primary);
+        }
+        
+        .product-detail tr:hover {
+            background: var(--bg-gray-light);
+        }
+        
+        @media (max-width: 768px) {
+            .calculator-grid {
+                grid-template-columns: 1fr;
+            }
+            
+            .level-tabs {
+                flex-direction: column;
+            }
+        }
+        
+        /* ===== FAQ Section ===== */
+        .faq {
+            background: var(--bg-light);
+        }
+        
+        .faq-list {
+            max-width: 800px;
+            margin: 0 auto;
+        }
+        
+        .faq-item {
+            border-bottom: 1px solid #eee;
+            padding: var(--spacing-md) 0;
+            transition: var(--transition);
+        }
+        
+        .faq-item:hover {
+            background: rgba(255, 106, 25, 0.02);
+            padding-left: var(--spacing-sm);
+            padding-right: var(--spacing-sm);
+            margin-left: calc(-1 * var(--spacing-sm));
+            margin-right: calc(-1 * var(--spacing-sm));
+            border-radius: var(--radius-md);
+        }
+        }
+        
+        .faq-question {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            cursor: pointer;
+            padding: var(--spacing-sm) 0;
+            font-size: 18px;
+            font-weight: 500;
+            transition: var(--transition);
+        }
+        
+        .faq-question:hover {
+            color: var(--primary-orange);
+        }
+        
+        .faq-icon {
+            font-size: 24px;
+            color: var(--primary-orange);
+            transition: var(--transition);
+            width: 32px;
+            height: 32px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            border-radius: 50%;
+            background: rgba(255, 106, 25, 0.1);
+        }
+        
+        .faq-item.active .faq-icon {
+            background: var(--primary-gradient);
+            color: white;
+        }
+        
+        .faq-answer {
+            max-height: 0;
+            overflow: hidden;
+            transition: max-height 0.3s ease;
+            color: var(--text-secondary);
+            line-height: 1.8;
+        }
+        
+        .faq-item.active .faq-icon {
+            transform: rotate(45deg);
+        }
+        
+        .faq-item.active .faq-answer {
+            max-height: 500px;
+            margin-top: var(--spacing-sm);
+        }
+        
+        /* ===== CTA Section ===== */
+        .cta {
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 50%, #FF8A5C 100%);
+            background-size: 200% 200%;
+            animation: gradientShift 5s ease infinite;
+            color: white;
+            text-align: center;
+            padding: var(--spacing-xl) 0;
+            position: relative;
+            overflow: hidden;
+        }
+        
+        .cta::before {
+            content: '';
+            position: absolute;
+            top: -50%;
+            left: -50%;
+            width: 200%;
+            height: 200%;
+            background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
+            animation: rotate 20s linear infinite;
+        }
+        
+        @keyframes rotate {
+            from { transform: rotate(0deg); }
+            to { transform: rotate(360deg); }
+        }
+        
+        .cta h2 {
+            font-size: 36px;
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .cta p {
+            font-size: 18px;
+            opacity: 0.95;
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        .cta-buttons {
+            display: flex;
+            justify-content: center;
+            gap: var(--spacing-sm);
+            flex-wrap: wrap;
+            position: relative;
+            z-index: 1;
+        }
+        
+        .cta .btn {
+            background: white;
+            color: var(--primary-orange);
+        }
+        
+        .cta .btn:hover {
+            transform: translateY(-3px);
+            box-shadow: 0 8px 24px rgba(0,0,0,0.2);
+        }
+        
+        .cta .btn-outline {
+            background: transparent;
+            border-color: rgba(255,255,255,0.5);
+            color: white;
+        }
+        
+        .cta .btn-outline:hover {
+            background: white;
+            color: var(--primary-orange);
+        }
+        
+        .cta .btn-outline:hover {
+            background: white;
+            color: var(--primary-orange);
+        }
+        
+        /* ===== Footer ===== */
+        .footer {
+            background: #1A1A1A;
+            color: white;
+            padding: var(--spacing-xl) 0 var(--spacing-lg);
+        }
+        
+        .footer-grid {
+            display: grid;
+            grid-template-columns: 2fr repeat(3, 1fr);
+            gap: var(--spacing-lg);
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        .footer-brand h3 {
+            font-size: 24px;
+            margin-bottom: var(--spacing-sm);
+            color: var(--primary-orange);
+        }
+        
+        .footer-brand p {
+            font-size: 14px;
+            opacity: 0.8;
+            line-height: 1.8;
+        }
+        
+        .footer-title {
+            font-size: 16px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .footer-links li {
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .footer-links a {
+            font-size: 14px;
+            opacity: 0.8;
+            transition: var(--transition);
+        }
+        
+        .footer-links a:hover {
+            opacity: 1;
+            color: var(--primary-orange);
+        }
+        
+        .footer-bottom {
+            padding-top: var(--spacing-lg);
+            border-top: 1px solid rgba(255,255,255,0.1);
+            text-align: center;
+            font-size: 14px;
+            opacity: 0.6;
+        }
+        
+        .footer-icp {
+            margin-top: var(--spacing-sm);
+        }
+        
+        /* ===== Animations ===== */
+        @keyframes fadeInUp {
+            from {
+                opacity: 0;
+                transform: translateY(30px);
+            }
+            to {
+                opacity: 1;
+                transform: translateY(0);
+            }
+        }
+        
+        .fade-in-up {
+            animation: fadeInUp 0.6s ease forwards;
+        }
+        
+        .section-title {
+            opacity: 0;
+            animation: fadeInUp 0.6s ease forwards;
+        }
+        
+        .product-card {
+            opacity: 0;
+            animation: fadeInUp 0.6s ease forwards;
+            animation-play-state: paused;
+        }
+        
+        .product-card:nth-child(1) { animation-delay: 0.1s; }
+        .product-card:nth-child(2) { animation-delay: 0.15s; }
+        .product-card:nth-child(3) { animation-delay: 0.2s; }
+        .product-card:nth-child(4) { animation-delay: 0.25s; }
+        .product-card:nth-child(5) { animation-delay: 0.3s; }
+        .product-card:nth-child(6) { animation-delay: 0.35s; }
+        
+        .pricing-card {
+            opacity: 0;
+            animation: fadeInUp 0.6s ease forwards;
+            animation-play-state: paused;
+        }
+        
+        .pricing-card:nth-child(1) { animation-delay: 0.1s; }
+        .pricing-card:nth-child(2) { animation-delay: 0.2s; }
+        .pricing-card:nth-child(3) { animation-delay: 0.3s; }
+        
+        /* ===== Responsive ===== */
+        @media (max-width: 1024px) {
+            .features-grid {
+                grid-template-columns: repeat(2, 1fr);
+            }
+            
+            .products-grid {
+                grid-template-columns: repeat(2, 1fr);
+            }
+            
+            .pricing-grid {
+                grid-template-columns: repeat(2, 1fr);
+            }
+            
+            .footer-grid {
+                grid-template-columns: repeat(2, 1fr);
+            }
+        }
+        
+        /* ===== Mobile Responsive - 手机竖屏版 ===== */
+        @media (max-width: 768px) {
+            /* 导航栏 */
+            .navbar .container {
+                height: 60px;
+                padding: 0 12px;
+            }
+            
+            .logo {
+                padding: 0;
+                margin-left: 0;
+            }
+            
+            .logo-img {
+                height: 40px;
+                margin-left: 0;
+            }
+            
+            .nav-menu {
+                display: none;
+                position: absolute;
+                top: 64px;
+                left: 0;
+                right: 0;
+                background: white;
+                flex-direction: column;
+                padding: var(--spacing-md);
+                box-shadow: var(--shadow-md);
+                z-index: 999;
+            }
+            
+            .nav-menu.active {
+                display: flex;
+            }
+            
+            .nav-menu li {
+                margin: 8px 0;
+            }
+            
+            .nav-link {
+                font-size: 16px;
+                padding: 12px 0;
+                display: block;
+            }
+            
+            .nav-cta {
+                display: none;
+            }
+            
+            .menu-toggle {
+                display: flex;
+            }
+            
+            /* Hero Section */
+            .hero {
+                padding-top: 100px;
+                padding-bottom: var(--spacing-lg);
+            }
+            
+            .hero h1 {
+                font-size: 28px;
+                line-height: 1.3;
+            }
+            
+            .hero p {
+                font-size: 14px;
+                margin-top: 12px;
+            }
+            
+            .hero-badge {
+                font-size: 12px;
+                padding: 6px 12px;
+            }
+            
+            .hero-stats {
+                flex-direction: column;
+                gap: var(--spacing-sm);
+                margin-top: var(--spacing-md);
+            }
+            
+            .stat-item {
+                flex-direction: row;
+                justify-content: space-between;
+                padding: 12px 16px;
+            }
+            
+            .stat-number {
+                font-size: 24px;
+            }
+            
+            .stat-label {
+                font-size: 13px;
+            }
+            
+            .hero-buttons {
+                flex-direction: column;
+                gap: 12px;
+            }
+            
+            .hero-buttons .btn {
+                width: 100%;
+            }
+            
+            /* Section Titles */
+            .section-title {
+                font-size: 26px;
+            }
+            
+            .section-subtitle {
+                font-size: 15px;
+            }
+            
+            /* Features */
+            .features-grid {
+                grid-template-columns: 1fr;
+                gap: var(--spacing-sm);
+            }
+            
+            .feature-card {
+                padding: var(--spacing-md);
+            }
+            
+            .feature-icon {
+                font-size: 36px;
+            }
+            
+            .feature-title {
+                font-size: 17px;
+            }
+            
+            .feature-desc {
+                font-size: 13px;
+            }
+            
+            /* Products */
+            .products-grid {
+                grid-template-columns: 1fr;
+                gap: var(--spacing-sm);
+            }
+            
+            .product-card {
+                padding: var(--spacing-md);
+            }
+            
+            .product-icon {
+                font-size: 40px;
+            }
+            
+            .product-name {
+                font-size: 17px;
+            }
+            
+            .product-price {
+                font-size: 20px;
+            }
+            
+            .product-features li {
+                font-size: 13px;
+            }
+            
+            /* Pricing */
+            .pricing-grid {
+                grid-template-columns: 1fr;
+                gap: var(--spacing-sm);
+            }
+            
+            .pricing-card {
+                padding: var(--spacing-md);
+            }
+            
+            .pricing-name {
+                font-size: 18px;
+            }
+            
+            .pricing-price {
+                font-size: 28px;
+            }
+            
+            .pricing-features {
+                font-size: 13px;
+            }
+            
+            .pricing-features li {
+                padding: 8px 0;
+            }
+            
+            /* Calculator */
+            .profit-calculator {
+                padding: var(--spacing-md);
+            }
+            
+            .calculator-grid {
+                grid-template-columns: 1fr;
+                gap: var(--spacing-sm);
+            }
+            
+            .level-tabs {
+                flex-direction: column;
+                gap: 8px;
+            }
+            
+            .tab-btn {
+                padding: 12px 16px;
+                font-size: 15px;
+            }
+            
+            .input-section,
+            .profit-section {
+                padding: 16px;
+            }
+            
+            .profit-card .value {
+                font-size: 20px;
+            }
+            
+            .product-detail table {
+                font-size: 12px;
+            }
+            
+            .product-detail th,
+            .product-detail td {
+                padding: 8px 4px;
+            }
+            
+            /* FAQ */
+            .faq-question {
+                font-size: 16px;
+            }
+            
+            .faq-answer {
+                font-size: 14px;
+            }
+            
+            /* CTA */
+            .cta {
+                padding: var(--spacing-lg) 0;
+            }
+            
+            .cta h2 {
+                font-size: 22px;
+            }
+            
+            .cta p {
+                font-size: 14px;
+            }
+            
+            .cta-buttons {
+                flex-direction: column;
+                gap: 12px;
+            }
+            
+            .cta-buttons .btn {
+                width: 100%;
+            }
+            
+            /* Footer */
+            .footer {
+                padding: var(--spacing-lg) 0;
+            }
+            
+            .footer-grid {
+                grid-template-columns: 1fr;
+                gap: var(--spacing-md);
+            }
+            
+            .footer-brand h3 {
+                font-size: 18px;
+            }
+            
+            .footer-title {
+                font-size: 15px;
+            }
+            
+            .footer-links li {
+                font-size: 13px;
+            }
+            
+            .footer-bottom {
+                flex-direction: column;
+                text-align: center;
+                font-size: 12px;
+            }
+            
+            /* Tech Section */
+            .tech-flow {
+                flex-direction: column;
+                gap: var(--spacing-sm);
+            }
+            
+            .tech-step {
+                padding: var(--spacing-sm);
+            }
+            
+            .tech-step-icon {
+                font-size: 32px;
+            }
+            
+            .tech-step-title {
+                font-size: 15px;
+            }
+            
+            .tech-step-desc {
+                font-size: 12px;
+            }
+            
+            .tech-arrow {
+                transform: rotate(90deg);
+                font-size: 20px;
+            }
+            
+            .api-tags {
+                flex-wrap: wrap;
+            }
+            
+            .api-tag {
+                font-size: 12px;
+                padding: 6px 12px;
+            }
+            
+            /* Buttons */
+            .btn {
+                padding: 12px 24px;
+                font-size: 15px;
+            }
+        }
+        
+        /* 超小屏幕优化 */
+        @media (max-width: 480px) {
+            .hero h1 {
+                font-size: 24px;
+            }
+            
+            .section-title {
+                font-size: 22px;
+            }
+            
+            .container {
+                padding: 0 12px;
+            }
+            
+            .navbar .container {
+                padding: 0 12px;
+            }
+        }
+    </style>
+</head>
+<body>
+    <!-- Navigation -->
+    <nav class="navbar" id="navbar">
+        <div class="container">
+            <a href="#" class="logo">
+                <img src="assets/logo.png" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            
+            <div class="menu-toggle" id="menuToggle">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+            
+            <ul class="nav-menu" id="navMenu">
+                <li><a href="#home" class="nav-link">首页</a></li>
+                <li><a href="#products" class="nav-link">产品服务</a></li>
+                <li><a href="#technology" class="nav-link">AI 能力</a></li>
+                <li><a href="#partnership" class="nav-link">代理合作</a></li>
+                <li><a href="#about" class="nav-link">关于我们</a></li>
+            </ul>
+            
+            <div class="nav-cta">
+                <a href="#products" class="btn btn-outline nav-btn">立即查询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
+            </div>
+        </div>
+    </nav>
+
+    <!-- Hero Section -->
+    <section class="hero" id="home">
+        <div class="container">
+            <div class="hero-content">
+                <span class="hero-badge">🤖 AI 驱动的商业信任科技平台</span>
+                <h1>让信任无处不在<br>让合作没有距离</h1>
+                <p>200+ 数据接口 · 智能组合 · 秒级响应</p>
+                
+                <div class="hero-buttons">
+                    <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary">🚀 立即注册</a>
+                    <a href="#partnership" class="btn btn-outline">💼 代理合作</a>
+                </div>
+                
+                <div class="hero-stats">
+                    <div class="stat-item">
+                        <div class="stat-number" id="statReports">0</div>
+                        <div class="stat-label">已生成报告</div>
+                    </div>
+                    <div class="stat-item">
+                        <div class="stat-number" id="statUsers">0</div>
+                        <div class="stat-label">服务用户</div>
+                    </div>
+                    <div class="stat-item">
+                        <div class="stat-number" id="statApis">200+</div>
+                        <div class="stat-label">数据接口</div>
+                    </div>
+                    <div class="stat-item">
+                        <div class="stat-number" id="statEnterprises">0</div>
+                        <div class="stat-label">合作企业</div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+
+
+    <!-- Features Section -->
+    <section class="section features">
+        <div class="container">
+            <h2 class="section-title">核心优势</h2>
+            <p class="section-subtitle">为什么选择愉悦查</p>
+            
+            <div class="features-grid">
+                <div class="feature-card">
+                    <div class="feature-icon">📡</div>
+                    <h3 class="feature-title">海量数据</h3>
+                    <p class="feature-desc">200+ 官方数据接口<br>覆盖全维度信息</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">🤖</div>
+                    <h3 class="feature-title">AI 引擎</h3>
+                    <p class="feature-desc">智能组合接口<br>40+ 分析技能</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">⚡</div>
+                    <h3 class="feature-title">秒级响应</h3>
+                    <p class="feature-desc">实时生成报告<br>最快 3 秒出结果</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">🔒</div>
+                    <h3 class="feature-title">安全合规</h3>
+                    <p class="feature-desc">等保三级认证<br>数据加密传输</p>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Products Section -->
+    <section class="section products" id="products">
+        <div class="container">
+            <h2 class="section-title">产品服务</h2>
+            <p class="section-subtitle">6 大标准报告 + AI 智能定制</p>
+            
+            <div class="products-grid">
+                <!-- Product 1 -->
+                <div class="product-card">
+                    <div class="product-icon">📊</div>
+                    <h3 class="product-name">个人大数据报告</h3>
+                    <div class="product-price">¥49.8</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>全面个人背景分析</li>
+                        <li>秒级生成</li>
+                        <li>PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/inquire/riskassessment" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- Product 2 -->
+                <div class="product-card">
+                    <div class="product-icon">💕</div>
+                    <h3 class="product-name">婚恋风险报告</h3>
+                    <div class="product-price">¥39.9</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>婚恋风险评估</li>
+                        <li>隐私保护</li>
+                        <li>PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/inquire/marriage" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- Product 3 -->
+                <div class="product-card">
+                    <div class="product-icon">💼</div>
+                    <h3 class="product-name">入职背调报告</h3>
+                    <div class="product-price">¥69.9</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>员工背景筛查</li>
+                        <li>降低用工风险</li>
+                        <li>批量查询优惠</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/inquire/backgroundcheck" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- Product 4 -->
+                <div class="product-card">
+                    <div class="product-icon">🏢</div>
+                    <h3 class="product-name">小微企业报告</h3>
+                    <div class="product-price">¥69.9</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>企业风险筛查</li>
+                        <li>合作前必备</li>
+                        <li>PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/inquire/companyinfo" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- Product 5 -->
+                <div class="product-card">
+                    <div class="product-icon">🧹</div>
+                    <h3 class="product-name">家政风险报告</h3>
+                    <div class="product-price">¥39.9</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>家政人员背调</li>
+                        <li>雇佣更安全</li>
+                        <li>PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/inquire/homeservice" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- Product 6 -->
+                <div class="product-card">
+                    <div class="product-icon">💳</div>
+                    <h3 class="product-name">消金报告</h3>
+                    <div class="product-price">¥39.9</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>消费金融风险评估</li>
+                        <li>快速决策支持</li>
+                        <li>PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/inquire/consumerFinanceReport" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- AI Custom Product -->
+                <div class="product-ai">
+                    <h3>✨ AI 定制报告</h3>
+                    <p>告诉我您的需求，AI 智能组合 200+ 接口，生成独一无二的专属报告</p>
+                    <p style="font-size:14px;opacity:0.8;">例："我想了解一个合作伙伴的信用和风险状况"</p>
+                    <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn">🎯 立即定制 - 从 ¥99 起</a>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Technology Section -->
+    <section class="section technology" id="technology">
+        <div class="container">
+            <h2 class="section-title">AI 技术能力</h2>
+            <p class="section-subtitle">200+ 数据接口智能组合引擎</p>
+            
+            <div class="tech-diagram">
+                <div class="tech-flow">
+                    <div class="tech-step">
+                        <div class="tech-step-icon">📝</div>
+                        <div class="tech-step-title">用户需求</div>
+                        <div class="tech-step-desc">自然语言描述</div>
+                    </div>
+                    <div class="tech-arrow">→</div>
+                    <div class="tech-step">
+                        <div class="tech-step-icon">🧠</div>
+                        <div class="tech-step-title">AI 分析</div>
+                        <div class="tech-step-desc">理解需求意图</div>
+                    </div>
+                    <div class="tech-arrow">→</div>
+                    <div class="tech-step">
+                        <div class="tech-step-icon">🔌</div>
+                        <div class="tech-step-title">接口选择</div>
+                        <div class="tech-step-desc">智能匹配接口</div>
+                    </div>
+                    <div class="tech-arrow">→</div>
+                    <div class="tech-step">
+                        <div class="tech-step-icon">📊</div>
+                        <div class="tech-step-title">报告生成</div>
+                        <div class="tech-step-desc">秒级输出结果</div>
+                    </div>
+                </div>
+                
+                <div class="tech-apis">
+                    <p>接口类型覆盖</p>
+                    <div class="api-tags">
+                        <span class="api-tag">公安数据</span>
+                        <span class="api-tag">法院数据</span>
+                        <span class="api-tag">学历验证</span>
+                        <span class="api-tag">工作履历</span>
+                        <span class="api-tag">金融信用</span>
+                        <span class="api-tag">社交网络</span>
+                        <span class="api-tag">商业信息</span>
+                        <span class="api-tag">更多...</span>
+                    </div>
+                </div>
+            </div>
+            
+            <div style="text-align:center;margin-top:var(--spacing-lg);">
+                <a href="/apidemo/" class="btn btn-outline" style="border-color:rgba(255,255,255,0.3);color:white;">📚 查看 API 文档</a>
+                <a href="https://yuyuecha.com/platform" class="btn btn-outline" style="border-color:rgba(255,255,255,0.3);color:white;margin-left:var(--spacing-sm);">🔧 开放平台</a>
+            </div>
+        </div>
+    </section>
+
+    <!-- Partnership Section -->
+    <section class="section partnership" id="partnership">
+        <div class="container">
+            <h2 class="section-title">代理合作</h2>
+            <p class="section-subtitle">加入愉悦查，共享信任经济红利</p>
+            
+            <div class="pricing-grid">
+                <!-- Silver -->
+                <div class="pricing-card">
+                    <div class="pricing-icon">🥈</div>
+                    <h3 class="pricing-name">白银代理</h3>
+                    <div class="pricing-price">¥0<span>/终身</span></div>
+                    <ul class="pricing-features">
+                        <li>10% 返佣</li>
+                        <li>基础培训支持</li>
+                        <li>标准产品价格</li>
+                        <li>在线帮助中心</li>
+                    </ul>
+                    <a href="https://yuyuecha.com/agent/apply?type=silver" class="btn btn-outline" style="width:100%">立即申请</a>
+                </div>
+                
+                <!-- Gold -->
+                <div class="pricing-card featured">
+                    <div class="pricing-icon">🥇</div>
+                    <h3 class="pricing-name">黄金代理</h3>
+                    <div class="pricing-price">¥198<span>/年</span></div>
+                    <ul class="pricing-features">
+                        <li>30% 返佣</li>
+                        <li>优先技术支持</li>
+                        <li>专属代理价格</li>
+                        <li>营销素材支持</li>
+                        <li>定期培训</li>
+                    </ul>
+                    <a href="https://yuyuecha.com/agent/apply?type=gold" class="btn btn-primary" style="width:100%">立即申请</a>
+                </div>
+                
+                <!-- Diamond -->
+                <div class="pricing-card">
+                    <div class="pricing-icon">💎</div>
+                    <h3 class="pricing-name">钻石代理</h3>
+                    <div class="pricing-price">¥980<span>/年</span></div>
+                    <ul class="pricing-features">
+                        <li>50% 返佣</li>
+                        <li>1 对 1 专属辅导</li>
+                        <li>最低代理价格</li>
+                        <li>联合营销支持</li>
+                        <li>优先新功能体验</li>
+                        <li>区域保护政策</li>
+                    </ul>
+                    <a href="https://yuyuecha.com/agent/apply?type=diamond" class="btn btn-outline" style="width:100%">立即申请</a>
+                </div>
+            </div>
+            
+            <!-- Advanced Profit Calculator -->
+            <div class="profit-calculator">
+                <h3 class="calculator-title">💵 代理收益计算器</h3>
+                
+                <!-- Level Tabs -->
+                <div class="level-tabs">
+                    <button class="tab-btn active" onclick="switchLevel('silver')">
+                        🥈 白银代理
+                        <span class="price">¥0</span>
+                    </button>
+                    <button class="tab-btn" onclick="switchLevel('gold')">
+                        🥇 黄金代理
+                        <span class="price">¥198</span>
+                    </button>
+                    <button class="tab-btn" onclick="switchLevel('diamond')">
+                        💎 钻石代理
+                        <span class="price">¥980</span>
+                    </button>
+                </div>
+                
+                <div class="calculator-grid">
+                    <!-- Input Section -->
+                    <div class="input-section">
+                        <h4>📊 输入您的销售数据</h4>
+                        
+                        <div class="input-group">
+                            <label>每日销售份数</label>
+                            <input type="number" id="dailySales" value="30" min="0" max="1000" oninput="calculateProfit()">
+                        </div>
+                        
+                        <div class="input-group">
+                            <label>直推代理人数（月）</label>
+                            <input type="number" id="referralCount" value="5" min="0" max="100" oninput="calculateProfit()">
+                        </div>
+                        
+                        <div class="input-group" id="teamSilverGroup" style="display:none;">
+                            <label>下级白银代理人数</label>
+                            <input type="number" id="teamSilver" value="20" min="0" max="500" oninput="calculateProfit()">
+                        </div>
+                        
+                        <div class="input-group" id="teamGoldGroup" style="display:none;">
+                            <label>下级黄金代理人数</label>
+                            <input type="number" id="teamGold" value="5" min="0" max="100" oninput="calculateProfit()">
+                        </div>
+                    </div>
+                    
+                    <!-- Profit Section -->
+                    <div class="profit-section">
+                        <h4>💰 预期收益</h4>
+                        
+                        <div class="profit-card">
+                            <div class="label">单份平均利润</div>
+                            <div class="value" id="avgProfit">¥38.22</div>
+                        </div>
+                        
+                        <div class="profit-card highlight">
+                            <div class="label">日零售收益</div>
+                            <div class="value" id="dailyRetailProfit">¥1,147</div>
+                            <div class="sub" id="dailyRetailSub">30 份 × ¥38.22</div>
+                        </div>
+                        
+                        <div class="profit-card">
+                            <div class="label">月零售收益</div>
+                            <div class="value" id="monthlyRetailProfit">¥34,410</div>
+                        </div>
+                        
+                        <div class="profit-card" id="referralCard">
+                            <div class="label">月直推奖励</div>
+                            <div class="value" id="monthlyReferralProfit">¥0</div>
+                            <div class="sub" id="referralSub">5 人 × ¥0/人</div>
+                        </div>
+                        
+                        <div class="profit-card" id="teamCard" style="display:none;">
+                            <div class="label">月团队提成</div>
+                            <div class="value" id="monthlyTeamProfit">¥0</div>
+                        </div>
+                        
+                        <div class="profit-card total">
+                            <div class="label">月总收益</div>
+                            <div class="value" id="totalMonthlyProfit">¥34,410</div>
+                        </div>
+                        
+                        <div class="roi-card" id="roiCard" style="display:none;">
+                            <div class="label">回本周期</div>
+                            <div class="value" id="paybackDays">0 天</div>
+                            <div class="sub" id="paybackHours">或 0 小时（日销 30 份）</div>
+                        </div>
+                    </div>
+                </div>
+                
+                <!-- Product Detail Table -->
+                <div class="product-detail">
+                    <h4>📦 各产品利润明细（<span id="currentLevelName">白银代理</span>）</h4>
+                    <table>
+                        <thead>
+                            <tr>
+                                <th>产品</th>
+                                <th>零售价</th>
+                                <th>您的底价</th>
+                                <th>单份利润</th>
+                                <th>利润率</th>
+                            </tr>
+                        </thead>
+                        <tbody id="productTableBody">
+                            <!-- Populated by JavaScript -->
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+            
+            <div style="text-align:center;">
+                <a href="#" class="btn btn-primary">📝 立即申请代理</a>
+            </div>
+        </div>
+    </section>
+
+    <!-- FAQ Section -->
+    <section class="section faq" id="faq">
+        <div class="container">
+            <h2 class="section-title">常见问题</h2>
+            <p class="section-subtitle">您可能想知道的问题</p>
+            
+            <div class="faq-list">
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>报告准确率如何保证？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        愉悦查所有数据均来自官方授权渠道，通过 200+ 数据接口交叉验证，确保信息准确可靠。AI 引擎会自动识别异常数据并进行人工复核，准确率达 99% 以上。
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>数据来源是否合法合规？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        是的，我们严格遵守《个人信息保护法》和相关法律法规，所有数据接口均获得合法授权，查询过程需要被查询人授权同意，确保数据来源和使用完全合规。
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>多久能拿到报告？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        标准报告通常 3-5 秒即可生成，复杂报告或 AI 定制报告可能需要 30 秒 -2 分钟。报告生成后会通过短信/邮件通知您，也可在个人中心随时查看下载。
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>如何成为代理？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        点击页面上方的"立即申请"按钮，填写代理申请表，我们的招商团队会在 1-2 个工作日内联系您。白银代理零门槛免费加入，黄金/钻石代理需支付相应年费。
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>支持退款吗？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        报告一旦生成无法退款，因为数据查询成本已产生。但如果您对报告质量有异议，可在 7 天内联系客服申请复核或重新查询。
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- CTA Section -->
+    <section class="cta">
+        <div class="container">
+            <h2>准备好开始建立信任了吗？</h2>
+            <p>立即体验 AI 驱动的商业信任科技</p>
+            <div class="cta-buttons">
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn">🚀 立即注册</a>
+                <a href="#partnership" class="btn btn-outline">💼 代理合作</a>
+            </div>
+        </div>
+    </section>
+
+    <!-- Footer -->
+    <footer class="footer" id="about">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <h3>愉悦查</h3>
+                    <p>让信任无处不在，让合作没有距离</p>
+                    <p style="margin-top:16px;font-size:13px;">愉悦查（北京正信环宇科技有限公司）</p>
+                    <p style="font-size:13px;">AI 驱动的商业信任科技平台</p>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">产品</h4>
+                    <ul class="footer-links">
+                        <li><a href="#">个人大数据报告</a></li>
+                        <li><a href="#">婚恋风险报告</a></li>
+                        <li><a href="#">入职背调报告</a></li>
+                        <li><a href="#">小微企业报告</a></li>
+                        <li><a href="#">家政风险报告</a></li>
+                        <li><a href="#">消金报告</a></li>
+                        <li><a href="#">AI 定制报告</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">公司</h4>
+                    <ul class="footer-links">
+                        <li><a href="#">关于我们</a></li>
+                        <li><a href="#">加入我们</a></li>
+                        <li><a href="#">联系我们</a></li>
+                        <li><a href="#">新闻动态</a></li>
+                        <li><a href="#">合作伙伴</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">支持</h4>
+                    <ul class="footer-links">
+                        <li><a href="#">帮助中心</a></li>
+                        <li><a href="#">API 文档</a></li>
+                        <li><a href="#">代理支持</a></li>
+                        <li><a href="#">隐私政策</a></li>
+                        <li><a href="#">服务条款</a></li>
+                        <li><a href="#">免责声明</a></li>
+                    </ul>
+                </div>
+            </div>
+            
+            <div class="footer-bottom">
+                <p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p class="footer-icp">京 ICP 备 2025158088 号 -2</p>
+                <p style="font-size:12px;color:#999;margin-top:8px;">地址：北京市朝阳区 | 邮箱：contact@yuyuecha.com</p>
+            </div>
+        </div>
+    </footer>
+
+    <!-- Back to Top Button -->
+    <button id="backToTop" style="position:fixed;bottom:30px;right:30px;width:50px;height:50px;border-radius:50%;background:var(--primary-gradient);border:none;cursor:pointer;box-shadow:var(--shadow-lg);display:none;align-items:center;justify-content:center;font-size:24px;z-index:999;transition:var(--transition);">↑</button>
+
+    <script>
+        // ===== Back to Top Button =====
+        const backToTopBtn = document.getElementById('backToTop');
+        
+        window.addEventListener('scroll', () => {
+            if (window.scrollY > 500) {
+                backToTopBtn.style.display = 'flex';
+            } else {
+                backToTopBtn.style.display = 'none';
+            }
+        });
+        
+        backToTopBtn.addEventListener('click', () => {
+            window.scrollTo({ top: 0, behavior: 'smooth' });
+        });
+        
+        backToTopBtn.addEventListener('mouseenter', () => {
+            backToTopBtn.style.transform = 'scale(1.1)';
+        });
+        
+        backToTopBtn.addEventListener('mouseleave', () => {
+            backToTopBtn.style.transform = 'scale(1)';
+        });
+
+        // ===== Navbar Scroll Effect =====
+        window.addEventListener('scroll', () => {
+            const navbar = document.getElementById('navbar');
+            if (window.scrollY > 50) {
+                navbar.classList.add('scrolled');
+            } else {
+                navbar.classList.remove('scrolled');
+            }
+        });
+
+        // ===== Mobile Menu Toggle =====
+        document.getElementById('menuToggle').addEventListener('click', () => {
+            document.getElementById('navMenu').classList.toggle('active');
+        });
+
+        // ===== Smooth Scroll =====
+        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' });
+                    // Close mobile menu
+                    document.getElementById('navMenu').classList.remove('active');
+                }
+            });
+        });
+
+        // ===== Animated Counter =====
+        function animateCounter(elementId, target, suffix = '') {
+            const element = document.getElementById(elementId);
+            if (!element) return;
+            
+            let current = 0;
+            const increment = target / 50;
+            const timer = setInterval(() => {
+                current += increment;
+                if (current >= target) {
+                    element.textContent = target.toLocaleString() + suffix;
+                    clearInterval(timer);
+                } else {
+                    element.textContent = Math.floor(current).toLocaleString() + suffix;
+                }
+            }, 30);
+        }
+
+        // ===== Intersection Observer for Animations =====
+        const observerOptions = {
+            threshold: 0.2,
+            rootMargin: '0px'
+        };
+
+        const observer = new IntersectionObserver((entries) => {
+            entries.forEach(entry => {
+                if (entry.isIntersecting) {
+                    // Animate stats when visible
+                    if (entry.target.id === 'statReports') {
+                        animateCounter('statReports', 100000, '+');
+                        animateCounter('statUsers', 50000, '+');
+                        animateCounter('statEnterprises', 5000, '+');
+                    }
+                    observer.unobserve(entry.target);
+                }
+            });
+        }, observerOptions);
+
+        document.getElementById('statReports') && observer.observe(document.getElementById('statReports'));
+
+        // ===== FAQ Toggle =====
+        document.querySelectorAll('.faq-question').forEach(question => {
+            question.addEventListener('click', () => {
+                const item = question.parentElement;
+                const icon = question.querySelector('.faq-icon');
+                
+                // Close other items
+                document.querySelectorAll('.faq-item').forEach(other => {
+                    if (other !== item) {
+                        other.classList.remove('active');
+                        other.querySelector('.faq-icon').textContent = '+';
+                    }
+                });
+                
+                // Toggle current item
+                item.classList.toggle('active');
+                icon.textContent = item.classList.contains('active') ? '×' : '+';
+            });
+        });
+
+        // ===== Advanced Profit Calculator =====
+        const levelData = {
+            silver: { name: '白银代理', fee: 0, markup: 6, referralBonus: 0, teamSilver: 2, teamGold: 0 },
+            gold: { name: '黄金代理', fee: 198, markup: 3, referralBonus: 60, teamSilver: 3, teamGold: 0 },
+            diamond: { name: '钻石代理', fee: 980, markup: 2, referralBonus: 300, teamSilver: 6, teamGold: 3 }
+        };
+        
+        const products = [
+            { name: '消金报告', retail: 39.9, baseCost: 6.0 },
+            { name: '家政风险报告', retail: 39.9, baseCost: 6.0 },
+            { name: '个人大数据报告', retail: 49.8, baseCost: 5.0 },
+            { name: '入职背调报告', retail: 69.9, baseCost: 9.0 },
+            { name: '小微企业报告', retail: 69.9, baseCost: 9.0 },
+            { name: '婚恋风险报告', retail: 39.9, baseCost: 9.0 }
+        ];
+        
+        let currentLevel = 'silver';
+        
+        function switchLevel(level) {
+            currentLevel = level;
+            
+            // Update tabs
+            document.querySelectorAll('.tab-btn').forEach(btn => btn.classList.remove('active'));
+            event.target.closest('.tab-btn').classList.add('active');
+            
+            // Show/hide team inputs for diamond
+            const isDiamond = level === 'diamond';
+            const isGoldOrDiamond = level === 'gold' || level === 'diamond';
+            document.getElementById('teamSilverGroup').style.display = isGoldOrDiamond ? 'block' : 'none';
+            document.getElementById('teamGoldGroup').style.display = isDiamond ? 'block' : 'none';
+            document.getElementById('teamCard').style.display = isGoldOrDiamond ? 'block' : 'none';
+            document.getElementById('roiCard').style.display = isGoldOrDiamond ? 'block' : 'none';
+            
+            calculateProfit();
+        }
+        
+        function getProductCost(product) {
+            return product.baseCost + levelData[currentLevel].markup;
+        }
+        
+        function getProductProfit(product) {
+            return product.retail - getProductCost(product);
+        }
+        
+        function getProductMargin(product) {
+            const profit = getProductProfit(product);
+            return ((profit / product.retail) * 100).toFixed(0);
+        }
+        
+        function calculateProfit() {
+            const dailySales = parseFloat(document.getElementById('dailySales').value) || 0;
+            const referralCount = parseFloat(document.getElementById('referralCount').value) || 0;
+            const teamSilver = parseFloat(document.getElementById('teamSilver').value) || 0;
+            const teamGold = parseFloat(document.getElementById('teamGold').value) || 0;
+            
+            const level = levelData[currentLevel];
+            
+            // Calculate average profit
+            const totalProfit = products.reduce((sum, p) => sum + getProductProfit(p), 0);
+            const avgProfit = totalProfit / products.length;
+            
+            // Retail profit
+            const dailyRetailProfit = avgProfit * dailySales;
+            const monthlyRetailProfit = dailyRetailProfit * 30;
+            
+            // Referral bonus
+            const monthlyReferralProfit = level.referralBonus * referralCount;
+            
+            // Team commission
+            let monthlyTeamProfit = 0;
+            if (currentLevel === 'gold') {
+                monthlyTeamProfit = level.teamSilver * teamSilver * 30;
+            } else if (currentLevel === 'diamond') {
+                monthlyTeamProfit = (level.teamSilver * teamSilver + level.teamGold * teamGold) * 30;
+            }
+            
+            // Total
+            const totalMonthlyProfit = monthlyRetailProfit + monthlyReferralProfit + monthlyTeamProfit;
+            
+            // ROI
+            let paybackDays = 0;
+            let paybackHours = 0;
+            if (level.fee > 0) {
+                const dailyTotal = dailyRetailProfit + (monthlyReferralProfit + monthlyTeamProfit) / 30;
+                if (dailyTotal > 0) {
+                    paybackDays = Math.ceil(level.fee / dailyTotal);
+                    paybackHours = (level.fee / (totalMonthlyProfit / 30 / 24)).toFixed(1);
+                }
+            }
+            
+            // Update UI
+            document.getElementById('avgProfit').textContent = '¥' + avgProfit.toFixed(2);
+            document.getElementById('dailyRetailProfit').textContent = '¥' + dailyRetailProfit.toLocaleString('zh-CN', {minimumFractionDigits: 0, maximumFractionDigits: 0});
+            document.getElementById('dailyRetailSub').textContent = dailySales + '份 × ¥' + avgProfit.toFixed(2);
+            document.getElementById('monthlyRetailProfit').textContent = '¥' + monthlyRetailProfit.toLocaleString('zh-CN', {minimumFractionDigits: 0, maximumFractionDigits: 0});
+            document.getElementById('monthlyReferralProfit').textContent = '¥' + monthlyReferralProfit.toLocaleString('zh-CN', {minimumFractionDigits: 0, maximumFractionDigits: 0});
+            document.getElementById('referralSub').textContent = referralCount + '人 × ¥' + level.referralBonus + '/人';
+            document.getElementById('monthlyTeamProfit').textContent = '¥' + monthlyTeamProfit.toLocaleString('zh-CN', {minimumFractionDigits: 0, maximumFractionDigits: 0});
+            document.getElementById('totalMonthlyProfit').textContent = '¥' + totalMonthlyProfit.toLocaleString('zh-CN', {minimumFractionDigits: 0, maximumFractionDigits: 0});
+            document.getElementById('paybackDays').textContent = paybackDays + '天';
+            document.getElementById('paybackHours').textContent = '或 ' + paybackHours + '小时（日销' + dailySales + '份）';
+            
+            // Update product table
+            document.getElementById('currentLevelName').textContent = level.name;
+            const tbody = document.getElementById('productTableBody');
+            tbody.innerHTML = products.map(p => `
+                <tr>
+                    <td>${p.name}</td>
+                    <td>¥${p.retail}</td>
+                    <td>¥${getProductCost(p).toFixed(2)}</td>
+                    <td>¥${getProductProfit(p).toFixed(2)}</td>
+                    <td>${getProductMargin(p)}%</td>
+                </tr>
+            `).join('');
+        }
+        
+        // Initialize calculator
+        calculateProfit();
+
+        // ===== Scroll Animation Trigger =====
+        const animationObserver = new IntersectionObserver((entries) => {
+            entries.forEach(entry => {
+                if (entry.isIntersecting) {
+                    entry.target.style.opacity = '1';
+                    entry.target.style.animationPlayState = 'running';
+                }
+            });
+        }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' });
+
+        document.querySelectorAll('.product-card, .pricing-card, .section-title').forEach(el => {
+            animationObserver.observe(el);
+        });
+
+        // ===== Initialize =====
+        console.log('愉悦查官网已加载 🚀');
+    </script>
+</body>
+</html>
diff --git a/index.html.bak.20260309.fixed b/index.html.bak.20260309.fixed
new file mode 100755
index 0000000..4089b07
--- /dev/null
+++ b/index.html.bak.20260309.fixed
@@ -0,0 +1,2610 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>愉悦查 - 让信任无处不在，让合作没有距离 | AI 驱动的商业信任科技平台</title>
+    <meta name="description" content="愉悦查是 AI 驱动的商业信任科技平台，提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告，支持 AI 智能定制报告。200+ 数据接口，秒级响应，让信任无处不在。">
+    <meta name="keywords" 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=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    
+    <style>
+        /* ===== CSS Variables - 品牌色定义 ===== */
+        :root {
+            /* 品牌主色 - 橙色系 (来自蓝湖设计稿) */
+            --primary-orange: #FF6A19;
+            --primary-orange-light: #FC6E18;
+            --primary-orange-dark: #E64E10;
+            --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
+            --primary-orange-soft: #FFDECC;
+            
+            /* 辅助色 */
+            --bg-light: #FFFFFF;
+            --bg-gray: #F5F7FA;
+            --bg-gray-light: #E4E7E0;
+            
+            /* 文字色 */
+            --text-primary: #1A1A1A;
+            --text-secondary: #666666;
+            --text-light: #999999;
+            
+            /* 功能色 */
+            --success: #07C160;
+            --warning: #FF9500;
+            --error: #FF3B30;
+            
+            /* 间距 */
+            --spacing-xs: 8px;
+            --spacing-sm: 16px;
+            --spacing-md: 24px;
+            --spacing-lg: 48px;
+            --spacing-xl: 80px;
+            
+            /* 圆角 */
+            --radius-sm: 4px;
+            --radius-md: 8px;
+            --radius-lg: 16px;
+            --radius-xl: 24px;
+            
+            /* 阴影 */
+            --shadow-sm: 0 2px 8px rgba(0,0,0,0.08);
+            --shadow-md: 0 4px 16px rgba(0,0,0,0.12);
+            --shadow-lg: 0 8px 32px rgba(0,0,0,0.16);
+            
+            /* 过渡 */
+            --transition: all 0.3s ease;
+        }
+        
+        /* ===== Reset & Base ===== */
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+        
+        html {
+            scroll-behavior: smooth;
+        }
+        
+        body {
+            font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+            font-size: 16px;
+            line-height: 1.6;
+            color: var(--text-primary);
+            background-color: var(--bg-light);
+        }
+        
+        a {
+            text-decoration: none;
+            color: inherit;
+        }
+        
+        ul {
+            list-style: none;
+        }
+        
+        img {
+            max-width: 100%;
+            height: auto;
+        }
+        
+        .container {
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 0 var(--spacing-md);
+        }
+        
+        .btn {
+            display: inline-block;
+            padding: 14px 32px;
+            font-size: 16px;
+            font-weight: 500;
+            border-radius: var(--radius-md);
+            cursor: pointer;
+            transition: var(--transition);
+            border: none;
+            text-align: center;
+        }
+        
+        .btn-primary {
+            background: var(--primary-gradient);
+            color: white;
+            box-shadow: 0 4px 12px rgba(236, 77, 9, 0.3);
+        }
+        
+        .btn-primary:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 6px 20px rgba(236, 77, 9, 0.4);
+        }
+        
+        .btn-outline {
+            background: transparent;
+            border: 2px solid var(--primary-orange);
+            color: var(--primary-orange);
+        }
+        
+        .btn-outline:hover {
+            background: var(--primary-gradient);
+            color: white;
+            transform: translateY(-2px);
+            box-shadow: 0 4px 12px rgba(255, 106, 25, 0.3);
+        }
+        
+        .btn-primary:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 6px 20px rgba(255, 106, 25, 0.4);
+        }
+        
+        .section {
+            padding: var(--spacing-xl) 0;
+        }
+        
+        .section-title {
+            text-align: center;
+            font-size: 36px;
+            font-weight: 700;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .section-subtitle {
+            text-align: center;
+            font-size: 18px;
+            color: var(--text-secondary);
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        /* ===== Navigation ===== */
+        /* ===== Navigation ===== */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+            transition: var(--transition);
+        }
+        
+        .navbar.scrolled {
+            box-shadow: 0 4px 30px rgba(0,0,0,0.12);
+        }
+        
+        .navbar .container {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            height: 80px;
+            max-width: 1400px;
+            margin: 0 auto;
+            padding: 0 32px;
+        }
+        
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            text-decoration: none;
+            background: transparent;
+            padding: 4px 0;
+        }
+        
+        .logo-img {
+            height: 60px;
+            width: auto;
+            object-fit: contain;
+            transition: var(--transition);
+            background: transparent;
+        }
+        
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            text-decoration: none;
+            padding: 6px 0;
+        }
+        
+        .logo-img {
+            height: 60px;
+            width: auto;
+            object-fit: contain;
+            transition: var(--transition);
+            background: transparent;
+        }
+        
+        .logo:hover .logo-img {
+            transform: scale(1.05);
+        }
+        
+        .nav-menu {
+            display: flex;
+            gap: var(--spacing-lg);
+            align-items: center;
+        }
+        
+        .nav-link {
+            font-size: 15px;
+            font-weight: 500;
+            color: var(--text-primary);
+            transition: var(--transition);
+            position: relative;
+        }
+        
+        .nav-link:hover {
+            color: var(--primary-orange);
+        }
+        
+        .nav-link::after {
+            content: '';
+            position: absolute;
+            bottom: -4px;
+            left: 0;
+            width: 0;
+            height: 2px;
+            background: var(--primary-orange);
+            transition: var(--transition);
+        }
+        
+        .nav-link:hover::after {
+            width: 100%;
+        }
+        
+        .nav-cta {
+            display: flex;
+            gap: var(--spacing-sm);
+        }
+        
+        .nav-btn {
+            padding: 10px 20px;
+            font-size: 14px;
+        }
+        
+        /* Mobile Menu */
+        .menu-toggle {
+            display: none;
+            flex-direction: column;
+            gap: 5px;
+            cursor: pointer;
+            padding: 5px;
+        }
+        
+        .menu-toggle span {
+            width: 25px;
+            height: 3px;
+            background: var(--primary-orange);
+            border-radius: 2px;
+            transition: var(--transition);
+        }
+        
+        /* ===== Hero Section ===== */
+        .hero {
+            padding-top: 160px;
+            padding-bottom: 100px;
+            background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 50%, #F5F7FA 100%);
+            position: relative;
+            overflow: hidden;
+        }
+        
+        .hero::before {
+            content: '';
+            position: absolute;
+            top: -50%;
+            right: -20%;
+            width: 80%;
+            height: 200%;
+            background: radial-gradient(circle, rgba(236, 77, 9, 0.05) 0%, transparent 70%);
+            animation: float 20s ease-in-out infinite;
+        }
+        
+        @keyframes float {
+            0%, 100% { transform: translateY(0) rotate(0deg); }
+            50% { transform: translateY(-20px) rotate(5deg); }
+        }
+        
+        .hero-content {
+            text-align: center;
+            max-width: 900px;
+            margin: 0 auto;
+            position: relative;
+            z-index: 1;
+        }
+        
+        .hero-badge {
+            display: inline-block;
+            padding: 8px 16px;
+            background: linear-gradient(135deg, rgba(255, 106, 25, 0.1), rgba(252, 110, 24, 0.15));
+            color: var(--primary-orange);
+            font-size: 14px;
+            font-weight: 600;
+            border-radius: 20px;
+            margin-bottom: var(--spacing-md);
+            border: 1px solid rgba(255, 106, 25, 0.2);
+            animation: pulse 2s ease-in-out infinite;
+        }
+        
+        @keyframes pulse {
+            0%, 100% { transform: scale(1); }
+            50% { transform: scale(1.02); }
+        }
+        
+        .hero h1 {
+            font-size: 56px;
+            font-weight: 900;
+            line-height: 1.2;
+            margin-bottom: var(--spacing-sm);
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 50%, #FF8A5C 100%);
+            background-size: 200% auto;
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+            animation: gradientShift 3s ease infinite;
+        }
+        
+        @keyframes gradientShift {
+            0%, 100% { background-position: 0% center; }
+            50% { background-position: 100% center; }
+        }
+        
+        .hero p {
+            font-size: 20px;
+            color: var(--text-secondary);
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        .hero-stats {
+            display: flex;
+            justify-content: center;
+            gap: var(--spacing-lg);
+            margin-top: var(--spacing-lg);
+            flex-wrap: wrap;
+        }
+        
+        .stat-item {
+            text-align: center;
+        }
+        
+        .stat-number {
+            font-size: 36px;
+            font-weight: 700;
+            background: var(--primary-gradient);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+        
+        .stat-label {
+            font-size: 14px;
+            color: var(--text-light);
+            margin-top: 4px;
+        }
+        
+        .hero-buttons {
+            display: flex;
+            justify-content: center;
+            gap: var(--spacing-sm);
+            margin-top: var(--spacing-lg);
+            flex-wrap: wrap;
+        }
+        
+        /* ===== Trust Bar ===== */
+        .trust-bar {
+            padding: var(--spacing-lg) 0;
+            background: var(--bg-gray);
+            border-top: 1px solid #eee;
+            border-bottom: 1px solid #eee;
+        }
+        
+        .trust-bar p {
+            text-align: center;
+            font-size: 14px;
+            color: var(--text-light);
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .trust-logos {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            gap: var(--spacing-lg);
+            flex-wrap: wrap;
+            opacity: 0.6;
+        }
+        
+        .trust-logo {
+            height: 40px;
+            filter: grayscale(100%);
+            transition: var(--transition);
+        }
+        
+        .trust-logo:hover {
+            filter: grayscale(0%);
+        }
+        
+        /* ===== Features Section ===== */
+        .features {
+            background: var(--bg-light);
+        }
+        
+        .features-grid {
+            display: grid;
+            grid-template-columns: repeat(4, 1fr);
+            gap: var(--spacing-md);
+        }
+        
+        .feature-card {
+            text-align: center;
+            padding: var(--spacing-lg) var(--spacing-md);
+            border-radius: var(--radius-lg);
+            transition: var(--transition);
+        }
+        
+        .feature-card:hover {
+            background: var(--bg-gray);
+            transform: translateY(-4px);
+        }
+        
+        .feature-icon {
+            width: 64px;
+            height: 64px;
+            margin: 0 auto var(--spacing-sm);
+            background: var(--primary-gradient);
+            border-radius: var(--radius-md);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 28px;
+        }
+        
+        .feature-title {
+            font-size: 18px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .feature-desc {
+            font-size: 14px;
+            color: var(--text-secondary);
+        }
+        
+        /* ===== Products Section ===== */
+        .products {
+            background: var(--bg-gray);
+        }
+        
+        .products-grid {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: var(--spacing-md);
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        .product-card {
+            background: white;
+            border-radius: var(--radius-lg);
+            padding: var(--spacing-lg);
+            box-shadow: var(--shadow-sm);
+            transition: var(--transition);
+            position: relative;
+            overflow: hidden;
+        }
+        
+        .product-card::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            height: 4px;
+            background: var(--primary-gradient);
+        }
+        
+        .product-card:hover {
+            transform: translateY(-12px);
+            box-shadow: var(--shadow-lg);
+        }
+        
+        .product-card:hover .product-icon {
+            transform: scale(1.1) rotate(5deg);
+        }
+        
+        .product-icon {
+            width: 80px;
+            height: 80px;
+            border-radius: 50%;
+            background: var(--primary-gradient);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 36px;
+            margin-bottom: var(--spacing-sm);
+            box-shadow: 0 4px 16px rgba(255, 106, 25, 0.3);
+            transition: var(--transition);
+        }
+        
+        .product-name {
+            font-size: 20px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .product-price {
+            font-size: 28px;
+            font-weight: 700;
+            color: var(--primary-orange);
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .product-price span {
+            font-size: 14px;
+            font-weight: 400;
+            color: var(--text-light);
+        }
+        
+        .product-features {
+            margin: var(--spacing-sm) 0;
+            padding: var(--spacing-sm) 0;
+            border-top: 1px solid #eee;
+            border-bottom: 1px solid #eee;
+        }
+        
+        .product-features li {
+            font-size: 14px;
+            color: var(--text-secondary);
+            padding: 4px 0;
+            display: flex;
+            align-items: center;
+            gap: 8px;
+        }
+        
+        .product-features li::before {
+            content: '✓';
+            color: var(--success);
+            font-weight: 700;
+        }
+        
+        /* AI Custom Product */
+        .product-ai {
+            grid-column: 1 / -1;
+            background: var(--primary-gradient);
+            color: white;
+            padding: var(--spacing-xl);
+            border-radius: var(--radius-xl);
+            text-align: center;
+            position: relative;
+            overflow: hidden;
+        }
+        
+        .product-ai::before {
+            content: '';
+            position: absolute;
+            top: -50%;
+            right: -10%;
+            width: 50%;
+            height: 200%;
+            background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
+            animation: float 15s ease-in-out infinite reverse;
+        }
+        
+        .product-ai h3 {
+            font-size: 32px;
+            margin-bottom: var(--spacing-sm);
+            position: relative;
+        }
+        
+        .product-ai p {
+            font-size: 18px;
+            opacity: 0.95;
+            margin-bottom: var(--spacing-md);
+            position: relative;
+        }
+        
+        .product-ai .btn {
+            background: white;
+            color: var(--primary-orange);
+            position: relative;
+        }
+        
+        /* ===== Technology Section ===== */
+        /* ===== Sample Reports Section ===== */
+        .sample-reports {
+            background: var(--bg-gray);
+        }
+        
+        .sample-grid {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: var(--spacing-md);
+        }
+        
+        .sample-card {
+            background: white;
+            border-radius: var(--radius-lg);
+            padding: var(--spacing-lg);
+            box-shadow: var(--shadow-sm);
+            transition: var(--transition);
+            position: relative;
+            overflow: hidden;
+            display: flex;
+            flex-direction: column;
+        }
+        
+        .sample-card::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            height: 4px;
+            background: var(--primary-gradient);
+        }
+        
+        .sample-card:hover {
+            transform: translateY(-8px);
+            box-shadow: var(--shadow-lg);
+        }
+        
+        .sample-icon {
+            width: 70px;
+            height: 70px;
+            border-radius: 50%;
+            background: var(--primary-orange-soft);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 32px;
+            margin-bottom: var(--spacing-sm);
+            transition: var(--transition);
+        }
+        
+        .sample-card:hover .sample-icon {
+            transform: scale(1.1);
+        }
+        
+        .sample-name {
+            font-size: 20px;
+            font-weight: 600;
+            margin-bottom: 12px;
+            color: var(--text-primary);
+        }
+        
+        .sample-desc {
+            font-size: 14px;
+            color: var(--text-secondary);
+            line-height: 1.6;
+            margin-bottom: 16px;
+            flex-grow: 1;
+        }
+        
+        .sample-features {
+            font-size: 13px;
+            color: var(--text-secondary);
+            margin-bottom: 20px;
+            padding-left: 0;
+        }
+        
+        .sample-features li {
+            padding: 4px 0;
+            list-style: none;
+        }
+
+        .technology {
+            background: linear-gradient(135deg, #1A1A2E 0%, #16213E 100%);
+            color: white;
+        }
+        
+        .technology .section-title,
+        .technology .section-subtitle {
+            color: white;
+        }
+        
+        .tech-diagram {
+            max-width: 1000px;
+            margin: var(--spacing-lg) auto;
+            background: rgba(255,255,255,0.05);
+            border-radius: var(--radius-xl);
+            padding: var(--spacing-xl);
+            backdrop-filter: blur(10px);
+        }
+        
+        .tech-flow {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            flex-wrap: wrap;
+            gap: var(--spacing-md);
+        }
+        
+        .tech-step {
+            flex: 1;
+            min-width: 150px;
+            text-align: center;
+            padding: var(--spacing-md);
+            background: rgba(236, 77, 9, 0.1);
+            border-radius: var(--radius-md);
+            border: 1px solid rgba(236, 77, 9, 0.3);
+        }
+        
+        .tech-step-icon {
+            font-size: 36px;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .tech-step-title {
+            font-size: 16px;
+            font-weight: 600;
+            margin-bottom: 4px;
+        }
+        
+        .tech-step-desc {
+            font-size: 13px;
+            opacity: 0.8;
+        }
+        
+        .tech-arrow {
+            font-size: 24px;
+            color: var(--primary-orange);
+        }
+        
+        .tech-apis {
+            text-align: center;
+            margin-top: var(--spacing-lg);
+            padding: var(--spacing-md);
+            background: rgba(255,255,255,0.05);
+            border-radius: var(--radius-md);
+        }
+        
+        .tech-apis p {
+            font-size: 14px;
+            opacity: 0.8;
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .api-tags {
+            display: flex;
+            justify-content: center;
+            gap: var(--spacing-xs);
+            flex-wrap: wrap;
+        }
+        
+        .api-tag {
+            padding: 6px 12px;
+            background: rgba(236, 77, 9, 0.2);
+            border-radius: 20px;
+            font-size: 13px;
+            border: 1px solid rgba(236, 77, 9, 0.3);
+        }
+        
+        /* ===== Partnership Section ===== */
+        .partnership {
+            background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%);
+        }
+        
+        .pricing-grid {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: var(--spacing-md);
+            max-width: 1000px;
+            margin: 0 auto var(--spacing-lg);
+        }
+        
+        .pricing-card {
+            background: white;
+            border-radius: var(--radius-lg);
+            padding: var(--spacing-lg);
+            text-align: center;
+            box-shadow: var(--shadow-sm);
+            transition: var(--transition);
+            border: 2px solid transparent;
+        }
+        
+        .pricing-card:hover {
+            transform: translateY(-8px);
+            box-shadow: var(--shadow-lg);
+        }
+        
+        .pricing-card.featured {
+            border-color: var(--primary-orange);
+            position: relative;
+            transform: scale(1.08);
+            box-shadow: var(--shadow-lg);
+            z-index: 1;
+        }
+        
+        .pricing-card.featured:hover {
+            transform: scale(1.08) translateY(-8px);
+        }
+        
+        .pricing-card.featured::before {
+            content: '🔥 热门推荐';
+            position: absolute;
+            top: -14px;
+            left: 50%;
+            transform: translateX(-50%);
+            background: var(--primary-gradient);
+            color: white;
+            padding: 6px 20px;
+            border-radius: 12px;
+            font-size: 13px;
+            font-weight: 600;
+            box-shadow: 0 4px 12px rgba(255, 106, 25, 0.4);
+        }
+        
+        .pricing-icon {
+            font-size: 48px;
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .pricing-name {
+            font-size: 20px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .pricing-price {
+            font-size: 36px;
+            font-weight: 700;
+            color: var(--primary-orange);
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .pricing-price span {
+            font-size: 14px;
+            font-weight: 400;
+            color: var(--text-light);
+        }
+        
+        .pricing-features {
+            margin: var(--spacing-md) 0;
+            text-align: left;
+        }
+        
+        .pricing-features li {
+            font-size: 14px;
+            color: var(--text-secondary);
+            padding: 8px 0;
+            display: flex;
+            align-items: center;
+            gap: 8px;
+        }
+        
+        .pricing-features li::before {
+            content: '✓';
+            color: var(--success);
+            font-weight: 700;
+        }
+        
+        /* Calculator - Advanced Profit Calculator */
+        .profit-calculator {
+            max-width: 1000px;
+            margin: var(--spacing-lg) auto;
+            background: white;
+            padding: var(--spacing-lg);
+            border-radius: var(--radius-lg);
+            box-shadow: var(--shadow-md);
+        }
+        
+        .calculator-title {
+            text-align: center;
+            font-size: 24px;
+            font-weight: 700;
+            margin-bottom: var(--spacing-md);
+            color: var(--text-primary);
+        }
+        
+        .level-tabs {
+            display: flex;
+            gap: 12px;
+            margin-bottom: 24px;
+        }
+        
+        .tab-btn {
+            flex: 1;
+            padding: 16px 20px;
+            border: 2px solid #e0e0e0;
+            border-radius: var(--radius-md);
+            background: #fff;
+            cursor: pointer;
+            font-size: 16px;
+            font-weight: 600;
+            transition: var(--transition);
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+        
+        .tab-btn:hover {
+            border-color: var(--primary-orange);
+        }
+        
+        .tab-btn.active {
+            border-color: var(--primary-orange);
+            background: var(--primary-gradient);
+            color: #fff;
+        }
+        
+        .tab-btn .price {
+            font-size: 13px;
+            font-weight: 400;
+            opacity: 0.9;
+        }
+        
+        .calculator-grid {
+            display: grid;
+            grid-template-columns: 1fr 1fr;
+            gap: 24px;
+        }
+        
+        .input-section, .profit-section {
+            background: var(--bg-gray);
+            padding: 20px;
+            border-radius: var(--radius-md);
+        }
+        
+        .input-section h4, .profit-section h4 {
+            font-size: 16px;
+            margin-bottom: 16px;
+            color: var(--text-primary);
+        }
+        
+        .input-group {
+            margin-bottom: 16px;
+        }
+        
+        .input-group label {
+            display: block;
+            margin-bottom: 6px;
+            font-size: 13px;
+            color: var(--text-secondary);
+        }
+        
+        .input-group input {
+            width: 100%;
+            padding: 10px 12px;
+            border: 1px solid #ddd;
+            border-radius: 6px;
+            font-size: 15px;
+            transition: var(--transition);
+        }
+        
+        .input-group input:focus {
+            outline: none;
+            border-color: var(--primary-orange);
+        }
+        
+        .profit-card {
+            background: #fff;
+            padding: 14px;
+            border-radius: 8px;
+            margin-bottom: 10px;
+        }
+        
+        .profit-card .label {
+            font-size: 13px;
+            color: var(--text-secondary);
+            margin-bottom: 4px;
+        }
+        
+        .profit-card .value {
+            font-size: 24px;
+            font-weight: 700;
+            color: var(--primary-orange);
+        }
+        
+        .profit-card .sub {
+            font-size: 11px;
+            color: #999;
+            margin-top: 4px;
+        }
+        
+        .profit-card.highlight {
+            background: #FFF3E0;
+            border: 2px solid var(--primary-orange);
+        }
+        
+        .profit-card.total {
+            background: var(--primary-gradient);
+            color: #fff;
+        }
+        
+        .profit-card.total .label,
+        .profit-card.total .value,
+        .profit-card.total .sub {
+            color: #fff;
+        }
+        
+        .roi-card {
+            background: #FFF3CD;
+            border: 2px solid #FFC107;
+            padding: 14px;
+            border-radius: 8px;
+            margin-top: 12px;
+        }
+        
+        .roi-card .label {
+            font-size: 13px;
+            color: #856404;
+        }
+        
+        .roi-card .value {
+            font-size: 20px;
+            font-weight: 700;
+            color: #856404;
+        }
+        
+        .roi-card .sub {
+            font-size: 11px;
+            color: #856404;
+            opacity: 0.8;
+            margin-top: 4px;
+        }
+        
+        .product-detail {
+            grid-column: 1 / -1;
+            background: #fff;
+            padding: 20px;
+            border-radius: var(--radius-md);
+            border: 1px solid #e0e0e0;
+            margin-top: 12px;
+        }
+        
+        .product-detail h4 {
+            font-size: 16px;
+            margin-bottom: 12px;
+            color: var(--text-primary);
+        }
+        
+        .product-detail table {
+            width: 100%;
+            border-collapse: collapse;
+            font-size: 13px;
+        }
+        
+        .product-detail th,
+        .product-detail td {
+            padding: 10px;
+            text-align: left;
+            border-bottom: 1px solid #e0e0e0;
+        }
+        
+        .product-detail th {
+            background: var(--bg-gray);
+            font-weight: 600;
+            color: var(--text-primary);
+        }
+        
+        .product-detail tr:hover {
+            background: var(--bg-gray-light);
+        }
+        
+        @media (max-width: 768px) {
+            .calculator-grid {
+                grid-template-columns: 1fr;
+            }
+            
+            .level-tabs {
+                flex-direction: column;
+            }
+        }
+        
+        /* ===== FAQ Section ===== */
+        .faq {
+            background: var(--bg-light);
+        }
+        
+        .faq-list {
+            max-width: 800px;
+            margin: 0 auto;
+        }
+        
+        .faq-item {
+            border-bottom: 1px solid #eee;
+            padding: var(--spacing-md) 0;
+            transition: var(--transition);
+        }
+        
+        .faq-item:hover {
+            background: rgba(255, 106, 25, 0.02);
+            padding-left: var(--spacing-sm);
+            padding-right: var(--spacing-sm);
+            margin-left: calc(-1 * var(--spacing-sm));
+            margin-right: calc(-1 * var(--spacing-sm));
+            border-radius: var(--radius-md);
+        }
+        }
+        
+        .faq-question {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            cursor: pointer;
+            padding: var(--spacing-sm) 0;
+            font-size: 18px;
+            font-weight: 500;
+            transition: var(--transition);
+        }
+        
+        .faq-question:hover {
+            color: var(--primary-orange);
+        }
+        
+        .faq-icon {
+            font-size: 24px;
+            color: var(--primary-orange);
+            transition: var(--transition);
+            width: 32px;
+            height: 32px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            border-radius: 50%;
+            background: rgba(255, 106, 25, 0.1);
+        }
+        
+        .faq-item.active .faq-icon {
+            background: var(--primary-gradient);
+            color: white;
+        }
+        
+        .faq-answer {
+            max-height: 0;
+            overflow: hidden;
+            transition: max-height 0.3s ease;
+            color: var(--text-secondary);
+            line-height: 1.8;
+        }
+        
+        .faq-item.active .faq-icon {
+            transform: rotate(45deg);
+        }
+        
+        .faq-item.active .faq-answer {
+            max-height: 500px;
+            margin-top: var(--spacing-sm);
+        }
+        
+        /* ===== CTA Section ===== */
+        .cta {
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 50%, #FF8A5C 100%);
+            background-size: 200% 200%;
+            animation: gradientShift 5s ease infinite;
+            color: white;
+            text-align: center;
+            padding: var(--spacing-xl) 0;
+            position: relative;
+            overflow: hidden;
+        }
+        
+        .cta::before {
+            content: '';
+            position: absolute;
+            top: -50%;
+            left: -50%;
+            width: 200%;
+            height: 200%;
+            background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
+            animation: rotate 20s linear infinite;
+        }
+        
+        @keyframes rotate {
+            from { transform: rotate(0deg); }
+            to { transform: rotate(360deg); }
+        }
+        
+        .cta h2 {
+            font-size: 36px;
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .cta p {
+            font-size: 18px;
+            opacity: 0.95;
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        .cta-buttons {
+            display: flex;
+            justify-content: center;
+            gap: var(--spacing-sm);
+            flex-wrap: wrap;
+            position: relative;
+            z-index: 1;
+        }
+        
+        .cta .btn {
+            background: white;
+            color: var(--primary-orange);
+        }
+        
+        .cta .btn:hover {
+            transform: translateY(-3px);
+            box-shadow: 0 8px 24px rgba(0,0,0,0.2);
+        }
+        
+        .cta .btn-outline {
+            background: transparent;
+            border-color: rgba(255,255,255,0.5);
+            color: white;
+        }
+        
+        .cta .btn-outline:hover {
+            background: white;
+            color: var(--primary-orange);
+        }
+        
+        .cta .btn-outline:hover {
+            background: white;
+            color: var(--primary-orange);
+        }
+        
+        /* ===== Footer ===== */
+        .footer {
+            background: #1A1A1A;
+            color: white;
+            padding: var(--spacing-xl) 0 var(--spacing-lg);
+        }
+        
+        .footer-grid {
+            display: grid;
+            grid-template-columns: 2fr repeat(3, 1fr);
+            gap: var(--spacing-lg);
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        .footer-brand h3 {
+            font-size: 24px;
+            margin-bottom: var(--spacing-sm);
+            color: var(--primary-orange);
+        }
+        
+        .footer-brand p {
+            font-size: 14px;
+            opacity: 0.8;
+            line-height: 1.8;
+        }
+        
+        .footer-title {
+            font-size: 16px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .footer-links li {
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .footer-links a {
+            font-size: 14px;
+            opacity: 0.8;
+            transition: var(--transition);
+        }
+        
+        .footer-links a:hover {
+            opacity: 1;
+            color: var(--primary-orange);
+        }
+        
+        .footer-bottom {
+            padding-top: var(--spacing-lg);
+            border-top: 1px solid rgba(255,255,255,0.1);
+            text-align: center;
+            font-size: 14px;
+            opacity: 0.6;
+        }
+        
+        .footer-icp {
+            margin-top: var(--spacing-sm);
+        }
+        
+        /* ===== Animations ===== */
+        @keyframes fadeInUp {
+            from {
+                opacity: 0;
+                transform: translateY(30px);
+            }
+            to {
+                opacity: 1;
+                transform: translateY(0);
+            }
+        }
+        
+        .fade-in-up {
+            animation: fadeInUp 0.6s ease forwards;
+        }
+        
+        .section-title {
+            opacity: 0;
+            animation: fadeInUp 0.6s ease forwards;
+        }
+        
+        .product-card {
+            opacity: 0;
+            animation: fadeInUp 0.6s ease forwards;
+            animation-play-state: paused;
+        }
+        
+        .product-card:nth-child(1) { animation-delay: 0.1s; }
+        .product-card:nth-child(2) { animation-delay: 0.15s; }
+        .product-card:nth-child(3) { animation-delay: 0.2s; }
+        .product-card:nth-child(4) { animation-delay: 0.25s; }
+        .product-card:nth-child(5) { animation-delay: 0.3s; }
+        .product-card:nth-child(6) { animation-delay: 0.35s; }
+        
+        .pricing-card {
+            opacity: 0;
+            animation: fadeInUp 0.6s ease forwards;
+            animation-play-state: paused;
+        }
+        
+        .pricing-card:nth-child(1) { animation-delay: 0.1s; }
+        .pricing-card:nth-child(2) { animation-delay: 0.2s; }
+        .pricing-card:nth-child(3) { animation-delay: 0.3s; }
+        
+        /* ===== Responsive ===== */
+        @media (max-width: 1024px) {
+            .features-grid {
+                grid-template-columns: repeat(2, 1fr);
+            }
+            
+            .products-grid {
+                grid-template-columns: repeat(2, 1fr);
+            }
+            
+            .pricing-grid {
+                grid-template-columns: repeat(2, 1fr);
+            }
+            
+            .footer-grid {
+                grid-template-columns: repeat(2, 1fr);
+            }
+        }
+        
+        /* ===== Mobile Responsive - 手机竖屏版 ===== */
+        @media (max-width: 768px) {
+            /* 导航栏 */
+            .navbar .container {
+                height: 60px;
+                padding: 0 12px;
+            }
+            
+            .logo {
+                padding: 0;
+                margin-left: 0;
+            }
+            
+            .logo-img {
+                height: 40px;
+                margin-left: 0;
+            }
+            
+            .nav-menu {
+                display: none;
+                position: absolute;
+                top: 64px;
+                left: 0;
+                right: 0;
+                background: white;
+                flex-direction: column;
+                padding: var(--spacing-md);
+                box-shadow: var(--shadow-md);
+                z-index: 999;
+            }
+            
+            .nav-menu.active {
+                display: flex;
+            }
+            
+            .nav-menu li {
+                margin: 8px 0;
+            }
+            
+            .nav-link {
+                font-size: 16px;
+                padding: 12px 0;
+                display: block;
+            }
+            
+            .nav-cta {
+                display: none;
+            }
+            
+            .menu-toggle {
+                display: flex;
+            }
+            
+            /* Hero Section */
+            .hero {
+                padding-top: 100px;
+                padding-bottom: var(--spacing-lg);
+            }
+            
+            .hero h1 {
+                font-size: 28px;
+                line-height: 1.3;
+            }
+            
+            .hero p {
+                font-size: 14px;
+                margin-top: 12px;
+            }
+            
+            .hero-badge {
+                font-size: 12px;
+                padding: 6px 12px;
+            }
+            
+            .hero-stats {
+                flex-direction: column;
+                gap: var(--spacing-sm);
+                margin-top: var(--spacing-md);
+            }
+            
+            .stat-item {
+                flex-direction: row;
+                justify-content: space-between;
+                padding: 12px 16px;
+            }
+            
+            .stat-number {
+                font-size: 24px;
+            }
+            
+            .stat-label {
+                font-size: 13px;
+            }
+            
+            .hero-buttons {
+                flex-direction: column;
+                gap: 12px;
+            }
+            
+            .hero-buttons .btn {
+                width: 100%;
+            }
+            
+            /* Section Titles */
+            .section-title {
+                font-size: 26px;
+            }
+            
+            .section-subtitle {
+                font-size: 15px;
+            }
+            
+            /* Features */
+            .features-grid {
+                grid-template-columns: 1fr;
+                gap: var(--spacing-sm);
+            }
+            
+            .feature-card {
+                padding: var(--spacing-md);
+            }
+            
+            .feature-icon {
+                font-size: 36px;
+            }
+            
+            .feature-title {
+                font-size: 17px;
+            }
+            
+            .feature-desc {
+                font-size: 13px;
+            }
+            
+            /* Products */
+            .products-grid {
+                grid-template-columns: 1fr;
+                gap: var(--spacing-sm);
+            }
+            
+            .product-card {
+                padding: var(--spacing-md);
+            }
+            
+            .product-icon {
+                font-size: 40px;
+            }
+            
+            .product-name {
+                font-size: 17px;
+            }
+            
+            .product-price {
+                font-size: 20px;
+            }
+            
+            .product-features li {
+                font-size: 13px;
+            }
+            
+            /* Pricing */
+            .pricing-grid {
+                grid-template-columns: 1fr;
+                gap: var(--spacing-sm);
+            }
+            
+            .pricing-card {
+                padding: var(--spacing-md);
+            }
+            
+            .pricing-name {
+                font-size: 18px;
+            }
+            
+            .pricing-price {
+                font-size: 28px;
+            }
+            
+            .pricing-features {
+                font-size: 13px;
+            }
+            
+            .pricing-features li {
+                padding: 8px 0;
+            }
+            
+            /* Calculator */
+            .profit-calculator {
+                padding: var(--spacing-md);
+            }
+            
+            .calculator-grid {
+                grid-template-columns: 1fr;
+                gap: var(--spacing-sm);
+            }
+            
+            .level-tabs {
+                flex-direction: column;
+                gap: 8px;
+            }
+            
+            .tab-btn {
+                padding: 12px 16px;
+                font-size: 15px;
+            }
+            
+            .input-section,
+            .profit-section {
+                padding: 16px;
+            }
+            
+            .profit-card .value {
+                font-size: 20px;
+            }
+            
+            .product-detail table {
+                font-size: 12px;
+            }
+            
+            .product-detail th,
+            .product-detail td {
+                padding: 8px 4px;
+            }
+            
+            /* FAQ */
+            .faq-question {
+                font-size: 16px;
+            }
+            
+            .faq-answer {
+                font-size: 14px;
+            }
+            
+            /* CTA */
+            .cta {
+                padding: var(--spacing-lg) 0;
+            }
+            
+            .cta h2 {
+                font-size: 22px;
+            }
+            
+            .cta p {
+                font-size: 14px;
+            }
+            
+            .cta-buttons {
+                flex-direction: column;
+                gap: 12px;
+            }
+            
+            .cta-buttons .btn {
+                width: 100%;
+            }
+            
+            /* Footer */
+            .footer {
+                padding: var(--spacing-lg) 0;
+            }
+            
+            .footer-grid {
+                grid-template-columns: 1fr;
+                gap: var(--spacing-md);
+            }
+            
+            .footer-brand h3 {
+                font-size: 18px;
+            }
+            
+            .footer-title {
+                font-size: 15px;
+            }
+            
+            .footer-links li {
+                font-size: 13px;
+            }
+            
+            .footer-bottom {
+                flex-direction: column;
+                text-align: center;
+                font-size: 12px;
+            }
+            
+            /* Tech Section */
+            .tech-flow {
+                flex-direction: column;
+                gap: var(--spacing-sm);
+            }
+            
+            .tech-step {
+                padding: var(--spacing-sm);
+            }
+            
+            .tech-step-icon {
+                font-size: 32px;
+            }
+            
+            .tech-step-title {
+                font-size: 15px;
+            }
+            
+            .tech-step-desc {
+                font-size: 12px;
+            }
+            
+            .tech-arrow {
+                transform: rotate(90deg);
+                font-size: 20px;
+            }
+            
+            .api-tags {
+                flex-wrap: wrap;
+            }
+            
+            .api-tag {
+                font-size: 12px;
+                padding: 6px 12px;
+            }
+            
+            /* Buttons */
+            .btn {
+                padding: 12px 24px;
+                font-size: 15px;
+            }
+        }
+        
+        /* 超小屏幕优化 */
+        @media (max-width: 480px) {
+            .hero h1 {
+                font-size: 24px;
+            }
+            
+            .section-title {
+                font-size: 22px;
+            }
+            
+            .container {
+                padding: 0 12px;
+            }
+            
+            .navbar .container {
+                padding: 0 12px;
+            }
+        }
+    </style>
+</head>
+<body>
+    <!-- Navigation -->
+    <nav class="navbar" id="navbar">
+        <div class="container">
+            <a href="#" class="logo">
+                <img src="assets/logo.png" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            
+            <div class="menu-toggle" id="menuToggle">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+            
+            <ul class="nav-menu" id="navMenu">
+                <li><a href="#home" class="nav-link">首页</a></li>
+                <li><a href="#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="#technology" class="nav-link">AI 能力</a></li>
+                <li><a href="#partnership" class="nav-link">代理合作</a></li>
+                <li><a href="#about" class="nav-link">关于我们</a></li>
+            </ul>
+            
+            <div class="nav-cta">
+                <a href="#products" class="btn btn-outline nav-btn">立即查询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
+            </div>
+        </div>
+    </nav>
+
+    <!-- Hero Section -->
+    <section class="hero" id="home">
+        <div class="container">
+            <div class="hero-content">
+                <span class="hero-badge">🤖 AI 驱动的商业信任科技平台</span>
+                <h1>让信任无处不在<br>让合作没有距离</h1>
+                <p>200+ 数据接口 · 智能组合 · 秒级响应</p>
+                
+                <div class="hero-buttons">
+                    <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary">🚀 立即注册</a>
+                    <a href="#partnership" class="btn btn-outline">💼 代理合作</a>
+                </div>
+                
+                <div class="hero-stats">
+                    <div class="stat-item">
+                        <div class="stat-number" id="statReports">0</div>
+                        <div class="stat-label">已生成报告</div>
+                    </div>
+                    <div class="stat-item">
+                        <div class="stat-number" id="statUsers">0</div>
+                        <div class="stat-label">服务用户</div>
+                    </div>
+                    <div class="stat-item">
+                        <div class="stat-number" id="statApis">200+</div>
+                        <div class="stat-label">数据接口</div>
+                    </div>
+                    <div class="stat-item">
+                        <div class="stat-number" id="statEnterprises">0</div>
+                        <div class="stat-label">合作企业</div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+
+
+    <!-- Features Section -->
+    <section class="section features">
+        <div class="container">
+            <h2 class="section-title">核心优势</h2>
+            <p class="section-subtitle">为什么选择愉悦查</p>
+            
+            <div class="features-grid">
+                <div class="feature-card">
+                    <div class="feature-icon">📡</div>
+                    <h3 class="feature-title">海量数据</h3>
+                    <p class="feature-desc">200+ 官方数据接口<br>覆盖全维度信息</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">🤖</div>
+                    <h3 class="feature-title">AI 引擎</h3>
+                    <p class="feature-desc">智能组合接口<br>40+ 分析技能</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">⚡</div>
+                    <h3 class="feature-title">秒级响应</h3>
+                    <p class="feature-desc">实时生成报告<br>最快 3 秒出结果</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">🔒</div>
+                    <h3 class="feature-title">安全合规</h3>
+                    <p class="feature-desc">等保三级认证<br>数据加密传输</p>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Products Section -->
+    <section class="section products" id="products">
+        <div class="container">
+            <h2 class="section-title">产品服务</h2>
+            <p class="section-subtitle">6 大标准报告 + AI 智能定制</p>
+            
+            <div class="products-grid">
+                <!-- Product 1 -->
+                <div class="product-card">
+                    <div class="product-icon">📊</div>
+                    <h3 class="product-name">个人大数据报告</h3>
+                    <div class="product-price">¥49.8</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>全面个人背景分析</li>
+                        <li>秒级生成</li>
+                        <li>PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=riskassessment" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/riskassessment" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- Product 2 -->
+                <div class="product-card">
+                    <div class="product-icon">💕</div>
+                    <h3 class="product-name">婚恋风险报告</h3>
+                    <div class="product-price">¥39.9</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>婚恋风险评估</li>
+                        <li>隐私保护</li>
+                        <li>PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=marriage" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/marriage" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- Product 3 -->
+                <div class="product-card">
+                    <div class="product-icon">💼</div>
+                    <h3 class="product-name">入职背调报告</h3>
+                    <div class="product-price">¥69.9</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>员工背景筛查</li>
+                        <li>降低用工风险</li>
+                        <li>批量查询优惠</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=backgroundcheck" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/backgroundcheck" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- Product 4 -->
+                <div class="product-card">
+                    <div class="product-icon">🏢</div>
+                    <h3 class="product-name">小微企业报告</h3>
+                    <div class="product-price">¥69.9</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>企业风险筛查</li>
+                        <li>合作前必备</li>
+                        <li>PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=companyinfo" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/companyinfo" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- Product 5 -->
+                <div class="product-card">
+                    <div class="product-icon">🧹</div>
+                    <h3 class="product-name">家政风险报告</h3>
+                    <div class="product-price">¥39.9</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>家政人员背调</li>
+                        <li>雇佣更安全</li>
+                        <li>PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=homeservice" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/homeservice" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- Product 6 -->
+                <div class="product-card">
+                    <div class="product-icon">💳</div>
+                    <h3 class="product-name">消金报告</h3>
+                    <div class="product-price">¥39.9</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>消费金融风险评估</li>
+                        <li>快速决策支持</li>
+                        <li>PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=consumerFinanceReport" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/consumerFinanceReport" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- AI Custom Product -->
+                <div class="product-ai">
+                    <h3>✨ AI 定制报告</h3>
+                    <p>告诉我您的需求，AI 智能组合 200+ 接口，生成独一无二的专属报告</p>
+                    <p style="font-size:14px;opacity:0.8;">例："我想了解一个合作伙伴的信用和风险状况"</p>
+                    <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn">🎯 立即定制 - 从 ¥99 起</a>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Sample Reports Section -->
+    <section class="section sample-reports" id="sample-reports" style="background: var(--bg-gray);">
+        <div class="container">
+            <h2 class="section-title">示例报告</h2>
+            <p class="section-subtitle">查看真实报告样本，了解报告内容</p>
+            
+            <div class="sample-grid">
+                <!-- Sample 1 -->
+                <div class="sample-card">
+                    <div class="sample-icon">📊</div>
+                    <h3 class="sample-name">个人大数据报告</h3>
+                    <p class="sample-desc">全面个人背景分析，包含身份信息、社交网络、行为特征等多维度数据</p>
+                    <ul class="sample-features">
+                        <li>✓ 3-4 个数据接口组合</li>
+                        <li>✓ 秒级生成</li>
+                        <li>✓ PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=riskassessment" target="_blank" class="btn btn-outline" style="width:100%">👁️ 查看示例</a>
+                </div>
+                
+                <!-- Sample 2 -->
+                <div class="sample-card">
+                    <div class="sample-icon">💕</div>
+                    <h3 class="sample-name">婚恋风险报告</h3>
+                    <p class="sample-desc">婚恋风险评估，帮助了解对方的婚姻状况、信用记录等关键信息</p>
+                    <ul class="sample-features">
+                        <li>✓ 婚恋风险评估</li>
+                        <li>✓ 隐私保护</li>
+                        <li>✓ PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=marriage" target="_blank" class="btn btn-outline" style="width:100%">👁️ 查看示例</a>
+                </div>
+                
+                <!-- Sample 3 -->
+                <div class="sample-card">
+                    <div class="sample-icon">💼</div>
+                    <h3 class="sample-name">入职背调报告</h3>
+                    <p class="sample-desc">员工背景筛查，降低用工风险，包含学历、工作履历、信用记录等</p>
+                    <ul class="sample-features">
+                        <li>✓ 员工背景筛查</li>
+                        <li>✓ 降低用工风险</li>
+                        <li>✓ 批量查询优惠</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=backgroundcheck" target="_blank" class="btn btn-outline" style="width:100%">👁️ 查看示例</a>
+                </div>
+                
+                <!-- Sample 4 -->
+                <div class="sample-card">
+                    <div class="sample-icon">🏢</div>
+                    <h3 class="sample-name">小微企业报告</h3>
+                    <p class="sample-desc">企业风险筛查，合作前必备，包含工商信息、司法风险、经营状况等</p>
+                    <ul class="sample-features">
+                        <li>✓ 企业风险筛查</li>
+                        <li>✓ 合作前必备</li>
+                        <li>✓ PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=companyinfo" target="_blank" class="btn btn-outline" style="width:100%">👁️ 查看示例</a>
+                </div>
+                
+                <!-- Sample 5 -->
+                <div class="sample-card">
+                    <div class="sample-icon">🧹</div>
+                    <h3 class="sample-name">家政风险报告</h3>
+                    <p class="sample-desc">家政人员背调，雇佣更安全，包含身份信息、犯罪记录、信用状况等</p>
+                    <ul class="sample-features">
+                        <li>✓ 家政人员背调</li>
+                        <li>✓ 雇佣更安全</li>
+                        <li>✓ PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=homeservice" target="_blank" class="btn btn-outline" style="width:100%">👁️ 查看示例</a>
+                </div>
+                
+                <!-- Sample 6 -->
+                <div class="sample-card">
+                    <div class="sample-icon">💳</div>
+                    <h3 class="sample-name">消金报告</h3>
+                    <p class="sample-desc">消费金融风险评估，快速决策支持，包含信用记录、负债情况、还款能力等</p>
+                    <ul class="sample-features">
+                        <li>✓ 消费金融风险评估</li>
+                        <li>✓ 快速决策支持</li>
+                        <li>✓ PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=consumerFinanceReport" target="_blank" class="btn btn-outline" style="width:100%">👁️ 查看示例</a>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- Technology Section -->
+    <section class="section technology" id="technology">
+        <div class="container">
+            <h2 class="section-title">AI 技术能力</h2>
+            <p class="section-subtitle">200+ 数据接口智能组合引擎</p>
+            
+            <div class="tech-diagram">
+                <div class="tech-flow">
+                    <div class="tech-step">
+                        <div class="tech-step-icon">📝</div>
+                        <div class="tech-step-title">用户需求</div>
+                        <div class="tech-step-desc">自然语言描述</div>
+                    </div>
+                    <div class="tech-arrow">→</div>
+                    <div class="tech-step">
+                        <div class="tech-step-icon">🧠</div>
+                        <div class="tech-step-title">AI 分析</div>
+                        <div class="tech-step-desc">理解需求意图</div>
+                    </div>
+                    <div class="tech-arrow">→</div>
+                    <div class="tech-step">
+                        <div class="tech-step-icon">🔌</div>
+                        <div class="tech-step-title">接口选择</div>
+                        <div class="tech-step-desc">智能匹配接口</div>
+                    </div>
+                    <div class="tech-arrow">→</div>
+                    <div class="tech-step">
+                        <div class="tech-step-icon">📊</div>
+                        <div class="tech-step-title">报告生成</div>
+                        <div class="tech-step-desc">秒级输出结果</div>
+                    </div>
+                </div>
+                
+                <div class="tech-apis">
+                    <p>接口类型覆盖</p>
+                    <div class="api-tags">
+                        <span class="api-tag">公安数据</span>
+                        <span class="api-tag">法院数据</span>
+                        <span class="api-tag">学历验证</span>
+                        <span class="api-tag">工作履历</span>
+                        <span class="api-tag">金融信用</span>
+                        <span class="api-tag">社交网络</span>
+                        <span class="api-tag">商业信息</span>
+                        <span class="api-tag">更多...</span>
+                    </div>
+                </div>
+            </div>
+            
+            <div style="text-align:center;margin-top:var(--spacing-lg);">
+                <a href="/apidemo/" class="btn btn-outline" style="border-color:rgba(255,255,255,0.3);color:white;">📚 查看 API 文档</a>
+                <a href="https://yuyuecha.com/platform" class="btn btn-outline" style="border-color:rgba(255,255,255,0.3);color:white;margin-left:var(--spacing-sm);">🔧 开放平台</a>
+            </div>
+        </div>
+    </section>
+
+    <!-- Partnership Section -->
+    <section class="section partnership" id="partnership">
+        <div class="container">
+            <h2 class="section-title">代理合作</h2>
+            <p class="section-subtitle">加入愉悦查，共享信任经济红利</p>
+            
+            <div class="pricing-grid">
+                <!-- Silver -->
+                <div class="pricing-card">
+                    <div class="pricing-icon">🥈</div>
+                    <h3 class="pricing-name">白银代理</h3>
+                    <div class="pricing-price">¥0<span>/终身</span></div>
+                    <ul class="pricing-features">
+                        <li>10% 返佣</li>
+                        <li>基础培训支持</li>
+                        <li>标准产品价格</li>
+                        <li>在线帮助中心</li>
+                    </ul>
+                    <a href="https://yuyuecha.com/agent/apply?type=silver" class="btn btn-outline" style="width:100%">立即申请</a>
+                </div>
+                
+                <!-- Gold -->
+                <div class="pricing-card featured">
+                    <div class="pricing-icon">🥇</div>
+                    <h3 class="pricing-name">黄金代理</h3>
+                    <div class="pricing-price">¥198<span>/年</span></div>
+                    <ul class="pricing-features">
+                        <li>30% 返佣</li>
+                        <li>优先技术支持</li>
+                        <li>专属代理价格</li>
+                        <li>营销素材支持</li>
+                        <li>定期培训</li>
+                    </ul>
+                    <a href="https://yuyuecha.com/agent/apply?type=gold" class="btn btn-primary" style="width:100%">立即申请</a>
+                </div>
+                
+                <!-- Diamond -->
+                <div class="pricing-card">
+                    <div class="pricing-icon">💎</div>
+                    <h3 class="pricing-name">钻石代理</h3>
+                    <div class="pricing-price">¥980<span>/年</span></div>
+                    <ul class="pricing-features">
+                        <li>50% 返佣</li>
+                        <li>1 对 1 专属辅导</li>
+                        <li>最低代理价格</li>
+                        <li>联合营销支持</li>
+                        <li>优先新功能体验</li>
+                        <li>区域保护政策</li>
+                    </ul>
+                    <a href="https://yuyuecha.com/agent/apply?type=diamond" class="btn btn-outline" style="width:100%">立即申请</a>
+                </div>
+            </div>
+            
+            <!-- Advanced Profit Calculator -->
+            <div class="profit-calculator">
+                <h3 class="calculator-title">💵 代理收益计算器</h3>
+                
+                <!-- Level Tabs -->
+                <div class="level-tabs">
+                    <button class="tab-btn active" onclick="switchLevel('silver')">
+                        🥈 白银代理
+                        <span class="price">¥0</span>
+                    </button>
+                    <button class="tab-btn" onclick="switchLevel('gold')">
+                        🥇 黄金代理
+                        <span class="price">¥198</span>
+                    </button>
+                    <button class="tab-btn" onclick="switchLevel('diamond')">
+                        💎 钻石代理
+                        <span class="price">¥980</span>
+                    </button>
+                </div>
+                
+                <div class="calculator-grid">
+                    <!-- Input Section -->
+                    <div class="input-section">
+                        <h4>📊 输入您的销售数据</h4>
+                        
+                        <div class="input-group">
+                            <label>每日销售份数</label>
+                            <input type="number" id="dailySales" value="30" min="0" max="1000" oninput="calculateProfit()">
+                        </div>
+                        
+                        <div class="input-group">
+                            <label>直推代理人数（月）</label>
+                            <input type="number" id="referralCount" value="5" min="0" max="100" oninput="calculateProfit()">
+                        </div>
+                        
+                        <div class="input-group" id="teamSilverGroup" style="display:none;">
+                            <label>下级白银代理人数</label>
+                            <input type="number" id="teamSilver" value="20" min="0" max="500" oninput="calculateProfit()">
+                        </div>
+                        
+                        <div class="input-group" id="teamGoldGroup" style="display:none;">
+                            <label>下级黄金代理人数</label>
+                            <input type="number" id="teamGold" value="5" min="0" max="100" oninput="calculateProfit()">
+                        </div>
+                    </div>
+                    
+                    <!-- Profit Section -->
+                    <div class="profit-section">
+                        <h4>💰 预期收益</h4>
+                        
+                        <div class="profit-card">
+                            <div class="label">单份平均利润</div>
+                            <div class="value" id="avgProfit">¥38.22</div>
+                        </div>
+                        
+                        <div class="profit-card highlight">
+                            <div class="label">日零售收益</div>
+                            <div class="value" id="dailyRetailProfit">¥1,147</div>
+                            <div class="sub" id="dailyRetailSub">30 份 × ¥38.22</div>
+                        </div>
+                        
+                        <div class="profit-card">
+                            <div class="label">月零售收益</div>
+                            <div class="value" id="monthlyRetailProfit">¥34,410</div>
+                        </div>
+                        
+                        <div class="profit-card" id="referralCard">
+                            <div class="label">月直推奖励</div>
+                            <div class="value" id="monthlyReferralProfit">¥0</div>
+                            <div class="sub" id="referralSub">5 人 × ¥0/人</div>
+                        </div>
+                        
+                        <div class="profit-card" id="teamCard" style="display:none;">
+                            <div class="label">月团队提成</div>
+                            <div class="value" id="monthlyTeamProfit">¥0</div>
+                        </div>
+                        
+                        <div class="profit-card total">
+                            <div class="label">月总收益</div>
+                            <div class="value" id="totalMonthlyProfit">¥34,410</div>
+                        </div>
+                        
+                        <div class="roi-card" id="roiCard" style="display:none;">
+                            <div class="label">回本周期</div>
+                            <div class="value" id="paybackDays">0 天</div>
+                            <div class="sub" id="paybackHours">或 0 小时（日销 30 份）</div>
+                        </div>
+                    </div>
+                </div>
+                
+                <!-- Product Detail Table -->
+                <div class="product-detail">
+                    <h4>📦 各产品利润明细（<span id="currentLevelName">白银代理</span>）</h4>
+                    <table>
+                        <thead>
+                            <tr>
+                                <th>产品</th>
+                                <th>零售价</th>
+                                <th>您的底价</th>
+                                <th>单份利润</th>
+                                <th>利润率</th>
+                            </tr>
+                        </thead>
+                        <tbody id="productTableBody">
+                            <!-- Populated by JavaScript -->
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+            
+            <div style="text-align:center;">
+                <a href="#" class="btn btn-primary">📝 立即申请代理</a>
+            </div>
+        </div>
+    </section>
+
+    <!-- FAQ Section -->
+    <section class="section faq" id="faq">
+        <div class="container">
+            <h2 class="section-title">常见问题</h2>
+            <p class="section-subtitle">您可能想知道的问题</p>
+            
+            <div class="faq-list">
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>报告准确率如何保证？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        愉悦查所有数据均来自官方授权渠道，通过 200+ 数据接口交叉验证，确保信息准确可靠。AI 引擎会自动识别异常数据并进行人工复核，准确率达 99% 以上。
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>数据来源是否合法合规？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        是的，我们严格遵守《个人信息保护法》和相关法律法规，所有数据接口均获得合法授权，查询过程需要被查询人授权同意，确保数据来源和使用完全合规。
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>多久能拿到报告？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        标准报告通常 3-5 秒即可生成，复杂报告或 AI 定制报告可能需要 30 秒 -2 分钟。报告生成后会通过短信/邮件通知您，也可在个人中心随时查看下载。
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>如何成为代理？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        点击页面上方的"立即申请"按钮，填写代理申请表，我们的招商团队会在 1-2 个工作日内联系您。白银代理零门槛免费加入，黄金/钻石代理需支付相应年费。
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>支持退款吗？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        报告一旦生成无法退款，因为数据查询成本已产生。但如果您对报告质量有异议，可在 7 天内联系客服申请复核或重新查询。
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- CTA Section -->
+    <section class="cta">
+        <div class="container">
+            <h2>准备好开始建立信任了吗？</h2>
+            <p>立即体验 AI 驱动的商业信任科技</p>
+            <div class="cta-buttons">
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn">🚀 立即注册</a>
+                <a href="#partnership" class="btn btn-outline">💼 代理合作</a>
+            </div>
+        </div>
+    </section>
+
+    <!-- Footer -->
+    <footer class="footer" id="about">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <h3>愉悦查</h3>
+                    <p>让信任无处不在，让合作没有距离</p>
+                    <p style="margin-top:16px;font-size:13px;">愉悦查（北京正信环宇科技有限公司）</p>
+                    <p style="font-size:13px;">AI 驱动的商业信任科技平台</p>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">产品</h4>
+                    <ul class="footer-links">
+                        <li><a href="#">个人大数据报告</a></li>
+                        <li><a href="#">婚恋风险报告</a></li>
+                        <li><a href="#">入职背调报告</a></li>
+                        <li><a href="#">小微企业报告</a></li>
+                        <li><a href="#">家政风险报告</a></li>
+                        <li><a href="#">消金报告</a></li>
+                        <li><a href="#">AI 定制报告</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">公司</h4>
+                    <ul class="footer-links">
+                        <li><a href="#">关于我们</a></li>
+                        <li><a href="#">加入我们</a></li>
+                        <li><a href="#">联系我们</a></li>
+                        <li><a href="#">新闻动态</a></li>
+                        <li><a href="#">合作伙伴</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">支持</h4>
+                    <ul class="footer-links">
+                        <li><a href="#">帮助中心</a></li>
+                        <li><a href="#">API 文档</a></li>
+                        <li><a href="#">代理支持</a></li>
+                        <li><a href="#">隐私政策</a></li>
+                        <li><a href="#">服务条款</a></li>
+                        <li><a href="#">免责声明</a></li>
+                    </ul>
+                </div>
+            </div>
+            
+            <div class="footer-bottom">
+                <p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p class="footer-icp">京 ICP 备 2025158088 号 -2</p>
+                <p style="font-size:12px;color:#999;margin-top:8px;">地址：北京市朝阳区 | 邮箱：contact@yuyuecha.com</p>
+            </div>
+        </div>
+    </footer>
+
+    <!-- Back to Top Button -->
+    <button id="backToTop" style="position:fixed;bottom:30px;right:30px;width:50px;height:50px;border-radius:50%;background:var(--primary-gradient);border:none;cursor:pointer;box-shadow:var(--shadow-lg);display:none;align-items:center;justify-content:center;font-size:24px;z-index:999;transition:var(--transition);">↑</button>
+
+    <script>
+        // ===== Back to Top Button =====
+        const backToTopBtn = document.getElementById('backToTop');
+        
+        window.addEventListener('scroll', () => {
+            if (window.scrollY > 500) {
+                backToTopBtn.style.display = 'flex';
+            } else {
+                backToTopBtn.style.display = 'none';
+            }
+        });
+        
+        backToTopBtn.addEventListener('click', () => {
+            window.scrollTo({ top: 0, behavior: 'smooth' });
+        });
+        
+        backToTopBtn.addEventListener('mouseenter', () => {
+            backToTopBtn.style.transform = 'scale(1.1)';
+        });
+        
+        backToTopBtn.addEventListener('mouseleave', () => {
+            backToTopBtn.style.transform = 'scale(1)';
+        });
+
+        // ===== Navbar Scroll Effect =====
+        window.addEventListener('scroll', () => {
+            const navbar = document.getElementById('navbar');
+            if (window.scrollY > 50) {
+                navbar.classList.add('scrolled');
+            } else {
+                navbar.classList.remove('scrolled');
+            }
+        });
+
+        // ===== Mobile Menu Toggle =====
+        document.getElementById('menuToggle').addEventListener('click', () => {
+            document.getElementById('navMenu').classList.toggle('active');
+        });
+
+        // ===== Smooth Scroll =====
+        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' });
+                    // Close mobile menu
+                    document.getElementById('navMenu').classList.remove('active');
+                }
+            });
+        });
+
+        // ===== Animated Counter =====
+        function animateCounter(elementId, target, suffix = '') {
+            const element = document.getElementById(elementId);
+            if (!element) return;
+            
+            let current = 0;
+            const increment = target / 50;
+            const timer = setInterval(() => {
+                current += increment;
+                if (current >= target) {
+                    element.textContent = target.toLocaleString() + suffix;
+                    clearInterval(timer);
+                } else {
+                    element.textContent = Math.floor(current).toLocaleString() + suffix;
+                }
+            }, 30);
+        }
+
+        // ===== Intersection Observer for Animations =====
+        const observerOptions = {
+            threshold: 0.2,
+            rootMargin: '0px'
+        };
+
+        const observer = new IntersectionObserver((entries) => {
+            entries.forEach(entry => {
+                if (entry.isIntersecting) {
+                    // Animate stats when visible
+                    if (entry.target.id === 'statReports') {
+                        animateCounter('statReports', 100000, '+');
+                        animateCounter('statUsers', 50000, '+');
+                        animateCounter('statEnterprises', 5000, '+');
+                    }
+                    observer.unobserve(entry.target);
+                }
+            });
+        }, observerOptions);
+
+        document.getElementById('statReports') && observer.observe(document.getElementById('statReports'));
+
+        // ===== FAQ Toggle =====
+        document.querySelectorAll('.faq-question').forEach(question => {
+            question.addEventListener('click', () => {
+                const item = question.parentElement;
+                const icon = question.querySelector('.faq-icon');
+                
+                // Close other items
+                document.querySelectorAll('.faq-item').forEach(other => {
+                    if (other !== item) {
+                        other.classList.remove('active');
+                        other.querySelector('.faq-icon').textContent = '+';
+                    }
+                });
+                
+                // Toggle current item
+                item.classList.toggle('active');
+                icon.textContent = item.classList.contains('active') ? '×' : '+';
+            });
+        });
+
+        // ===== Advanced Profit Calculator =====
+        const levelData = {
+            silver: { name: '白银代理', fee: 0, markup: 6, referralBonus: 0, teamSilver: 2, teamGold: 0 },
+            gold: { name: '黄金代理', fee: 198, markup: 3, referralBonus: 60, teamSilver: 3, teamGold: 0 },
+            diamond: { name: '钻石代理', fee: 980, markup: 2, referralBonus: 300, teamSilver: 6, teamGold: 3 }
+        };
+        
+        const products = [
+            { name: '消金报告', retail: 39.9, baseCost: 6.0 },
+            { name: '家政风险报告', retail: 39.9, baseCost: 6.0 },
+            { name: '个人大数据报告', retail: 49.8, baseCost: 5.0 },
+            { name: '入职背调报告', retail: 69.9, baseCost: 9.0 },
+            { name: '小微企业报告', retail: 69.9, baseCost: 9.0 },
+            { name: '婚恋风险报告', retail: 39.9, baseCost: 9.0 }
+        ];
+        
+        let currentLevel = 'silver';
+        
+        function switchLevel(level) {
+            currentLevel = level;
+            
+            // Update tabs
+            document.querySelectorAll('.tab-btn').forEach(btn => btn.classList.remove('active'));
+            event.target.closest('.tab-btn').classList.add('active');
+            
+            // Show/hide team inputs for diamond
+            const isDiamond = level === 'diamond';
+            const isGoldOrDiamond = level === 'gold' || level === 'diamond';
+            document.getElementById('teamSilverGroup').style.display = isGoldOrDiamond ? 'block' : 'none';
+            document.getElementById('teamGoldGroup').style.display = isDiamond ? 'block' : 'none';
+            document.getElementById('teamCard').style.display = isGoldOrDiamond ? 'block' : 'none';
+            document.getElementById('roiCard').style.display = isGoldOrDiamond ? 'block' : 'none';
+            
+            calculateProfit();
+        }
+        
+        function getProductCost(product) {
+            return product.baseCost + levelData[currentLevel].markup;
+        }
+        
+        function getProductProfit(product) {
+            return product.retail - getProductCost(product);
+        }
+        
+        function getProductMargin(product) {
+            const profit = getProductProfit(product);
+            return ((profit / product.retail) * 100).toFixed(0);
+        }
+        
+        function calculateProfit() {
+            const dailySales = parseFloat(document.getElementById('dailySales').value) || 0;
+            const referralCount = parseFloat(document.getElementById('referralCount').value) || 0;
+            const teamSilver = parseFloat(document.getElementById('teamSilver').value) || 0;
+            const teamGold = parseFloat(document.getElementById('teamGold').value) || 0;
+            
+            const level = levelData[currentLevel];
+            
+            // Calculate average profit
+            const totalProfit = products.reduce((sum, p) => sum + getProductProfit(p), 0);
+            const avgProfit = totalProfit / products.length;
+            
+            // Retail profit
+            const dailyRetailProfit = avgProfit * dailySales;
+            const monthlyRetailProfit = dailyRetailProfit * 30;
+            
+            // Referral bonus
+            const monthlyReferralProfit = level.referralBonus * referralCount;
+            
+            // Team commission
+            let monthlyTeamProfit = 0;
+            if (currentLevel === 'gold') {
+                monthlyTeamProfit = level.teamSilver * teamSilver * 30;
+            } else if (currentLevel === 'diamond') {
+                monthlyTeamProfit = (level.teamSilver * teamSilver + level.teamGold * teamGold) * 30;
+            }
+            
+            // Total
+            const totalMonthlyProfit = monthlyRetailProfit + monthlyReferralProfit + monthlyTeamProfit;
+            
+            // ROI
+            let paybackDays = 0;
+            let paybackHours = 0;
+            if (level.fee > 0) {
+                const dailyTotal = dailyRetailProfit + (monthlyReferralProfit + monthlyTeamProfit) / 30;
+                if (dailyTotal > 0) {
+                    paybackDays = Math.ceil(level.fee / dailyTotal);
+                    paybackHours = (level.fee / (totalMonthlyProfit / 30 / 24)).toFixed(1);
+                }
+            }
+            
+            // Update UI
+            document.getElementById('avgProfit').textContent = '¥' + avgProfit.toFixed(2);
+            document.getElementById('dailyRetailProfit').textContent = '¥' + dailyRetailProfit.toLocaleString('zh-CN', {minimumFractionDigits: 0, maximumFractionDigits: 0});
+            document.getElementById('dailyRetailSub').textContent = dailySales + '份 × ¥' + avgProfit.toFixed(2);
+            document.getElementById('monthlyRetailProfit').textContent = '¥' + monthlyRetailProfit.toLocaleString('zh-CN', {minimumFractionDigits: 0, maximumFractionDigits: 0});
+            document.getElementById('monthlyReferralProfit').textContent = '¥' + monthlyReferralProfit.toLocaleString('zh-CN', {minimumFractionDigits: 0, maximumFractionDigits: 0});
+            document.getElementById('referralSub').textContent = referralCount + '人 × ¥' + level.referralBonus + '/人';
+            document.getElementById('monthlyTeamProfit').textContent = '¥' + monthlyTeamProfit.toLocaleString('zh-CN', {minimumFractionDigits: 0, maximumFractionDigits: 0});
+            document.getElementById('totalMonthlyProfit').textContent = '¥' + totalMonthlyProfit.toLocaleString('zh-CN', {minimumFractionDigits: 0, maximumFractionDigits: 0});
+            document.getElementById('paybackDays').textContent = paybackDays + '天';
+            document.getElementById('paybackHours').textContent = '或 ' + paybackHours + '小时（日销' + dailySales + '份）';
+            
+            // Update product table
+            document.getElementById('currentLevelName').textContent = level.name;
+            const tbody = document.getElementById('productTableBody');
+            tbody.innerHTML = products.map(p => `
+                <tr>
+                    <td>${p.name}</td>
+                    <td>¥${p.retail}</td>
+                    <td>¥${getProductCost(p).toFixed(2)}</td>
+                    <td>¥${getProductProfit(p).toFixed(2)}</td>
+                    <td>${getProductMargin(p)}%</td>
+                </tr>
+            `).join('');
+        }
+        
+        // Initialize calculator
+        calculateProfit();
+
+        // ===== Scroll Animation Trigger =====
+        const animationObserver = new IntersectionObserver((entries) => {
+            entries.forEach(entry => {
+                if (entry.isIntersecting) {
+                    entry.target.style.opacity = '1';
+                    entry.target.style.animationPlayState = 'running';
+                }
+            });
+        }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' });
+
+        document.querySelectorAll('.product-card, .pricing-card, .section-title').forEach(el => {
+            animationObserver.observe(el);
+        });
+
+        // ===== Initialize =====
+        console.log('愉悦查官网已加载 🚀');
+    </script>
+</body>
+</html>
diff --git a/index.html.bak.agent_btn b/index.html.bak.agent_btn
new file mode 100755
index 0000000..5f2a8e4
--- /dev/null
+++ b/index.html.bak.agent_btn
@@ -0,0 +1,2613 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>愉悦查 - 让信任无处不在，让合作没有距离 | AI 驱动的商业信任科技平台</title>
+    <meta name="description" content="愉悦查是 AI 驱动的商业信任科技平台，提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告，支持 AI 智能定制报告。200+ 数据接口，秒级响应，让信任无处不在。">
+    <meta name="keywords" 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=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    
+    <style>
+        /* ===== CSS Variables - 品牌色定义 ===== */
+        :root {
+            /* 品牌主色 - 橙色系 (来自蓝湖设计稿) */
+            --primary-orange: #FF6A19;
+            --primary-orange-light: #FC6E18;
+            --primary-orange-dark: #E64E10;
+            --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
+            --primary-orange-soft: #FFDECC;
+            
+            /* 辅助色 */
+            --bg-light: #FFFFFF;
+            --bg-gray: #F5F7FA;
+            --bg-gray-light: #E4E7E0;
+            
+            /* 文字色 */
+            --text-primary: #1A1A1A;
+            --text-secondary: #666666;
+            --text-light: #999999;
+            
+            /* 功能色 */
+            --success: #07C160;
+            --warning: #FF9500;
+            --error: #FF3B30;
+            
+            /* 间距 */
+            --spacing-xs: 8px;
+            --spacing-sm: 16px;
+            --spacing-md: 24px;
+            --spacing-lg: 48px;
+            --spacing-xl: 80px;
+            
+            /* 圆角 */
+            --radius-sm: 4px;
+            --radius-md: 8px;
+            --radius-lg: 16px;
+            --radius-xl: 24px;
+            
+            /* 阴影 */
+            --shadow-sm: 0 2px 8px rgba(0,0,0,0.08);
+            --shadow-md: 0 4px 16px rgba(0,0,0,0.12);
+            --shadow-lg: 0 8px 32px rgba(0,0,0,0.16);
+            
+            /* 过渡 */
+            --transition: all 0.3s ease;
+        }
+        
+        /* ===== Reset & Base ===== */
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+        
+        html {
+            scroll-behavior: smooth;
+        }
+        
+        body {
+            font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+            font-size: 16px;
+            line-height: 1.6;
+            color: var(--text-primary);
+            background-color: var(--bg-light);
+        }
+        
+        a {
+            text-decoration: none;
+            color: inherit;
+        }
+        
+        ul {
+            list-style: none;
+        }
+        
+        img {
+            max-width: 100%;
+            height: auto;
+        }
+        
+        .container {
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 0 var(--spacing-md);
+        }
+        
+        .btn {
+            display: inline-block;
+            padding: 14px 32px;
+            font-size: 16px;
+            font-weight: 500;
+            border-radius: var(--radius-md);
+            cursor: pointer;
+            transition: var(--transition);
+            border: none;
+            text-align: center;
+        }
+        
+        .btn-primary {
+            background: var(--primary-gradient);
+            color: white;
+            box-shadow: 0 4px 12px rgba(236, 77, 9, 0.3);
+        }
+        
+        .btn-primary:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 6px 20px rgba(236, 77, 9, 0.4);
+        }
+        
+        .btn-outline {
+            background: transparent;
+            border: 2px solid var(--primary-orange);
+            color: var(--primary-orange);
+        }
+        
+        .btn-outline:hover {
+            background: var(--primary-gradient);
+            color: white;
+            transform: translateY(-2px);
+            box-shadow: 0 4px 12px rgba(255, 106, 25, 0.3);
+        }
+        
+        .btn-primary:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 6px 20px rgba(255, 106, 25, 0.4);
+        }
+        
+        .section {
+            padding: var(--spacing-xl) 0;
+        }
+        
+        .section-title {
+            text-align: center;
+            font-size: 36px;
+            font-weight: 700;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .section-subtitle {
+            text-align: center;
+            font-size: 18px;
+            color: var(--text-secondary);
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        /* ===== Navigation ===== */
+        /* ===== Navigation ===== */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+            transition: var(--transition);
+        }
+        
+        .navbar.scrolled {
+            box-shadow: 0 4px 30px rgba(0,0,0,0.12);
+        }
+        
+        .navbar .container {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            height: 80px;
+            max-width: 1400px;
+            margin: 0 auto;
+            padding: 0 32px;
+        }
+        
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            text-decoration: none;
+            background: transparent;
+            padding: 4px 0;
+        }
+        
+        .logo-img {
+            background: rgba(255,255,255,0.95);
+            height: 60px;
+            width: auto;
+            object-fit: contain;
+            transition: var(--transition);
+            
+        }
+        
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            text-decoration: none;
+            padding: 6px 0;
+        }
+        
+        .logo-img {
+            background: rgba(255,255,255,0.95);
+            height: 60px;
+            width: auto;
+            object-fit: contain;
+            transition: var(--transition);
+            
+        }
+        
+        .logo:hover .logo-img {
+            background: rgba(255,255,255,0.95);
+            transform: scale(1.05);
+        }
+        
+        .nav-menu {
+            display: flex;
+            gap: var(--spacing-lg);
+            align-items: center;
+        }
+        
+        .nav-link {
+            font-size: 15px;
+            font-weight: 500;
+            color: var(--text-primary);
+            transition: var(--transition);
+            position: relative;
+        }
+        
+        .nav-link:hover {
+            color: var(--primary-orange);
+        }
+        
+        .nav-link::after {
+            content: '';
+            position: absolute;
+            bottom: -4px;
+            left: 0;
+            width: 0;
+            height: 2px;
+            background: var(--primary-orange);
+            transition: var(--transition);
+        }
+        
+        .nav-link:hover::after {
+            width: 100%;
+        }
+        
+        .nav-cta {
+            display: flex;
+            gap: var(--spacing-sm);
+        }
+        
+        .nav-btn {
+            padding: 10px 20px;
+            font-size: 14px;
+        }
+        
+        /* Mobile Menu */
+        .menu-toggle {
+            display: none;
+            flex-direction: column;
+            gap: 5px;
+            cursor: pointer;
+            padding: 5px;
+        }
+        
+        .menu-toggle span {
+            width: 25px;
+            height: 3px;
+            background: var(--primary-orange);
+            border-radius: 2px;
+            transition: var(--transition);
+        }
+        
+        /* ===== Hero Section ===== */
+        .hero {
+            padding-top: 160px;
+            padding-bottom: 100px;
+            background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 50%, #F5F7FA 100%);
+            position: relative;
+            overflow: hidden;
+        }
+        
+        .hero::before {
+            content: '';
+            position: absolute;
+            top: -50%;
+            right: -20%;
+            width: 80%;
+            height: 200%;
+            background: radial-gradient(circle, rgba(236, 77, 9, 0.05) 0%, transparent 70%);
+            animation: float 20s ease-in-out infinite;
+        }
+        
+        @keyframes float {
+            0%, 100% { transform: translateY(0) rotate(0deg); }
+            50% { transform: translateY(-20px) rotate(5deg); }
+        }
+        
+        .hero-content {
+            text-align: center;
+            max-width: 900px;
+            margin: 0 auto;
+            position: relative;
+            z-index: 1;
+        }
+        
+        .hero-badge {
+            display: inline-block;
+            padding: 8px 16px;
+            background: linear-gradient(135deg, rgba(255, 106, 25, 0.1), rgba(252, 110, 24, 0.15));
+            color: var(--primary-orange);
+            font-size: 14px;
+            font-weight: 600;
+            border-radius: 20px;
+            margin-bottom: var(--spacing-md);
+            border: 1px solid rgba(255, 106, 25, 0.2);
+            animation: pulse 2s ease-in-out infinite;
+        }
+        
+        @keyframes pulse {
+            0%, 100% { transform: scale(1); }
+            50% { transform: scale(1.02); }
+        }
+        
+        .hero h1 {
+            font-size: 56px;
+            font-weight: 900;
+            line-height: 1.2;
+            margin-bottom: var(--spacing-sm);
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 50%, #FF8A5C 100%);
+            background-size: 200% auto;
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+            animation: gradientShift 3s ease infinite;
+        }
+        
+        @keyframes gradientShift {
+            0%, 100% { background-position: 0% center; }
+            50% { background-position: 100% center; }
+        }
+        
+        .hero p {
+            font-size: 20px;
+            color: var(--text-secondary);
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        .hero-stats {
+            display: flex;
+            justify-content: center;
+            gap: var(--spacing-lg);
+            margin-top: var(--spacing-lg);
+            flex-wrap: wrap;
+        }
+        
+        .stat-item {
+            text-align: center;
+        }
+        
+        .stat-number {
+            font-size: 36px;
+            font-weight: 700;
+            background: var(--primary-gradient);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+        
+        .stat-label {
+            font-size: 14px;
+            color: var(--text-light);
+            margin-top: 4px;
+        }
+        
+        .hero-buttons {
+            display: flex;
+            justify-content: center;
+            gap: var(--spacing-sm);
+            margin-top: var(--spacing-lg);
+            flex-wrap: wrap;
+        }
+        
+        /* ===== Trust Bar ===== */
+        .trust-bar {
+            padding: var(--spacing-lg) 0;
+            background: var(--bg-gray);
+            border-top: 1px solid #eee;
+            border-bottom: 1px solid #eee;
+        }
+        
+        .trust-bar p {
+            text-align: center;
+            font-size: 14px;
+            color: var(--text-light);
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .trust-logos {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            gap: var(--spacing-lg);
+            flex-wrap: wrap;
+            opacity: 0.6;
+        }
+        
+        .trust-logo {
+            height: 40px;
+            filter: grayscale(100%);
+            transition: var(--transition);
+        }
+        
+        .trust-logo:hover {
+            filter: grayscale(0%);
+        }
+        
+        /* ===== Features Section ===== */
+        .features {
+            background: var(--bg-light);
+        }
+        
+        .features-grid {
+            display: grid;
+            grid-template-columns: repeat(4, 1fr);
+            gap: var(--spacing-md);
+        }
+        
+        .feature-card {
+            text-align: center;
+            padding: var(--spacing-lg) var(--spacing-md);
+            border-radius: var(--radius-lg);
+            transition: var(--transition);
+        }
+        
+        .feature-card:hover {
+            background: var(--bg-gray);
+            transform: translateY(-4px);
+        }
+        
+        .feature-icon {
+            width: 64px;
+            height: 64px;
+            margin: 0 auto var(--spacing-sm);
+            background: var(--primary-gradient);
+            border-radius: var(--radius-md);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 28px;
+        }
+        
+        .feature-title {
+            font-size: 18px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .feature-desc {
+            font-size: 14px;
+            color: var(--text-secondary);
+        }
+        
+        /* ===== Products Section ===== */
+        .products {
+            background: var(--bg-gray);
+        }
+        
+        .products-grid {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: var(--spacing-md);
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        .product-card {
+            background: white;
+            border-radius: var(--radius-lg);
+            padding: var(--spacing-lg);
+            box-shadow: var(--shadow-sm);
+            transition: var(--transition);
+            position: relative;
+            overflow: hidden;
+        }
+        
+        .product-card::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            height: 4px;
+            background: var(--primary-gradient);
+        }
+        
+        .product-card:hover {
+            transform: translateY(-12px);
+            box-shadow: var(--shadow-lg);
+        }
+        
+        .product-card:hover .product-icon {
+            transform: scale(1.1) rotate(5deg);
+        }
+        
+        .product-icon {
+            width: 80px;
+            height: 80px;
+            border-radius: 50%;
+            background: var(--primary-gradient);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 36px;
+            margin-bottom: var(--spacing-sm);
+            box-shadow: 0 4px 16px rgba(255, 106, 25, 0.3);
+            transition: var(--transition);
+        }
+        
+        .product-name {
+            font-size: 20px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .product-price {
+            font-size: 28px;
+            font-weight: 700;
+            color: var(--primary-orange);
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .product-price span {
+            font-size: 14px;
+            font-weight: 400;
+            color: var(--text-light);
+        }
+        
+        .product-features {
+            margin: var(--spacing-sm) 0;
+            padding: var(--spacing-sm) 0;
+            border-top: 1px solid #eee;
+            border-bottom: 1px solid #eee;
+        }
+        
+        .product-features li {
+            font-size: 14px;
+            color: var(--text-secondary);
+            padding: 4px 0;
+            display: flex;
+            align-items: center;
+            gap: 8px;
+        }
+        
+        .product-features li::before {
+            content: '✓';
+            color: var(--success);
+            font-weight: 700;
+        }
+        
+        /* AI Custom Product */
+        .product-ai {
+            grid-column: 1 / -1;
+            background: var(--primary-gradient);
+            color: white;
+            padding: var(--spacing-xl);
+            border-radius: var(--radius-xl);
+            text-align: center;
+            position: relative;
+            overflow: hidden;
+        }
+        
+        .product-ai::before {
+            content: '';
+            position: absolute;
+            top: -50%;
+            right: -10%;
+            width: 50%;
+            height: 200%;
+            background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
+            animation: float 15s ease-in-out infinite reverse;
+        }
+        
+        .product-ai h3 {
+            font-size: 32px;
+            margin-bottom: var(--spacing-sm);
+            position: relative;
+        }
+        
+        .product-ai p {
+            font-size: 18px;
+            opacity: 0.95;
+            margin-bottom: var(--spacing-md);
+            position: relative;
+        }
+        
+        .product-ai .btn {
+            background: white;
+            color: var(--primary-orange);
+            position: relative;
+        }
+        
+        /* ===== Technology Section ===== */
+        /* ===== Sample Reports Section ===== */
+        .sample-reports {
+            background: var(--bg-gray);
+        }
+        
+        .sample-grid {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: var(--spacing-md);
+        }
+        
+        .sample-card {
+            background: white;
+            border-radius: var(--radius-lg);
+            padding: var(--spacing-lg);
+            box-shadow: var(--shadow-sm);
+            transition: var(--transition);
+            position: relative;
+            overflow: hidden;
+            display: flex;
+            flex-direction: column;
+        }
+        
+        .sample-card::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            height: 4px;
+            background: var(--primary-gradient);
+        }
+        
+        .sample-card:hover {
+            transform: translateY(-8px);
+            box-shadow: var(--shadow-lg);
+        }
+        
+        .sample-icon {
+            width: 70px;
+            height: 70px;
+            border-radius: 50%;
+            background: var(--primary-orange-soft);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 32px;
+            margin-bottom: var(--spacing-sm);
+            transition: var(--transition);
+        }
+        
+        .sample-card:hover .sample-icon {
+            transform: scale(1.1);
+        }
+        
+        .sample-name {
+            font-size: 20px;
+            font-weight: 600;
+            margin-bottom: 12px;
+            color: var(--text-primary);
+        }
+        
+        .sample-desc {
+            font-size: 14px;
+            color: var(--text-secondary);
+            line-height: 1.6;
+            margin-bottom: 16px;
+            flex-grow: 1;
+        }
+        
+        .sample-features {
+            font-size: 13px;
+            color: var(--text-secondary);
+            margin-bottom: 20px;
+            padding-left: 0;
+        }
+        
+        .sample-features li {
+            padding: 4px 0;
+            list-style: none;
+        }
+
+        .technology {
+            background: linear-gradient(135deg, #1A1A2E 0%, #16213E 100%);
+            color: white;
+        }
+        
+        .technology .section-title,
+        .technology .section-subtitle {
+            color: white;
+        }
+        
+        .tech-diagram {
+            max-width: 1000px;
+            margin: var(--spacing-lg) auto;
+            background: rgba(255,255,255,0.05);
+            border-radius: var(--radius-xl);
+            padding: var(--spacing-xl);
+            backdrop-filter: blur(10px);
+        }
+        
+        .tech-flow {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            flex-wrap: wrap;
+            gap: var(--spacing-md);
+        }
+        
+        .tech-step {
+            flex: 1;
+            min-width: 150px;
+            text-align: center;
+            padding: var(--spacing-md);
+            background: rgba(236, 77, 9, 0.1);
+            border-radius: var(--radius-md);
+            border: 1px solid rgba(236, 77, 9, 0.3);
+        }
+        
+        .tech-step-icon {
+            font-size: 36px;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .tech-step-title {
+            font-size: 16px;
+            font-weight: 600;
+            margin-bottom: 4px;
+        }
+        
+        .tech-step-desc {
+            font-size: 13px;
+            opacity: 0.8;
+        }
+        
+        .tech-arrow {
+            font-size: 24px;
+            color: var(--primary-orange);
+        }
+        
+        .tech-apis {
+            text-align: center;
+            margin-top: var(--spacing-lg);
+            padding: var(--spacing-md);
+            background: rgba(255,255,255,0.05);
+            border-radius: var(--radius-md);
+        }
+        
+        .tech-apis p {
+            font-size: 14px;
+            opacity: 0.8;
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .api-tags {
+            display: flex;
+            justify-content: center;
+            gap: var(--spacing-xs);
+            flex-wrap: wrap;
+        }
+        
+        .api-tag {
+            padding: 6px 12px;
+            background: rgba(236, 77, 9, 0.2);
+            border-radius: 20px;
+            font-size: 13px;
+            border: 1px solid rgba(236, 77, 9, 0.3);
+        }
+        
+        /* ===== Partnership Section ===== */
+        .partnership {
+            background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%);
+        }
+        
+        .pricing-grid {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: var(--spacing-md);
+            max-width: 1000px;
+            margin: 0 auto var(--spacing-lg);
+        }
+        
+        .pricing-card {
+            background: white;
+            border-radius: var(--radius-lg);
+            padding: var(--spacing-lg);
+            text-align: center;
+            box-shadow: var(--shadow-sm);
+            transition: var(--transition);
+            border: 2px solid transparent;
+        }
+        
+        .pricing-card:hover {
+            transform: translateY(-8px);
+            box-shadow: var(--shadow-lg);
+        }
+        
+        .pricing-card.featured {
+            border-color: var(--primary-orange);
+            position: relative;
+            transform: scale(1.08);
+            box-shadow: var(--shadow-lg);
+            z-index: 1;
+        }
+        
+        .pricing-card.featured:hover {
+            transform: scale(1.08) translateY(-8px);
+        }
+        
+        .pricing-card.featured::before {
+            content: '🔥 热门推荐';
+            position: absolute;
+            top: -14px;
+            left: 50%;
+            transform: translateX(-50%);
+            background: var(--primary-gradient);
+            color: white;
+            padding: 6px 20px;
+            border-radius: 12px;
+            font-size: 13px;
+            font-weight: 600;
+            box-shadow: 0 4px 12px rgba(255, 106, 25, 0.4);
+        }
+        
+        .pricing-icon {
+            font-size: 48px;
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .pricing-name {
+            font-size: 20px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .pricing-price {
+            font-size: 36px;
+            font-weight: 700;
+            color: var(--primary-orange);
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .pricing-price span {
+            font-size: 14px;
+            font-weight: 400;
+            color: var(--text-light);
+        }
+        
+        .pricing-features {
+            margin: var(--spacing-md) 0;
+            text-align: left;
+        }
+        
+        .pricing-features li {
+            font-size: 14px;
+            color: var(--text-secondary);
+            padding: 8px 0;
+            display: flex;
+            align-items: center;
+            gap: 8px;
+        }
+        
+        .pricing-features li::before {
+            content: '✓';
+            color: var(--success);
+            font-weight: 700;
+        }
+        
+        /* Calculator - Advanced Profit Calculator */
+        .profit-calculator {
+            max-width: 1000px;
+            margin: var(--spacing-lg) auto;
+            background: white;
+            padding: var(--spacing-lg);
+            border-radius: var(--radius-lg);
+            box-shadow: var(--shadow-md);
+        }
+        
+        .calculator-title {
+            text-align: center;
+            font-size: 24px;
+            font-weight: 700;
+            margin-bottom: var(--spacing-md);
+            color: var(--text-primary);
+        }
+        
+        .level-tabs {
+            display: flex;
+            gap: 12px;
+            margin-bottom: 24px;
+        }
+        
+        .tab-btn {
+            flex: 1;
+            padding: 16px 20px;
+            border: 2px solid #e0e0e0;
+            border-radius: var(--radius-md);
+            background: #fff;
+            cursor: pointer;
+            font-size: 16px;
+            font-weight: 600;
+            transition: var(--transition);
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+        
+        .tab-btn:hover {
+            border-color: var(--primary-orange);
+        }
+        
+        .tab-btn.active {
+            border-color: var(--primary-orange);
+            background: var(--primary-gradient);
+            color: #fff;
+        }
+        
+        .tab-btn .price {
+            font-size: 13px;
+            font-weight: 400;
+            opacity: 0.9;
+        }
+        
+        .calculator-grid {
+            display: grid;
+            grid-template-columns: 1fr 1fr;
+            gap: 24px;
+        }
+        
+        .input-section, .profit-section {
+            background: var(--bg-gray);
+            padding: 20px;
+            border-radius: var(--radius-md);
+        }
+        
+        .input-section h4, .profit-section h4 {
+            font-size: 16px;
+            margin-bottom: 16px;
+            color: var(--text-primary);
+        }
+        
+        .input-group {
+            margin-bottom: 16px;
+        }
+        
+        .input-group label {
+            display: block;
+            margin-bottom: 6px;
+            font-size: 13px;
+            color: var(--text-secondary);
+        }
+        
+        .input-group input {
+            width: 100%;
+            padding: 10px 12px;
+            border: 1px solid #ddd;
+            border-radius: 6px;
+            font-size: 15px;
+            transition: var(--transition);
+        }
+        
+        .input-group input:focus {
+            outline: none;
+            border-color: var(--primary-orange);
+        }
+        
+        .profit-card {
+            background: #fff;
+            padding: 14px;
+            border-radius: 8px;
+            margin-bottom: 10px;
+        }
+        
+        .profit-card .label {
+            font-size: 13px;
+            color: var(--text-secondary);
+            margin-bottom: 4px;
+        }
+        
+        .profit-card .value {
+            font-size: 24px;
+            font-weight: 700;
+            color: var(--primary-orange);
+        }
+        
+        .profit-card .sub {
+            font-size: 11px;
+            color: #999;
+            margin-top: 4px;
+        }
+        
+        .profit-card.highlight {
+            background: #FFF3E0;
+            border: 2px solid var(--primary-orange);
+        }
+        
+        .profit-card.total {
+            background: var(--primary-gradient);
+            color: #fff;
+        }
+        
+        .profit-card.total .label,
+        .profit-card.total .value,
+        .profit-card.total .sub {
+            color: #fff;
+        }
+        
+        .roi-card {
+            background: #FFF3CD;
+            border: 2px solid #FFC107;
+            padding: 14px;
+            border-radius: 8px;
+            margin-top: 12px;
+        }
+        
+        .roi-card .label {
+            font-size: 13px;
+            color: #856404;
+        }
+        
+        .roi-card .value {
+            font-size: 20px;
+            font-weight: 700;
+            color: #856404;
+        }
+        
+        .roi-card .sub {
+            font-size: 11px;
+            color: #856404;
+            opacity: 0.8;
+            margin-top: 4px;
+        }
+        
+        .product-detail {
+            grid-column: 1 / -1;
+            background: #fff;
+            padding: 20px;
+            border-radius: var(--radius-md);
+            border: 1px solid #e0e0e0;
+            margin-top: 12px;
+        }
+        
+        .product-detail h4 {
+            font-size: 16px;
+            margin-bottom: 12px;
+            color: var(--text-primary);
+        }
+        
+        .product-detail table {
+            width: 100%;
+            border-collapse: collapse;
+            font-size: 13px;
+        }
+        
+        .product-detail th,
+        .product-detail td {
+            padding: 10px;
+            text-align: left;
+            border-bottom: 1px solid #e0e0e0;
+        }
+        
+        .product-detail th {
+            background: var(--bg-gray);
+            font-weight: 600;
+            color: var(--text-primary);
+        }
+        
+        .product-detail tr:hover {
+            background: var(--bg-gray-light);
+        }
+        
+        @media (max-width: 768px) {
+            .calculator-grid {
+                grid-template-columns: 1fr;
+            }
+            
+            .level-tabs {
+                flex-direction: column;
+            }
+        }
+        
+        /* ===== FAQ Section ===== */
+        .faq {
+            background: var(--bg-light);
+        }
+        
+        .faq-list {
+            max-width: 800px;
+            margin: 0 auto;
+        }
+        
+        .faq-item {
+            border-bottom: 1px solid #eee;
+            padding: var(--spacing-md) 0;
+            transition: var(--transition);
+        }
+        
+        .faq-item:hover {
+            background: rgba(255, 106, 25, 0.02);
+            padding-left: var(--spacing-sm);
+            padding-right: var(--spacing-sm);
+            margin-left: calc(-1 * var(--spacing-sm));
+            margin-right: calc(-1 * var(--spacing-sm));
+            border-radius: var(--radius-md);
+        }
+        }
+        
+        .faq-question {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            cursor: pointer;
+            padding: var(--spacing-sm) 0;
+            font-size: 18px;
+            font-weight: 500;
+            transition: var(--transition);
+        }
+        
+        .faq-question:hover {
+            color: var(--primary-orange);
+        }
+        
+        .faq-icon {
+            font-size: 24px;
+            color: var(--primary-orange);
+            transition: var(--transition);
+            width: 32px;
+            height: 32px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            border-radius: 50%;
+            background: rgba(255, 106, 25, 0.1);
+        }
+        
+        .faq-item.active .faq-icon {
+            background: var(--primary-gradient);
+            color: white;
+        }
+        
+        .faq-answer {
+            max-height: 0;
+            overflow: hidden;
+            transition: max-height 0.3s ease;
+            color: var(--text-secondary);
+            line-height: 1.8;
+        }
+        
+        .faq-item.active .faq-icon {
+            transform: rotate(45deg);
+        }
+        
+        .faq-item.active .faq-answer {
+            max-height: 500px;
+            margin-top: var(--spacing-sm);
+        }
+        
+        /* ===== CTA Section ===== */
+        .cta {
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 50%, #FF8A5C 100%);
+            background-size: 200% 200%;
+            animation: gradientShift 5s ease infinite;
+            color: white;
+            text-align: center;
+            padding: var(--spacing-xl) 0;
+            position: relative;
+            overflow: hidden;
+        }
+        
+        .cta::before {
+            content: '';
+            position: absolute;
+            top: -50%;
+            left: -50%;
+            width: 200%;
+            height: 200%;
+            background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
+            animation: rotate 20s linear infinite;
+        }
+        
+        @keyframes rotate {
+            from { transform: rotate(0deg); }
+            to { transform: rotate(360deg); }
+        }
+        
+        .cta h2 {
+            font-size: 36px;
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .cta p {
+            font-size: 18px;
+            opacity: 0.95;
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        .cta-buttons {
+            display: flex;
+            justify-content: center;
+            gap: var(--spacing-sm);
+            flex-wrap: wrap;
+            position: relative;
+            z-index: 1;
+        }
+        
+        .cta .btn {
+            background: white;
+            color: var(--primary-orange);
+        }
+        
+        .cta .btn:hover {
+            transform: translateY(-3px);
+            box-shadow: 0 8px 24px rgba(0,0,0,0.2);
+        }
+        
+        .cta .btn-outline {
+            background: transparent;
+            border-color: rgba(255,255,255,0.5);
+            color: white;
+        }
+        
+        .cta .btn-outline:hover {
+            background: white;
+            color: var(--primary-orange);
+        }
+        
+        .cta .btn-outline:hover {
+            background: white;
+            color: var(--primary-orange);
+        }
+        
+        /* ===== Footer ===== */
+        .footer {
+            background: #1A1A1A;
+            color: white;
+            padding: var(--spacing-xl) 0 var(--spacing-lg);
+        }
+        
+        .footer-grid {
+            display: grid;
+            grid-template-columns: 2fr repeat(3, 1fr);
+            gap: var(--spacing-lg);
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        .footer-brand h3 {
+            font-size: 24px;
+            margin-bottom: var(--spacing-sm);
+            color: var(--primary-orange);
+        }
+        
+        .footer-brand p {
+            font-size: 14px;
+            opacity: 0.8;
+            line-height: 1.8;
+        }
+        
+        .footer-title {
+            font-size: 16px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .footer-links li {
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .footer-links a {
+            font-size: 14px;
+            opacity: 0.8;
+            transition: var(--transition);
+        }
+        
+        .footer-links a:hover {
+            opacity: 1;
+            color: var(--primary-orange);
+        }
+        
+        .footer-bottom {
+            padding-top: var(--spacing-lg);
+            border-top: 1px solid rgba(255,255,255,0.1);
+            text-align: center;
+            font-size: 14px;
+            opacity: 0.6;
+        }
+        
+        .footer-icp {
+            margin-top: var(--spacing-sm);
+        }
+        
+        /* ===== Animations ===== */
+        @keyframes fadeInUp {
+            from {
+                opacity: 0;
+                transform: translateY(30px);
+            }
+            to {
+                opacity: 1;
+                transform: translateY(0);
+            }
+        }
+        
+        .fade-in-up {
+            animation: fadeInUp 0.6s ease forwards;
+        }
+        
+        .section-title {
+            opacity: 0;
+            animation: fadeInUp 0.6s ease forwards;
+        }
+        
+        .product-card {
+            opacity: 0;
+            animation: fadeInUp 0.6s ease forwards;
+            animation-play-state: paused;
+        }
+        
+        .product-card:nth-child(1) { animation-delay: 0.1s; }
+        .product-card:nth-child(2) { animation-delay: 0.15s; }
+        .product-card:nth-child(3) { animation-delay: 0.2s; }
+        .product-card:nth-child(4) { animation-delay: 0.25s; }
+        .product-card:nth-child(5) { animation-delay: 0.3s; }
+        .product-card:nth-child(6) { animation-delay: 0.35s; }
+        
+        .pricing-card {
+            opacity: 0;
+            animation: fadeInUp 0.6s ease forwards;
+            animation-play-state: paused;
+        }
+        
+        .pricing-card:nth-child(1) { animation-delay: 0.1s; }
+        .pricing-card:nth-child(2) { animation-delay: 0.2s; }
+        .pricing-card:nth-child(3) { animation-delay: 0.3s; }
+        
+        /* ===== Responsive ===== */
+        @media (max-width: 1024px) {
+            .features-grid {
+                grid-template-columns: repeat(2, 1fr);
+            }
+            
+            .products-grid {
+                grid-template-columns: repeat(2, 1fr);
+            }
+            
+            .pricing-grid {
+                grid-template-columns: repeat(2, 1fr);
+            }
+            
+            .footer-grid {
+                grid-template-columns: repeat(2, 1fr);
+            }
+        }
+        
+        /* ===== Mobile Responsive - 手机竖屏版 ===== */
+        @media (max-width: 768px) {
+            /* 导航栏 */
+            .navbar .container {
+                height: 60px;
+                padding: 0 12px;
+            }
+            
+            .logo {
+                padding: 0;
+                margin-left: 0;
+            }
+            
+            .logo-img {
+            background: rgba(255,255,255,0.95);
+                height: 40px;
+                margin-left: 0;
+            }
+            
+            .nav-menu {
+                display: none;
+                position: absolute;
+                top: 64px;
+                left: 0;
+                right: 0;
+                background: white;
+                flex-direction: column;
+                padding: var(--spacing-md);
+                box-shadow: var(--shadow-md);
+                z-index: 999;
+            }
+            
+            .nav-menu.active {
+                display: flex;
+            }
+            
+            .nav-menu li {
+                margin: 8px 0;
+            }
+            
+            .nav-link {
+                font-size: 16px;
+                padding: 12px 0;
+                display: block;
+            }
+            
+            .nav-cta {
+                display: none;
+            }
+            
+            .menu-toggle {
+                display: flex;
+            }
+            
+            /* Hero Section */
+            .hero {
+                padding-top: 100px;
+                padding-bottom: var(--spacing-lg);
+            }
+            
+            .hero h1 {
+                font-size: 28px;
+                line-height: 1.3;
+            }
+            
+            .hero p {
+                font-size: 14px;
+                margin-top: 12px;
+            }
+            
+            .hero-badge {
+                font-size: 12px;
+                padding: 6px 12px;
+            }
+            
+            .hero-stats {
+                flex-direction: column;
+                gap: var(--spacing-sm);
+                margin-top: var(--spacing-md);
+            }
+            
+            .stat-item {
+                flex-direction: row;
+                justify-content: space-between;
+                padding: 12px 16px;
+            }
+            
+            .stat-number {
+                font-size: 24px;
+            }
+            
+            .stat-label {
+                font-size: 13px;
+            }
+            
+            .hero-buttons {
+                flex-direction: column;
+                gap: 12px;
+            }
+            
+            .hero-buttons .btn {
+                width: 100%;
+            }
+            
+            /* Section Titles */
+            .section-title {
+                font-size: 26px;
+            }
+            
+            .section-subtitle {
+                font-size: 15px;
+            }
+            
+            /* Features */
+            .features-grid {
+                grid-template-columns: 1fr;
+                gap: var(--spacing-sm);
+            }
+            
+            .feature-card {
+                padding: var(--spacing-md);
+            }
+            
+            .feature-icon {
+                font-size: 36px;
+            }
+            
+            .feature-title {
+                font-size: 17px;
+            }
+            
+            .feature-desc {
+                font-size: 13px;
+            }
+            
+            /* Products */
+            .products-grid {
+                grid-template-columns: 1fr;
+                gap: var(--spacing-sm);
+            }
+            
+            .product-card {
+                padding: var(--spacing-md);
+            }
+            
+            .product-icon {
+                font-size: 40px;
+            }
+            
+            .product-name {
+                font-size: 17px;
+            }
+            
+            .product-price {
+                font-size: 20px;
+            }
+            
+            .product-features li {
+                font-size: 13px;
+            }
+            
+            /* Pricing */
+            .pricing-grid {
+                grid-template-columns: 1fr;
+                gap: var(--spacing-sm);
+            }
+            
+            .pricing-card {
+                padding: var(--spacing-md);
+            }
+            
+            .pricing-name {
+                font-size: 18px;
+            }
+            
+            .pricing-price {
+                font-size: 28px;
+            }
+            
+            .pricing-features {
+                font-size: 13px;
+            }
+            
+            .pricing-features li {
+                padding: 8px 0;
+            }
+            
+            /* Calculator */
+            .profit-calculator {
+                padding: var(--spacing-md);
+            }
+            
+            .calculator-grid {
+                grid-template-columns: 1fr;
+                gap: var(--spacing-sm);
+            }
+            
+            .level-tabs {
+                flex-direction: column;
+                gap: 8px;
+            }
+            
+            .tab-btn {
+                padding: 12px 16px;
+                font-size: 15px;
+            }
+            
+            .input-section,
+            .profit-section {
+                padding: 16px;
+            }
+            
+            .profit-card .value {
+                font-size: 20px;
+            }
+            
+            .product-detail table {
+                font-size: 12px;
+            }
+            
+            .product-detail th,
+            .product-detail td {
+                padding: 8px 4px;
+            }
+            
+            /* FAQ */
+            .faq-question {
+                font-size: 16px;
+            }
+            
+            .faq-answer {
+                font-size: 14px;
+            }
+            
+            /* CTA */
+            .cta {
+                padding: var(--spacing-lg) 0;
+            }
+            
+            .cta h2 {
+                font-size: 22px;
+            }
+            
+            .cta p {
+                font-size: 14px;
+            }
+            
+            .cta-buttons {
+                flex-direction: column;
+                gap: 12px;
+            }
+            
+            .cta-buttons .btn {
+                width: 100%;
+            }
+            
+            /* Footer */
+            .footer {
+                padding: var(--spacing-lg) 0;
+            }
+            
+            .footer-grid {
+                grid-template-columns: 1fr;
+                gap: var(--spacing-md);
+            }
+            
+            .footer-brand h3 {
+                font-size: 18px;
+            }
+            
+            .footer-title {
+                font-size: 15px;
+            }
+            
+            .footer-links li {
+                font-size: 13px;
+            }
+            
+            .footer-bottom {
+                flex-direction: column;
+                text-align: center;
+                font-size: 12px;
+            }
+            
+            /* Tech Section */
+            .tech-flow {
+                flex-direction: column;
+                gap: var(--spacing-sm);
+            }
+            
+            .tech-step {
+                padding: var(--spacing-sm);
+            }
+            
+            .tech-step-icon {
+                font-size: 32px;
+            }
+            
+            .tech-step-title {
+                font-size: 15px;
+            }
+            
+            .tech-step-desc {
+                font-size: 12px;
+            }
+            
+            .tech-arrow {
+                transform: rotate(90deg);
+                font-size: 20px;
+            }
+            
+            .api-tags {
+                flex-wrap: wrap;
+            }
+            
+            .api-tag {
+                font-size: 12px;
+                padding: 6px 12px;
+            }
+            
+            /* Buttons */
+            .btn {
+                padding: 12px 24px;
+                font-size: 15px;
+            }
+        }
+        
+        /* 超小屏幕优化 */
+        @media (max-width: 480px) {
+            .hero h1 {
+                font-size: 24px;
+            }
+            
+            .section-title {
+                font-size: 22px;
+            }
+            
+            .container {
+                padding: 0 12px;
+            }
+            
+            .navbar .container {
+                padding: 0 12px;
+            }
+        }
+    </style>
+</head>
+<body>
+    <!-- Navigation -->
+    <nav class="navbar" id="navbar">
+        <div class="container">
+            <a href="#" class="logo">
+                <img src="assets/logo.png" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            
+            <div class="menu-toggle" id="menuToggle">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+            
+            <ul class="nav-menu" id="navMenu">
+                <li><a href="#home" class="nav-link">首页</a></li>
+                <li><a href="#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="#technology" class="nav-link">AI 能力</a></li>
+                <li><a href="#partnership" class="nav-link">代理合作</a></li>
+                <li><a href="#about" class="nav-link">关于我们</a></li>
+            </ul>
+            
+            <div class="nav-cta">
+                <a href="#products" class="btn btn-outline nav-btn">立即查询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
+            </div>
+        </div>
+    </nav>
+
+    <!-- Hero Section -->
+    <section class="hero" id="home">
+        <div class="container">
+            <div class="hero-content">
+                <span class="hero-badge">🤖 AI 驱动的商业信任科技平台</span>
+                <h1>让信任无处不在<br>让合作没有距离</h1>
+                <p>200+ 数据接口 · 智能组合 · 秒级响应</p>
+                
+                <div class="hero-buttons">
+                    <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary">🚀 立即注册</a>
+                    <a href="#partnership" class="btn btn-outline">💼 代理合作</a>
+                </div>
+                
+                <div class="hero-stats">
+                    <div class="stat-item">
+                        <div class="stat-number" id="statReports">0</div>
+                        <div class="stat-label">已生成报告</div>
+                    </div>
+                    <div class="stat-item">
+                        <div class="stat-number" id="statUsers">0</div>
+                        <div class="stat-label">服务用户</div>
+                    </div>
+                    <div class="stat-item">
+                        <div class="stat-number" id="statApis">200+</div>
+                        <div class="stat-label">数据接口</div>
+                    </div>
+                    <div class="stat-item">
+                        <div class="stat-number" id="statEnterprises">0</div>
+                        <div class="stat-label">合作企业</div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+
+
+    <!-- Features Section -->
+    <section class="section features">
+        <div class="container">
+            <h2 class="section-title">核心优势</h2>
+            <p class="section-subtitle">为什么选择愉悦查</p>
+            
+            <div class="features-grid">
+                <div class="feature-card">
+                    <div class="feature-icon">📡</div>
+                    <h3 class="feature-title">海量数据</h3>
+                    <p class="feature-desc">200+ 官方数据接口<br>覆盖全维度信息</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">🤖</div>
+                    <h3 class="feature-title">AI 引擎</h3>
+                    <p class="feature-desc">智能组合接口<br>40+ 分析技能</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">⚡</div>
+                    <h3 class="feature-title">秒级响应</h3>
+                    <p class="feature-desc">实时生成报告<br>最快 3 秒出结果</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">🔒</div>
+                    <h3 class="feature-title">安全合规</h3>
+                    <p class="feature-desc">等保三级认证<br>数据加密传输</p>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Products Section -->
+    <section class="section products" id="products">
+        <div class="container">
+            <h2 class="section-title">产品服务</h2>
+            <p class="section-subtitle">6 大标准报告 + AI 智能定制</p>
+            
+            <div class="products-grid">
+                <!-- Product 1 -->
+                <div class="product-card">
+                    <div class="product-icon">📊</div>
+                    <h3 class="product-name">个人大数据报告</h3>
+                    <div class="product-price">¥49.8</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>全面个人背景分析</li>
+                        <li>秒级生成</li>
+                        <li>PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=riskassessment" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/riskassessment" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- Product 2 -->
+                <div class="product-card">
+                    <div class="product-icon">💕</div>
+                    <h3 class="product-name">婚恋风险报告</h3>
+                    <div class="product-price">¥39.9</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>婚恋风险评估</li>
+                        <li>隐私保护</li>
+                        <li>PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=marriage" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/marriage" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- Product 3 -->
+                <div class="product-card">
+                    <div class="product-icon">💼</div>
+                    <h3 class="product-name">入职背调报告</h3>
+                    <div class="product-price">¥69.9</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>员工背景筛查</li>
+                        <li>降低用工风险</li>
+                        <li>批量查询优惠</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=backgroundcheck" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/backgroundcheck" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- Product 4 -->
+                <div class="product-card">
+                    <div class="product-icon">🏢</div>
+                    <h3 class="product-name">小微企业报告</h3>
+                    <div class="product-price">¥69.9</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>企业风险筛查</li>
+                        <li>合作前必备</li>
+                        <li>PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=companyinfo" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/companyinfo" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- Product 5 -->
+                <div class="product-card">
+                    <div class="product-icon">🧹</div>
+                    <h3 class="product-name">家政风险报告</h3>
+                    <div class="product-price">¥39.9</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>家政人员背调</li>
+                        <li>雇佣更安全</li>
+                        <li>PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=homeservice" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/homeservice" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- Product 6 -->
+                <div class="product-card">
+                    <div class="product-icon">💳</div>
+                    <h3 class="product-name">消金报告</h3>
+                    <div class="product-price">¥39.9</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>消费金融风险评估</li>
+                        <li>快速决策支持</li>
+                        <li>PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=consumerFinanceReport" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/consumerFinanceReport" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- AI Custom Product -->
+                <div class="product-ai">
+                    <h3>✨ AI 定制报告</h3>
+                    <p>告诉我您的需求，AI 智能组合 200+ 接口，生成独一无二的专属报告</p>
+                    <p style="font-size:14px;opacity:0.8;">例："我想了解一个合作伙伴的信用和风险状况"</p>
+                    <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn">🎯 立即定制 - 从 ¥99 起</a>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Sample Reports Section -->
+    <section class="section sample-reports" id="sample-reports" style="background: var(--bg-gray);">
+        <div class="container">
+            <h2 class="section-title">示例报告</h2>
+            <p class="section-subtitle">查看真实报告样本，了解报告内容</p>
+            
+            <div class="sample-grid">
+                <!-- Sample 1 -->
+                <div class="sample-card">
+                    <div class="sample-icon">📊</div>
+                    <h3 class="sample-name">个人大数据报告</h3>
+                    <p class="sample-desc">全面个人背景分析，包含身份信息、社交网络、行为特征等多维度数据</p>
+                    <ul class="sample-features">
+                        <li>✓ 3-4 个数据接口组合</li>
+                        <li>✓ 秒级生成</li>
+                        <li>✓ PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=riskassessment" target="_blank" class="btn btn-outline" style="width:100%">👁️ 查看示例</a>
+                </div>
+                
+                <!-- Sample 2 -->
+                <div class="sample-card">
+                    <div class="sample-icon">💕</div>
+                    <h3 class="sample-name">婚恋风险报告</h3>
+                    <p class="sample-desc">婚恋风险评估，帮助了解对方的婚姻状况、信用记录等关键信息</p>
+                    <ul class="sample-features">
+                        <li>✓ 婚恋风险评估</li>
+                        <li>✓ 隐私保护</li>
+                        <li>✓ PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=marriage" target="_blank" class="btn btn-outline" style="width:100%">👁️ 查看示例</a>
+                </div>
+                
+                <!-- Sample 3 -->
+                <div class="sample-card">
+                    <div class="sample-icon">💼</div>
+                    <h3 class="sample-name">入职背调报告</h3>
+                    <p class="sample-desc">员工背景筛查，降低用工风险，包含学历、工作履历、信用记录等</p>
+                    <ul class="sample-features">
+                        <li>✓ 员工背景筛查</li>
+                        <li>✓ 降低用工风险</li>
+                        <li>✓ 批量查询优惠</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=backgroundcheck" target="_blank" class="btn btn-outline" style="width:100%">👁️ 查看示例</a>
+                </div>
+                
+                <!-- Sample 4 -->
+                <div class="sample-card">
+                    <div class="sample-icon">🏢</div>
+                    <h3 class="sample-name">小微企业报告</h3>
+                    <p class="sample-desc">企业风险筛查，合作前必备，包含工商信息、司法风险、经营状况等</p>
+                    <ul class="sample-features">
+                        <li>✓ 企业风险筛查</li>
+                        <li>✓ 合作前必备</li>
+                        <li>✓ PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=companyinfo" target="_blank" class="btn btn-outline" style="width:100%">👁️ 查看示例</a>
+                </div>
+                
+                <!-- Sample 5 -->
+                <div class="sample-card">
+                    <div class="sample-icon">🧹</div>
+                    <h3 class="sample-name">家政风险报告</h3>
+                    <p class="sample-desc">家政人员背调，雇佣更安全，包含身份信息、犯罪记录、信用状况等</p>
+                    <ul class="sample-features">
+                        <li>✓ 家政人员背调</li>
+                        <li>✓ 雇佣更安全</li>
+                        <li>✓ PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=homeservice" target="_blank" class="btn btn-outline" style="width:100%">👁️ 查看示例</a>
+                </div>
+                
+                <!-- Sample 6 -->
+                <div class="sample-card">
+                    <div class="sample-icon">💳</div>
+                    <h3 class="sample-name">消金报告</h3>
+                    <p class="sample-desc">消费金融风险评估，快速决策支持，包含信用记录、负债情况、还款能力等</p>
+                    <ul class="sample-features">
+                        <li>✓ 消费金融风险评估</li>
+                        <li>✓ 快速决策支持</li>
+                        <li>✓ PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=consumerFinanceReport" target="_blank" class="btn btn-outline" style="width:100%">👁️ 查看示例</a>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- Technology Section -->
+    <section class="section technology" id="technology">
+        <div class="container">
+            <h2 class="section-title">AI 技术能力</h2>
+            <p class="section-subtitle">200+ 数据接口智能组合引擎</p>
+            
+            <div class="tech-diagram">
+                <div class="tech-flow">
+                    <div class="tech-step">
+                        <div class="tech-step-icon">📝</div>
+                        <div class="tech-step-title">用户需求</div>
+                        <div class="tech-step-desc">自然语言描述</div>
+                    </div>
+                    <div class="tech-arrow">→</div>
+                    <div class="tech-step">
+                        <div class="tech-step-icon">🧠</div>
+                        <div class="tech-step-title">AI 分析</div>
+                        <div class="tech-step-desc">理解需求意图</div>
+                    </div>
+                    <div class="tech-arrow">→</div>
+                    <div class="tech-step">
+                        <div class="tech-step-icon">🔌</div>
+                        <div class="tech-step-title">接口选择</div>
+                        <div class="tech-step-desc">智能匹配接口</div>
+                    </div>
+                    <div class="tech-arrow">→</div>
+                    <div class="tech-step">
+                        <div class="tech-step-icon">📊</div>
+                        <div class="tech-step-title">报告生成</div>
+                        <div class="tech-step-desc">秒级输出结果</div>
+                    </div>
+                </div>
+                
+                <div class="tech-apis">
+                    <p>接口类型覆盖</p>
+                    <div class="api-tags">
+                        <span class="api-tag">公安数据</span>
+                        <span class="api-tag">法院数据</span>
+                        <span class="api-tag">学历验证</span>
+                        <span class="api-tag">工作履历</span>
+                        <span class="api-tag">金融信用</span>
+                        <span class="api-tag">社交网络</span>
+                        <span class="api-tag">商业信息</span>
+                        <span class="api-tag">更多...</span>
+                    </div>
+                </div>
+            </div>
+            
+            <div style="text-align:center;margin-top:var(--spacing-lg);">
+                <a href="/apidemo/" class="btn btn-outline" style="border-color:rgba(255,255,255,0.3);color:white;">📚 查看 API 文档</a>
+                <a href="https://yuyuecha.com/platform" class="btn btn-outline" style="border-color:rgba(255,255,255,0.3);color:white;margin-left:var(--spacing-sm);">🔧 开放平台</a>
+            </div>
+        </div>
+    </section>
+
+    <!-- Partnership Section -->
+    <section class="section partnership" id="partnership">
+        <div class="container">
+            <h2 class="section-title">代理合作</h2>
+            <p class="section-subtitle">加入愉悦查，共享信任经济红利</p>
+            
+            <div class="pricing-grid">
+                <!-- Silver -->
+                <div class="pricing-card">
+                    <div class="pricing-icon">🥈</div>
+                    <h3 class="pricing-name">白银代理</h3>
+                    <div class="pricing-price">¥0<span>/终身</span></div>
+                    <ul class="pricing-features">
+                        <li>10% 返佣</li>
+                        <li>基础培训支持</li>
+                        <li>标准产品价格</li>
+                        <li>在线帮助中心</li>
+                    </ul>
+                    <a href="https://yuyuecha.com/agent/apply?type=silver" class="btn btn-outline" style="width:100%">立即申请</a>
+                </div>
+                
+                <!-- Gold -->
+                <div class="pricing-card featured">
+                    <div class="pricing-icon">🥇</div>
+                    <h3 class="pricing-name">黄金代理</h3>
+                    <div class="pricing-price">¥198<span>/年</span></div>
+                    <ul class="pricing-features">
+                        <li>30% 返佣</li>
+                        <li>优先技术支持</li>
+                        <li>专属代理价格</li>
+                        <li>营销素材支持</li>
+                        <li>定期培训</li>
+                    </ul>
+                    <a href="https://yuyuecha.com/agent/apply?type=gold" class="btn btn-primary" style="width:100%">立即申请</a>
+                </div>
+                
+                <!-- Diamond -->
+                <div class="pricing-card">
+                    <div class="pricing-icon">💎</div>
+                    <h3 class="pricing-name">钻石代理</h3>
+                    <div class="pricing-price">¥980<span>/年</span></div>
+                    <ul class="pricing-features">
+                        <li>50% 返佣</li>
+                        <li>1 对 1 专属辅导</li>
+                        <li>最低代理价格</li>
+                        <li>联合营销支持</li>
+                        <li>优先新功能体验</li>
+                        <li>区域保护政策</li>
+                    </ul>
+                    <a href="https://yuyuecha.com/agent/apply?type=diamond" class="btn btn-outline" style="width:100%">立即申请</a>
+                </div>
+            </div>
+            
+            <!-- Advanced Profit Calculator -->
+            <div class="profit-calculator">
+                <h3 class="calculator-title">💵 代理收益计算器</h3>
+                
+                <!-- Level Tabs -->
+                <div class="level-tabs">
+                    <button class="tab-btn active" onclick="switchLevel('silver')">
+                        🥈 白银代理
+                        <span class="price">¥0</span>
+                    </button>
+                    <button class="tab-btn" onclick="switchLevel('gold')">
+                        🥇 黄金代理
+                        <span class="price">¥198</span>
+                    </button>
+                    <button class="tab-btn" onclick="switchLevel('diamond')">
+                        💎 钻石代理
+                        <span class="price">¥980</span>
+                    </button>
+                </div>
+                
+                <div class="calculator-grid">
+                    <!-- Input Section -->
+                    <div class="input-section">
+                        <h4>📊 输入您的销售数据</h4>
+                        
+                        <div class="input-group">
+                            <label>每日销售份数</label>
+                            <input type="number" id="dailySales" value="30" min="0" max="1000" oninput="calculateProfit()">
+                        </div>
+                        
+                        <div class="input-group">
+                            <label>直推代理人数（月）</label>
+                            <input type="number" id="referralCount" value="5" min="0" max="100" oninput="calculateProfit()">
+                        </div>
+                        
+                        <div class="input-group" id="teamSilverGroup" style="display:none;">
+                            <label>下级白银代理人数</label>
+                            <input type="number" id="teamSilver" value="20" min="0" max="500" oninput="calculateProfit()">
+                        </div>
+                        
+                        <div class="input-group" id="teamGoldGroup" style="display:none;">
+                            <label>下级黄金代理人数</label>
+                            <input type="number" id="teamGold" value="5" min="0" max="100" oninput="calculateProfit()">
+                        </div>
+                    </div>
+                    
+                    <!-- Profit Section -->
+                    <div class="profit-section">
+                        <h4>💰 预期收益</h4>
+                        
+                        <div class="profit-card">
+                            <div class="label">单份平均利润</div>
+                            <div class="value" id="avgProfit">¥38.22</div>
+                        </div>
+                        
+                        <div class="profit-card highlight">
+                            <div class="label">日零售收益</div>
+                            <div class="value" id="dailyRetailProfit">¥1,147</div>
+                            <div class="sub" id="dailyRetailSub">30 份 × ¥38.22</div>
+                        </div>
+                        
+                        <div class="profit-card">
+                            <div class="label">月零售收益</div>
+                            <div class="value" id="monthlyRetailProfit">¥34,410</div>
+                        </div>
+                        
+                        <div class="profit-card" id="referralCard">
+                            <div class="label">月直推奖励</div>
+                            <div class="value" id="monthlyReferralProfit">¥0</div>
+                            <div class="sub" id="referralSub">5 人 × ¥0/人</div>
+                        </div>
+                        
+                        <div class="profit-card" id="teamCard" style="display:none;">
+                            <div class="label">月团队提成</div>
+                            <div class="value" id="monthlyTeamProfit">¥0</div>
+                        </div>
+                        
+                        <div class="profit-card total">
+                            <div class="label">月总收益</div>
+                            <div class="value" id="totalMonthlyProfit">¥34,410</div>
+                        </div>
+                        
+                        <div class="roi-card" id="roiCard" style="display:none;">
+                            <div class="label">回本周期</div>
+                            <div class="value" id="paybackDays">0 天</div>
+                            <div class="sub" id="paybackHours">或 0 小时（日销 30 份）</div>
+                        </div>
+                    </div>
+                </div>
+                
+                <!-- Product Detail Table -->
+                <div class="product-detail">
+                    <h4>📦 各产品利润明细（<span id="currentLevelName">白银代理</span>）</h4>
+                    <table>
+                        <thead>
+                            <tr>
+                                <th>产品</th>
+                                <th>零售价</th>
+                                <th>您的底价</th>
+                                <th>单份利润</th>
+                                <th>利润率</th>
+                            </tr>
+                        </thead>
+                        <tbody id="productTableBody">
+                            <!-- Populated by JavaScript -->
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+            
+            <div style="text-align:center;">
+                <a href="#" class="btn btn-primary">📝 立即申请代理</a>
+            </div>
+        </div>
+    </section>
+
+    <!-- FAQ Section -->
+    <section class="section faq" id="faq">
+        <div class="container">
+            <h2 class="section-title">常见问题</h2>
+            <p class="section-subtitle">您可能想知道的问题</p>
+            
+            <div class="faq-list">
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>报告准确率如何保证？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        愉悦查所有数据均来自官方授权渠道，通过 200+ 数据接口交叉验证，确保信息准确可靠。AI 引擎会自动识别异常数据并进行人工复核，准确率达 99% 以上。
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>数据来源是否合法合规？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        是的，我们严格遵守《个人信息保护法》和相关法律法规，所有数据接口均获得合法授权，查询过程需要被查询人授权同意，确保数据来源和使用完全合规。
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>多久能拿到报告？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        标准报告通常 3-5 秒即可生成，复杂报告或 AI 定制报告可能需要 30 秒 -2 分钟。报告生成后会通过短信/邮件通知您，也可在个人中心随时查看下载。
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>如何成为代理？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        点击页面上方的"立即申请"按钮，填写代理申请表，我们的招商团队会在 1-2 个工作日内联系您。白银代理零门槛免费加入，黄金/钻石代理需支付相应年费。
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>支持退款吗？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        报告一旦生成无法退款，因为数据查询成本已产生。但如果您对报告质量有异议，可在 7 天内联系客服申请复核或重新查询。
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- CTA Section -->
+    <section class="cta">
+        <div class="container">
+            <h2>准备好开始建立信任了吗？</h2>
+            <p>立即体验 AI 驱动的商业信任科技</p>
+            <div class="cta-buttons">
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn">🚀 立即注册</a>
+                <a href="#partnership" class="btn btn-outline">💼 代理合作</a>
+            </div>
+        </div>
+    </section>
+
+    <!-- Footer -->
+    <footer class="footer" id="about">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <h3>愉悦查</h3>
+                    <p>让信任无处不在，让合作没有距离</p>
+                    <p style="margin-top:16px;font-size:13px;">愉悦查（北京正信环宇科技有限公司）</p>
+                    <p style="font-size:13px;">AI 驱动的商业信任科技平台</p>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">产品</h4>
+                    <ul class="footer-links">
+                        <li><a href="/product/riskassessment.html">个人大数据报告</a></li>
+                        <li><a href="/product/marriage.html">婚恋风险报告</a></li>
+                        <li><a href="/product/backgroundcheck.html">入职背调报告</a></li>
+                        <li><a href="/product/companyinfo.html">小微企业报告</a></li>
+                        <li><a href="/product/homeservice.html">家政风险报告</a></li>
+                        <li><a href="/product/consumerFinanceReport.html">消金报告</a></li>
+                        <li><a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" target="_blank">AI 定制报告</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">公司</h4>
+                    <ul class="footer-links">
+                        <li><a href="/about.html">关于我们</a></li>
+                        <li><a href="/careers.html">加入我们</a></li>
+                        <li><a href="/contact.html">联系我们</a></li>
+                        <li><a href="/news.html">新闻动态</a></li>
+                        <li><a href="/partners.html">合作伙伴</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">支持</h4>
+                    <ul class="footer-links">
+                        <li><a href="/help.html">帮助中心</a></li>
+                        <li><a href="/apidemo/">API 文档</a></li>
+                        <li><a href="/index.html#partnership">代理支持</a></li>
+                        <li><a href="/privacy.html">隐私政策</a></li>
+                        <li><a href="/terms.html">服务条款</a></li>
+                        <li><a href="/disclaimer.html">免责声明</a></li>
+                    </ul>
+                </div>
+            </div>
+            
+            <div class="footer-bottom">
+                <p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p class="footer-icp">京 ICP 备 2025158088 号 -2</p>
+            </div>
+        </div>
+    </footer>
+
+    <!-- Back to Top Button -->
+    <button id="backToTop" style="position:fixed;bottom:30px;right:30px;width:50px;height:50px;border-radius:50%;background:var(--primary-gradient);border:none;cursor:pointer;box-shadow:var(--shadow-lg);display:none;align-items:center;justify-content:center;font-size:24px;z-index:999;transition:var(--transition);">↑</button>
+
+    <script>
+        // ===== Back to Top Button =====
+        const backToTopBtn = document.getElementById('backToTop');
+        
+        window.addEventListener('scroll', () => {
+            if (window.scrollY > 500) {
+                backToTopBtn.style.display = 'flex';
+            } else {
+                backToTopBtn.style.display = 'none';
+            }
+        });
+        
+        backToTopBtn.addEventListener('click', () => {
+            window.scrollTo({ top: 0, behavior: 'smooth' });
+        });
+        
+        backToTopBtn.addEventListener('mouseenter', () => {
+            backToTopBtn.style.transform = 'scale(1.1)';
+        });
+        
+        backToTopBtn.addEventListener('mouseleave', () => {
+            backToTopBtn.style.transform = 'scale(1)';
+        });
+
+        // ===== Navbar Scroll Effect =====
+        window.addEventListener('scroll', () => {
+            const navbar = document.getElementById('navbar');
+            if (window.scrollY > 50) {
+                navbar.classList.add('scrolled');
+            } else {
+                navbar.classList.remove('scrolled');
+            }
+        });
+
+        // ===== Mobile Menu Toggle =====
+        document.getElementById('menuToggle').addEventListener('click', () => {
+            document.getElementById('navMenu').classList.toggle('active');
+        });
+
+        // ===== Smooth Scroll =====
+        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' });
+                    // Close mobile menu
+                    document.getElementById('navMenu').classList.remove('active');
+                }
+            });
+        });
+
+        // ===== Animated Counter =====
+        function animateCounter(elementId, target, suffix = '') {
+            const element = document.getElementById(elementId);
+            if (!element) return;
+            
+            let current = 0;
+            const increment = target / 50;
+            const timer = setInterval(() => {
+                current += increment;
+                if (current >= target) {
+                    element.textContent = target.toLocaleString() + suffix;
+                    clearInterval(timer);
+                } else {
+                    element.textContent = Math.floor(current).toLocaleString() + suffix;
+                }
+            }, 30);
+        }
+
+        // ===== Intersection Observer for Animations =====
+        const observerOptions = {
+            threshold: 0.2,
+            rootMargin: '0px'
+        };
+
+        const observer = new IntersectionObserver((entries) => {
+            entries.forEach(entry => {
+                if (entry.isIntersecting) {
+                    // Animate stats when visible
+                    if (entry.target.id === 'statReports') {
+                        animateCounter('statReports', 100000, '+');
+                        animateCounter('statUsers', 50000, '+');
+                        animateCounter('statEnterprises', 5000, '+');
+                    }
+                    observer.unobserve(entry.target);
+                }
+            });
+        }, observerOptions);
+
+        document.getElementById('statReports') && observer.observe(document.getElementById('statReports'));
+
+        // ===== FAQ Toggle =====
+        document.querySelectorAll('.faq-question').forEach(question => {
+            question.addEventListener('click', () => {
+                const item = question.parentElement;
+                const icon = question.querySelector('.faq-icon');
+                
+                // Close other items
+                document.querySelectorAll('.faq-item').forEach(other => {
+                    if (other !== item) {
+                        other.classList.remove('active');
+                        other.querySelector('.faq-icon').textContent = '+';
+                    }
+                });
+                
+                // Toggle current item
+                item.classList.toggle('active');
+                icon.textContent = item.classList.contains('active') ? '×' : '+';
+            });
+        });
+
+        // ===== Advanced Profit Calculator =====
+        const levelData = {
+            silver: { name: '白银代理', fee: 0, markup: 6, referralBonus: 0, teamSilver: 2, teamGold: 0 },
+            gold: { name: '黄金代理', fee: 198, markup: 3, referralBonus: 60, teamSilver: 3, teamGold: 0 },
+            diamond: { name: '钻石代理', fee: 980, markup: 2, referralBonus: 300, teamSilver: 6, teamGold: 3 }
+        };
+        
+        const products = [
+            { name: '消金报告', retail: 39.9, baseCost: 6.0 },
+            { name: '家政风险报告', retail: 39.9, baseCost: 6.0 },
+            { name: '个人大数据报告', retail: 49.8, baseCost: 5.0 },
+            { name: '入职背调报告', retail: 69.9, baseCost: 9.0 },
+            { name: '小微企业报告', retail: 69.9, baseCost: 9.0 },
+            { name: '婚恋风险报告', retail: 39.9, baseCost: 9.0 }
+        ];
+        
+        let currentLevel = 'silver';
+        
+        function switchLevel(level) {
+            currentLevel = level;
+            
+            // Update tabs
+            document.querySelectorAll('.tab-btn').forEach(btn => btn.classList.remove('active'));
+            event.target.closest('.tab-btn').classList.add('active');
+            
+            // Show/hide team inputs for diamond
+            const isDiamond = level === 'diamond';
+            const isGoldOrDiamond = level === 'gold' || level === 'diamond';
+            document.getElementById('teamSilverGroup').style.display = isGoldOrDiamond ? 'block' : 'none';
+            document.getElementById('teamGoldGroup').style.display = isDiamond ? 'block' : 'none';
+            document.getElementById('teamCard').style.display = isGoldOrDiamond ? 'block' : 'none';
+            document.getElementById('roiCard').style.display = isGoldOrDiamond ? 'block' : 'none';
+            
+            calculateProfit();
+        }
+        
+        function getProductCost(product) {
+            return product.baseCost + levelData[currentLevel].markup;
+        }
+        
+        function getProductProfit(product) {
+            return product.retail - getProductCost(product);
+        }
+        
+        function getProductMargin(product) {
+            const profit = getProductProfit(product);
+            return ((profit / product.retail) * 100).toFixed(0);
+        }
+        
+        function calculateProfit() {
+            const dailySales = parseFloat(document.getElementById('dailySales').value) || 0;
+            const referralCount = parseFloat(document.getElementById('referralCount').value) || 0;
+            const teamSilver = parseFloat(document.getElementById('teamSilver').value) || 0;
+            const teamGold = parseFloat(document.getElementById('teamGold').value) || 0;
+            
+            const level = levelData[currentLevel];
+            
+            // Calculate average profit
+            const totalProfit = products.reduce((sum, p) => sum + getProductProfit(p), 0);
+            const avgProfit = totalProfit / products.length;
+            
+            // Retail profit
+            const dailyRetailProfit = avgProfit * dailySales;
+            const monthlyRetailProfit = dailyRetailProfit * 30;
+            
+            // Referral bonus
+            const monthlyReferralProfit = level.referralBonus * referralCount;
+            
+            // Team commission
+            let monthlyTeamProfit = 0;
+            if (currentLevel === 'gold') {
+                monthlyTeamProfit = level.teamSilver * teamSilver * 30;
+            } else if (currentLevel === 'diamond') {
+                monthlyTeamProfit = (level.teamSilver * teamSilver + level.teamGold * teamGold) * 30;
+            }
+            
+            // Total
+            const totalMonthlyProfit = monthlyRetailProfit + monthlyReferralProfit + monthlyTeamProfit;
+            
+            // ROI
+            let paybackDays = 0;
+            let paybackHours = 0;
+            if (level.fee > 0) {
+                const dailyTotal = dailyRetailProfit + (monthlyReferralProfit + monthlyTeamProfit) / 30;
+                if (dailyTotal > 0) {
+                    paybackDays = Math.ceil(level.fee / dailyTotal);
+                    paybackHours = (level.fee / (totalMonthlyProfit / 30 / 24)).toFixed(1);
+                }
+            }
+            
+            // Update UI
+            document.getElementById('avgProfit').textContent = '¥' + avgProfit.toFixed(2);
+            document.getElementById('dailyRetailProfit').textContent = '¥' + dailyRetailProfit.toLocaleString('zh-CN', {minimumFractionDigits: 0, maximumFractionDigits: 0});
+            document.getElementById('dailyRetailSub').textContent = dailySales + '份 × ¥' + avgProfit.toFixed(2);
+            document.getElementById('monthlyRetailProfit').textContent = '¥' + monthlyRetailProfit.toLocaleString('zh-CN', {minimumFractionDigits: 0, maximumFractionDigits: 0});
+            document.getElementById('monthlyReferralProfit').textContent = '¥' + monthlyReferralProfit.toLocaleString('zh-CN', {minimumFractionDigits: 0, maximumFractionDigits: 0});
+            document.getElementById('referralSub').textContent = referralCount + '人 × ¥' + level.referralBonus + '/人';
+            document.getElementById('monthlyTeamProfit').textContent = '¥' + monthlyTeamProfit.toLocaleString('zh-CN', {minimumFractionDigits: 0, maximumFractionDigits: 0});
+            document.getElementById('totalMonthlyProfit').textContent = '¥' + totalMonthlyProfit.toLocaleString('zh-CN', {minimumFractionDigits: 0, maximumFractionDigits: 0});
+            document.getElementById('paybackDays').textContent = paybackDays + '天';
+            document.getElementById('paybackHours').textContent = '或 ' + paybackHours + '小时（日销' + dailySales + '份）';
+            
+            // Update product table
+            document.getElementById('currentLevelName').textContent = level.name;
+            const tbody = document.getElementById('productTableBody');
+            tbody.innerHTML = products.map(p => `
+                <tr>
+                    <td>${p.name}</td>
+                    <td>¥${p.retail}</td>
+                    <td>¥${getProductCost(p).toFixed(2)}</td>
+                    <td>¥${getProductProfit(p).toFixed(2)}</td>
+                    <td>${getProductMargin(p)}%</td>
+                </tr>
+            `).join('');
+        }
+        
+        // Initialize calculator
+        calculateProfit();
+
+        // ===== Scroll Animation Trigger =====
+        const animationObserver = new IntersectionObserver((entries) => {
+            entries.forEach(entry => {
+                if (entry.isIntersecting) {
+                    entry.target.style.opacity = '1';
+                    entry.target.style.animationPlayState = 'running';
+                }
+            });
+        }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' });
+
+        document.querySelectorAll('.product-card, .pricing-card, .section-title').forEach(el => {
+            animationObserver.observe(el);
+        });
+
+        // ===== Initialize =====
+        console.log('愉悦查官网已加载 🚀');
+    </script>
+</body>
+</html>
diff --git a/index.html.bak.investment b/index.html.bak.investment
new file mode 100755
index 0000000..209ab9c
--- /dev/null
+++ b/index.html.bak.investment
@@ -0,0 +1,2523 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>愉悦查 - 让信任无处不在，让合作没有距离 | AI 驱动的商业信任科技平台</title>
+    <meta name="description" content="愉悦查是 AI 驱动的商业信任科技平台，提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告，支持 AI 智能定制报告。200+ 数据接口，秒级响应，让信任无处不在。">
+    <meta name="keywords" 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=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    
+    <style>
+        /* ===== CSS Variables - 品牌色定义 ===== */
+        :root {
+            /* 品牌主色 - 橙色系 (来自蓝湖设计稿) */
+            --primary-orange: #FF6A19;
+            --primary-orange-light: #FC6E18;
+            --primary-orange-dark: #E64E10;
+            --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
+            --primary-orange-soft: #FFDECC;
+            
+            /* 辅助色 */
+            --bg-light: #FFFFFF;
+            --bg-gray: #F5F7FA;
+            --bg-gray-light: #E4E7E0;
+            
+            /* 文字色 */
+            --text-primary: #1A1A1A;
+            --text-secondary: #666666;
+            --text-light: #999999;
+            
+            /* 功能色 */
+            --success: #07C160;
+            --warning: #FF9500;
+            --error: #FF3B30;
+            
+            /* 间距 */
+            --spacing-xs: 8px;
+            --spacing-sm: 16px;
+            --spacing-md: 24px;
+            --spacing-lg: 48px;
+            --spacing-xl: 80px;
+            
+            /* 圆角 */
+            --radius-sm: 4px;
+            --radius-md: 8px;
+            --radius-lg: 16px;
+            --radius-xl: 24px;
+            
+            /* 阴影 */
+            --shadow-sm: 0 2px 8px rgba(0,0,0,0.08);
+            --shadow-md: 0 4px 16px rgba(0,0,0,0.12);
+            --shadow-lg: 0 8px 32px rgba(0,0,0,0.16);
+            
+            /* 过渡 */
+            --transition: all 0.3s ease;
+        }
+        
+        /* ===== Reset & Base ===== */
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+        
+        html {
+            scroll-behavior: smooth;
+        }
+        
+        body {
+            font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+            font-size: 16px;
+            line-height: 1.6;
+            color: var(--text-primary);
+            background-color: var(--bg-light);
+        }
+        
+        a {
+            text-decoration: none;
+            color: inherit;
+        }
+        
+        ul {
+            list-style: none;
+        }
+        
+        img {
+            max-width: 100%;
+            height: auto;
+        }
+        
+        .container {
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 0 var(--spacing-md);
+        }
+        
+        .btn {
+            display: inline-block;
+            padding: 14px 32px;
+            font-size: 16px;
+            font-weight: 500;
+            border-radius: var(--radius-md);
+            cursor: pointer;
+            transition: var(--transition);
+            border: none;
+            text-align: center;
+        }
+        
+        .btn-primary {
+            background: var(--primary-gradient);
+            color: white;
+            box-shadow: 0 4px 12px rgba(236, 77, 9, 0.3);
+        }
+        
+        .btn-primary:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 6px 20px rgba(236, 77, 9, 0.4);
+        }
+        
+        .btn-outline {
+            background: transparent;
+            border: 2px solid var(--primary-orange);
+            color: var(--primary-orange);
+        }
+        
+        .btn-outline:hover {
+            background: var(--primary-gradient);
+            color: white;
+            transform: translateY(-2px);
+            box-shadow: 0 4px 12px rgba(255, 106, 25, 0.3);
+        }
+        
+        .btn-primary:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 6px 20px rgba(255, 106, 25, 0.4);
+        }
+        
+        .section {
+            padding: var(--spacing-xl) 0;
+        }
+        
+        .section-title {
+            text-align: center;
+            font-size: 36px;
+            font-weight: 700;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .section-subtitle {
+            text-align: center;
+            font-size: 18px;
+            color: var(--text-secondary);
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        /* ===== Navigation ===== */
+        /* ===== Navigation ===== */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+            transition: var(--transition);
+        }
+        
+        .navbar.scrolled {
+            box-shadow: 0 4px 30px rgba(0,0,0,0.12);
+        }
+        
+        .navbar .container {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            height: 80px;
+            max-width: 1400px;
+            margin: 0 auto;
+            padding: 0 32px;
+        }
+        
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            text-decoration: none;
+            background: transparent;
+            padding: 4px 0;
+        }
+        
+        .logo-img {
+            background: rgba(255,255,255,0.95);
+            height: 60px;
+            width: auto;
+            object-fit: contain;
+            transition: var(--transition);
+            
+        }
+        
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            text-decoration: none;
+            padding: 6px 0;
+        }
+        
+        .logo-img {
+            background: rgba(255,255,255,0.95);
+            height: 60px;
+            width: auto;
+            object-fit: contain;
+            transition: var(--transition);
+            
+        }
+        
+        .logo:hover .logo-img {
+            background: rgba(255,255,255,0.95);
+            transform: scale(1.05);
+        }
+        
+        .nav-menu {
+            display: flex;
+            gap: var(--spacing-lg);
+            align-items: center;
+        }
+        
+        .nav-link {
+            font-size: 15px;
+            font-weight: 500;
+            color: var(--text-primary);
+            transition: var(--transition);
+            position: relative;
+        }
+        
+        .nav-link:hover {
+            color: var(--primary-orange);
+        }
+        
+        .nav-link::after {
+            content: '';
+            position: absolute;
+            bottom: -4px;
+            left: 0;
+            width: 0;
+            height: 2px;
+            background: var(--primary-orange);
+            transition: var(--transition);
+        }
+        
+        .nav-link:hover::after {
+            width: 100%;
+        }
+        
+        .nav-cta {
+            display: flex;
+            gap: var(--spacing-sm);
+        }
+        
+        .nav-btn {
+            padding: 10px 20px;
+            font-size: 14px;
+        }
+        
+        /* Mobile Menu */
+        .menu-toggle {
+            display: none;
+            flex-direction: column;
+            gap: 5px;
+            cursor: pointer;
+            padding: 5px;
+        }
+        
+        .menu-toggle span {
+            width: 25px;
+            height: 3px;
+            background: var(--primary-orange);
+            border-radius: 2px;
+            transition: var(--transition);
+        }
+        
+        /* ===== Hero Section ===== */
+        .hero {
+            padding-top: 160px;
+            padding-bottom: 100px;
+            background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 50%, #F5F7FA 100%);
+            position: relative;
+            overflow: hidden;
+        }
+        
+        .hero::before {
+            content: '';
+            position: absolute;
+            top: -50%;
+            right: -20%;
+            width: 80%;
+            height: 200%;
+            background: radial-gradient(circle, rgba(236, 77, 9, 0.05) 0%, transparent 70%);
+            animation: float 20s ease-in-out infinite;
+        }
+        
+        @keyframes float {
+            0%, 100% { transform: translateY(0) rotate(0deg); }
+            50% { transform: translateY(-20px) rotate(5deg); }
+        }
+        
+        .hero-content {
+            text-align: center;
+            max-width: 900px;
+            margin: 0 auto;
+            position: relative;
+            z-index: 1;
+        }
+        
+        .hero-badge {
+            display: inline-block;
+            padding: 8px 16px;
+            background: linear-gradient(135deg, rgba(255, 106, 25, 0.1), rgba(252, 110, 24, 0.15));
+            color: var(--primary-orange);
+            font-size: 14px;
+            font-weight: 600;
+            border-radius: 20px;
+            margin-bottom: var(--spacing-md);
+            border: 1px solid rgba(255, 106, 25, 0.2);
+            animation: pulse 2s ease-in-out infinite;
+        }
+        
+        @keyframes pulse {
+            0%, 100% { transform: scale(1); }
+            50% { transform: scale(1.02); }
+        }
+        
+        .hero h1 {
+            font-size: 56px;
+            font-weight: 900;
+            line-height: 1.2;
+            margin-bottom: var(--spacing-sm);
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 50%, #FF8A5C 100%);
+            background-size: 200% auto;
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+            animation: gradientShift 3s ease infinite;
+        }
+        
+        @keyframes gradientShift {
+            0%, 100% { background-position: 0% center; }
+            50% { background-position: 100% center; }
+        }
+        
+        .hero p {
+            font-size: 20px;
+            color: var(--text-secondary);
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        .hero-stats {
+            display: flex;
+            justify-content: center;
+            gap: var(--spacing-lg);
+            margin-top: var(--spacing-lg);
+            flex-wrap: wrap;
+        }
+        
+        .stat-item {
+            text-align: center;
+        }
+        
+        .stat-number {
+            font-size: 36px;
+            font-weight: 700;
+            background: var(--primary-gradient);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+        
+        .stat-label {
+            font-size: 14px;
+            color: var(--text-light);
+            margin-top: 4px;
+        }
+        
+        .hero-buttons {
+            display: flex;
+            justify-content: center;
+            gap: var(--spacing-sm);
+            margin-top: var(--spacing-lg);
+            flex-wrap: wrap;
+        }
+        
+        /* ===== Trust Bar ===== */
+        .trust-bar {
+            padding: var(--spacing-lg) 0;
+            background: var(--bg-gray);
+            border-top: 1px solid #eee;
+            border-bottom: 1px solid #eee;
+        }
+        
+        .trust-bar p {
+            text-align: center;
+            font-size: 14px;
+            color: var(--text-light);
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .trust-logos {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            gap: var(--spacing-lg);
+            flex-wrap: wrap;
+            opacity: 0.6;
+        }
+        
+        .trust-logo {
+            height: 40px;
+            filter: grayscale(100%);
+            transition: var(--transition);
+        }
+        
+        .trust-logo:hover {
+            filter: grayscale(0%);
+        }
+        
+        /* ===== Features Section ===== */
+        .features {
+            background: var(--bg-light);
+        }
+        
+        .features-grid {
+            display: grid;
+            grid-template-columns: repeat(4, 1fr);
+            gap: var(--spacing-md);
+        }
+        
+        .feature-card {
+            text-align: center;
+            padding: var(--spacing-lg) var(--spacing-md);
+            border-radius: var(--radius-lg);
+            transition: var(--transition);
+        }
+        
+        .feature-card:hover {
+            background: var(--bg-gray);
+            transform: translateY(-4px);
+        }
+        
+        .feature-icon {
+            width: 64px;
+            height: 64px;
+            margin: 0 auto var(--spacing-sm);
+            background: var(--primary-gradient);
+            border-radius: var(--radius-md);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 28px;
+        }
+        
+        .feature-title {
+            font-size: 18px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .feature-desc {
+            font-size: 14px;
+            color: var(--text-secondary);
+        }
+        
+        /* ===== Products Section ===== */
+        .products {
+            background: var(--bg-gray);
+        }
+        
+        .products-grid {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: var(--spacing-md);
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        .product-card {
+            background: white;
+            border-radius: var(--radius-lg);
+            padding: var(--spacing-lg);
+            box-shadow: var(--shadow-sm);
+            transition: var(--transition);
+            position: relative;
+            overflow: hidden;
+        }
+        
+        .product-card::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            height: 4px;
+            background: var(--primary-gradient);
+        }
+        
+        .product-card:hover {
+            transform: translateY(-12px);
+            box-shadow: var(--shadow-lg);
+        }
+        
+        .product-card:hover .product-icon {
+            transform: scale(1.1) rotate(5deg);
+        }
+        
+        .product-icon {
+            width: 80px;
+            height: 80px;
+            border-radius: 50%;
+            background: var(--primary-gradient);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 36px;
+            margin-bottom: var(--spacing-sm);
+            box-shadow: 0 4px 16px rgba(255, 106, 25, 0.3);
+            transition: var(--transition);
+        }
+        
+        .product-name {
+            font-size: 20px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .product-price {
+            font-size: 28px;
+            font-weight: 700;
+            color: var(--primary-orange);
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .product-price span {
+            font-size: 14px;
+            font-weight: 400;
+            color: var(--text-light);
+        }
+        
+        .product-features {
+            margin: var(--spacing-sm) 0;
+            padding: var(--spacing-sm) 0;
+            border-top: 1px solid #eee;
+            border-bottom: 1px solid #eee;
+        }
+        
+        .product-features li {
+            font-size: 14px;
+            color: var(--text-secondary);
+            padding: 4px 0;
+            display: flex;
+            align-items: center;
+            gap: 8px;
+        }
+        
+        .product-features li::before {
+            content: '✓';
+            color: var(--success);
+            font-weight: 700;
+        }
+        
+        /* AI Custom Product */
+        .product-ai {
+            grid-column: 1 / -1;
+            background: var(--primary-gradient);
+            color: white;
+            padding: var(--spacing-xl);
+            border-radius: var(--radius-xl);
+            text-align: center;
+            position: relative;
+            overflow: hidden;
+        }
+        
+        .product-ai::before {
+            content: '';
+            position: absolute;
+            top: -50%;
+            right: -10%;
+            width: 50%;
+            height: 200%;
+            background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
+            animation: float 15s ease-in-out infinite reverse;
+        }
+        
+        .product-ai h3 {
+            font-size: 32px;
+            margin-bottom: var(--spacing-sm);
+            position: relative;
+        }
+        
+        .product-ai p {
+            font-size: 18px;
+            opacity: 0.95;
+            margin-bottom: var(--spacing-md);
+            position: relative;
+        }
+        
+        .product-ai .btn {
+            background: white;
+            color: var(--primary-orange);
+            position: relative;
+        }
+        
+        /* ===== Technology Section ===== */
+        }
+        
+        .sample-grid {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: var(--spacing-md);
+        }
+        
+        .sample-card {
+            background: white;
+            border-radius: var(--radius-lg);
+            padding: var(--spacing-lg);
+            box-shadow: var(--shadow-sm);
+            transition: var(--transition);
+            position: relative;
+            overflow: hidden;
+            display: flex;
+            flex-direction: column;
+        }
+        
+        .sample-card::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            height: 4px;
+            background: var(--primary-gradient);
+        }
+        
+        .sample-card:hover {
+            transform: translateY(-8px);
+            box-shadow: var(--shadow-lg);
+        }
+        
+        .sample-icon {
+            width: 70px;
+            height: 70px;
+            border-radius: 50%;
+            background: var(--primary-orange-soft);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 32px;
+            margin-bottom: var(--spacing-sm);
+            transition: var(--transition);
+        }
+        
+        .sample-card:hover .sample-icon {
+            transform: scale(1.1);
+        }
+        
+        .sample-name {
+            font-size: 20px;
+            font-weight: 600;
+            margin-bottom: 12px;
+            color: var(--text-primary);
+        }
+        
+        .sample-desc {
+            font-size: 14px;
+            color: var(--text-secondary);
+            line-height: 1.6;
+            margin-bottom: 16px;
+            flex-grow: 1;
+        }
+        
+        .sample-features {
+            font-size: 13px;
+            color: var(--text-secondary);
+            margin-bottom: 20px;
+            padding-left: 0;
+        }
+        
+        .sample-features li {
+            padding: 4px 0;
+            list-style: none;
+        }
+
+        .technology {
+            background: linear-gradient(135deg, #1A1A2E 0%, #16213E 100%);
+            color: white;
+        }
+        
+        .technology .section-title,
+        .technology .section-subtitle {
+            color: white;
+        }
+        
+        .tech-diagram {
+            max-width: 1000px;
+            margin: var(--spacing-lg) auto;
+            background: rgba(255,255,255,0.05);
+            border-radius: var(--radius-xl);
+            padding: var(--spacing-xl);
+            backdrop-filter: blur(10px);
+        }
+        
+        .tech-flow {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            flex-wrap: wrap;
+            gap: var(--spacing-md);
+        }
+        
+        .tech-step {
+            flex: 1;
+            min-width: 150px;
+            text-align: center;
+            padding: var(--spacing-md);
+            background: rgba(236, 77, 9, 0.1);
+            border-radius: var(--radius-md);
+            border: 1px solid rgba(236, 77, 9, 0.3);
+        }
+        
+        .tech-step-icon {
+            font-size: 36px;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .tech-step-title {
+            font-size: 16px;
+            font-weight: 600;
+            margin-bottom: 4px;
+        }
+        
+        .tech-step-desc {
+            font-size: 13px;
+            opacity: 0.8;
+        }
+        
+        .tech-arrow {
+            font-size: 24px;
+            color: var(--primary-orange);
+        }
+        
+        .tech-apis {
+            text-align: center;
+            margin-top: var(--spacing-lg);
+            padding: var(--spacing-md);
+            background: rgba(255,255,255,0.05);
+            border-radius: var(--radius-md);
+        }
+        
+        .tech-apis p {
+            font-size: 14px;
+            opacity: 0.8;
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .api-tags {
+            display: flex;
+            justify-content: center;
+            gap: var(--spacing-xs);
+            flex-wrap: wrap;
+        }
+        
+        .api-tag {
+            padding: 6px 12px;
+            background: rgba(236, 77, 9, 0.2);
+            border-radius: 20px;
+            font-size: 13px;
+            border: 1px solid rgba(236, 77, 9, 0.3);
+        }
+        
+        /* ===== Partnership Section ===== */
+        .partnership {
+            background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%);
+        }
+        
+        .pricing-grid {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: var(--spacing-md);
+            max-width: 1000px;
+            margin: 0 auto var(--spacing-lg);
+        }
+        
+        .pricing-card {
+            background: white;
+            border-radius: var(--radius-lg);
+            padding: var(--spacing-lg);
+            text-align: center;
+            box-shadow: var(--shadow-sm);
+            transition: var(--transition);
+            border: 2px solid transparent;
+        }
+        
+        .pricing-card:hover {
+            transform: translateY(-8px);
+            box-shadow: var(--shadow-lg);
+        }
+        
+        .pricing-card.featured {
+            border-color: var(--primary-orange);
+            position: relative;
+            transform: scale(1.08);
+            box-shadow: var(--shadow-lg);
+            z-index: 1;
+        }
+        
+        .pricing-card.featured:hover {
+            transform: scale(1.08) translateY(-8px);
+        }
+        
+        .pricing-card.featured::before {
+            content: '🔥 热门推荐';
+            position: absolute;
+            top: -14px;
+            left: 50%;
+            transform: translateX(-50%);
+            background: var(--primary-gradient);
+            color: white;
+            padding: 6px 20px;
+            border-radius: 12px;
+            font-size: 13px;
+            font-weight: 600;
+            box-shadow: 0 4px 12px rgba(255, 106, 25, 0.4);
+        }
+        
+        .pricing-icon {
+            font-size: 48px;
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .pricing-name {
+            font-size: 20px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .pricing-price {
+            font-size: 36px;
+            font-weight: 700;
+            color: var(--primary-orange);
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .pricing-price span {
+            font-size: 14px;
+            font-weight: 400;
+            color: var(--text-light);
+        }
+        
+        .pricing-features {
+            margin: var(--spacing-md) 0;
+            text-align: left;
+        }
+        
+        .pricing-features li {
+            font-size: 14px;
+            color: var(--text-secondary);
+            padding: 8px 0;
+            display: flex;
+            align-items: center;
+            gap: 8px;
+        }
+        
+        .pricing-features li::before {
+            content: '✓';
+            color: var(--success);
+            font-weight: 700;
+        }
+        
+        /* Calculator - Advanced Profit Calculator */
+        .profit-calculator {
+            max-width: 1000px;
+            margin: var(--spacing-lg) auto;
+            background: white;
+            padding: var(--spacing-lg);
+            border-radius: var(--radius-lg);
+            box-shadow: var(--shadow-md);
+        }
+        
+        .calculator-title {
+            text-align: center;
+            font-size: 24px;
+            font-weight: 700;
+            margin-bottom: var(--spacing-md);
+            color: var(--text-primary);
+        }
+        
+        .level-tabs {
+            display: flex;
+            gap: 12px;
+            margin-bottom: 24px;
+        }
+        
+        .tab-btn {
+            flex: 1;
+            padding: 16px 20px;
+            border: 2px solid #e0e0e0;
+            border-radius: var(--radius-md);
+            background: #fff;
+            cursor: pointer;
+            font-size: 16px;
+            font-weight: 600;
+            transition: var(--transition);
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+        
+        .tab-btn:hover {
+            border-color: var(--primary-orange);
+        }
+        
+        .tab-btn.active {
+            border-color: var(--primary-orange);
+            background: var(--primary-gradient);
+            color: #fff;
+        }
+        
+        .tab-btn .price {
+            font-size: 13px;
+            font-weight: 400;
+            opacity: 0.9;
+        }
+        
+        .calculator-grid {
+            display: grid;
+            grid-template-columns: 1fr 1fr;
+            gap: 24px;
+        }
+        
+        .input-section, .profit-section {
+            background: var(--bg-gray);
+            padding: 20px;
+            border-radius: var(--radius-md);
+        }
+        
+        .input-section h4, .profit-section h4 {
+            font-size: 16px;
+            margin-bottom: 16px;
+            color: var(--text-primary);
+        }
+        
+        .input-group {
+            margin-bottom: 16px;
+        }
+        
+        .input-group label {
+            display: block;
+            margin-bottom: 6px;
+            font-size: 13px;
+            color: var(--text-secondary);
+        }
+        
+        .input-group input {
+            width: 100%;
+            padding: 10px 12px;
+            border: 1px solid #ddd;
+            border-radius: 6px;
+            font-size: 15px;
+            transition: var(--transition);
+        }
+        
+        .input-group input:focus {
+            outline: none;
+            border-color: var(--primary-orange);
+        }
+        
+        .profit-card {
+            background: #fff;
+            padding: 14px;
+            border-radius: 8px;
+            margin-bottom: 10px;
+        }
+        
+        .profit-card .label {
+            font-size: 13px;
+            color: var(--text-secondary);
+            margin-bottom: 4px;
+        }
+        
+        .profit-card .value {
+            font-size: 24px;
+            font-weight: 700;
+            color: var(--primary-orange);
+        }
+        
+        .profit-card .sub {
+            font-size: 11px;
+            color: #999;
+            margin-top: 4px;
+        }
+        
+        .profit-card.highlight {
+            background: #FFF3E0;
+            border: 2px solid var(--primary-orange);
+        }
+        
+        .profit-card.total {
+            background: var(--primary-gradient);
+            color: #fff;
+        }
+        
+        .profit-card.total .label,
+        .profit-card.total .value,
+        .profit-card.total .sub {
+            color: #fff;
+        }
+        
+        .roi-card {
+            background: #FFF3CD;
+            border: 2px solid #FFC107;
+            padding: 14px;
+            border-radius: 8px;
+            margin-top: 12px;
+        }
+        
+        .roi-card .label {
+            font-size: 13px;
+            color: #856404;
+        }
+        
+        .roi-card .value {
+            font-size: 20px;
+            font-weight: 700;
+            color: #856404;
+        }
+        
+        .roi-card .sub {
+            font-size: 11px;
+            color: #856404;
+            opacity: 0.8;
+            margin-top: 4px;
+        }
+        
+        .product-detail {
+            grid-column: 1 / -1;
+            background: #fff;
+            padding: 20px;
+            border-radius: var(--radius-md);
+            border: 1px solid #e0e0e0;
+            margin-top: 12px;
+        }
+        
+        .product-detail h4 {
+            font-size: 16px;
+            margin-bottom: 12px;
+            color: var(--text-primary);
+        }
+        
+        .product-detail table {
+            width: 100%;
+            border-collapse: collapse;
+            font-size: 13px;
+        }
+        
+        .product-detail th,
+        .product-detail td {
+            padding: 10px;
+            text-align: left;
+            border-bottom: 1px solid #e0e0e0;
+        }
+        
+        .product-detail th {
+            background: var(--bg-gray);
+            font-weight: 600;
+            color: var(--text-primary);
+        }
+        
+        .product-detail tr:hover {
+            background: var(--bg-gray-light);
+        }
+        
+        @media (max-width: 768px) {
+            .calculator-grid {
+                grid-template-columns: 1fr;
+            }
+            
+            .level-tabs {
+                flex-direction: column;
+            }
+        }
+        
+        /* ===== FAQ Section ===== */
+        .faq {
+            background: var(--bg-light);
+        }
+        
+        .faq-list {
+            max-width: 800px;
+            margin: 0 auto;
+        }
+        
+        .faq-item {
+            border-bottom: 1px solid #eee;
+            padding: var(--spacing-md) 0;
+            transition: var(--transition);
+        }
+        
+        .faq-item:hover {
+            background: rgba(255, 106, 25, 0.02);
+            padding-left: var(--spacing-sm);
+            padding-right: var(--spacing-sm);
+            margin-left: calc(-1 * var(--spacing-sm));
+            margin-right: calc(-1 * var(--spacing-sm));
+            border-radius: var(--radius-md);
+        }
+        }
+        
+        .faq-question {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            cursor: pointer;
+            padding: var(--spacing-sm) 0;
+            font-size: 18px;
+            font-weight: 500;
+            transition: var(--transition);
+        }
+        
+        .faq-question:hover {
+            color: var(--primary-orange);
+        }
+        
+        .faq-icon {
+            font-size: 24px;
+            color: var(--primary-orange);
+            transition: var(--transition);
+            width: 32px;
+            height: 32px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            border-radius: 50%;
+            background: rgba(255, 106, 25, 0.1);
+        }
+        
+        .faq-item.active .faq-icon {
+            background: var(--primary-gradient);
+            color: white;
+        }
+        
+        .faq-answer {
+            max-height: 0;
+            overflow: hidden;
+            transition: max-height 0.3s ease;
+            color: var(--text-secondary);
+            line-height: 1.8;
+        }
+        
+        .faq-item.active .faq-icon {
+            transform: rotate(45deg);
+        }
+        
+        .faq-item.active .faq-answer {
+            max-height: 500px;
+            margin-top: var(--spacing-sm);
+        }
+        
+        /* ===== CTA Section ===== */
+        .cta {
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 50%, #FF8A5C 100%);
+            background-size: 200% 200%;
+            animation: gradientShift 5s ease infinite;
+            color: white;
+            text-align: center;
+            padding: var(--spacing-xl) 0;
+            position: relative;
+            overflow: hidden;
+        }
+        
+        .cta::before {
+            content: '';
+            position: absolute;
+            top: -50%;
+            left: -50%;
+            width: 200%;
+            height: 200%;
+            background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
+            animation: rotate 20s linear infinite;
+        }
+        
+        @keyframes rotate {
+            from { transform: rotate(0deg); }
+            to { transform: rotate(360deg); }
+        }
+        
+        .cta h2 {
+            font-size: 36px;
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .cta p {
+            font-size: 18px;
+            opacity: 0.95;
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        .cta-buttons {
+            display: flex;
+            justify-content: center;
+            gap: var(--spacing-sm);
+            flex-wrap: wrap;
+            position: relative;
+            z-index: 1;
+        }
+        
+        .cta .btn {
+            background: white;
+            color: var(--primary-orange);
+        }
+        
+        .cta .btn:hover {
+            transform: translateY(-3px);
+            box-shadow: 0 8px 24px rgba(0,0,0,0.2);
+        }
+        
+        .cta .btn-outline {
+            background: transparent;
+            border-color: rgba(255,255,255,0.5);
+            color: white;
+        }
+        
+        .cta .btn-outline:hover {
+            background: white;
+            color: var(--primary-orange);
+        }
+        
+        .cta .btn-outline:hover {
+            background: white;
+            color: var(--primary-orange);
+        }
+        
+        /* ===== Footer ===== */
+        .footer {
+            background: #1A1A1A;
+            color: white;
+            padding: var(--spacing-xl) 0 var(--spacing-lg);
+        }
+        
+        .footer-grid {
+            display: grid;
+            grid-template-columns: 2fr repeat(3, 1fr);
+            gap: var(--spacing-lg);
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        .footer-brand h3 {
+            font-size: 24px;
+            margin-bottom: var(--spacing-sm);
+            color: var(--primary-orange);
+        }
+        
+        .footer-brand p {
+            font-size: 14px;
+            opacity: 0.8;
+            line-height: 1.8;
+        }
+        
+        .footer-title {
+            font-size: 16px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .footer-links li {
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .footer-links a {
+            font-size: 14px;
+            opacity: 0.8;
+            transition: var(--transition);
+        }
+        
+        .footer-links a:hover {
+            opacity: 1;
+            color: var(--primary-orange);
+        }
+        
+        .footer-bottom {
+            padding-top: var(--spacing-lg);
+            border-top: 1px solid rgba(255,255,255,0.1);
+            text-align: center;
+            font-size: 14px;
+            opacity: 0.6;
+        }
+        
+        .footer-icp {
+            margin-top: var(--spacing-sm);
+        }
+        
+        /* ===== Animations ===== */
+        @keyframes fadeInUp {
+            from {
+                opacity: 0;
+                transform: translateY(30px);
+            }
+            to {
+                opacity: 1;
+                transform: translateY(0);
+            }
+        }
+        
+        .fade-in-up {
+            animation: fadeInUp 0.6s ease forwards;
+        }
+        
+        .section-title {
+            opacity: 0;
+            animation: fadeInUp 0.6s ease forwards;
+        }
+        
+        .product-card {
+            opacity: 0;
+            animation: fadeInUp 0.6s ease forwards;
+            animation-play-state: paused;
+        }
+        
+        .product-card:nth-child(1) { animation-delay: 0.1s; }
+        .product-card:nth-child(2) { animation-delay: 0.15s; }
+        .product-card:nth-child(3) { animation-delay: 0.2s; }
+        .product-card:nth-child(4) { animation-delay: 0.25s; }
+        .product-card:nth-child(5) { animation-delay: 0.3s; }
+        .product-card:nth-child(6) { animation-delay: 0.35s; }
+        
+        .pricing-card {
+            opacity: 0;
+            animation: fadeInUp 0.6s ease forwards;
+            animation-play-state: paused;
+        }
+        
+        .pricing-card:nth-child(1) { animation-delay: 0.1s; }
+        .pricing-card:nth-child(2) { animation-delay: 0.2s; }
+        .pricing-card:nth-child(3) { animation-delay: 0.3s; }
+        
+        /* ===== Responsive ===== */
+        @media (max-width: 1024px) {
+            .features-grid {
+                grid-template-columns: repeat(2, 1fr);
+            }
+            
+            .products-grid {
+                grid-template-columns: repeat(2, 1fr);
+            }
+            
+            .pricing-grid {
+                grid-template-columns: repeat(2, 1fr);
+            }
+            
+            .footer-grid {
+                grid-template-columns: repeat(2, 1fr);
+            }
+        }
+        
+        /* ===== Mobile Responsive - 手机竖屏版 ===== */
+        @media (max-width: 768px) {
+            /* 导航栏 */
+            .navbar .container {
+                height: 60px;
+                padding: 0 12px;
+            }
+            
+            .logo {
+                padding: 0;
+                margin-left: 0;
+            }
+            
+            .logo-img {
+                background: transparent;
+                height: 40px;
+                margin-left: 0;
+            }
+            
+            .nav-menu {
+                display: none;
+                position: absolute;
+                top: 64px;
+                left: 0;
+                right: 0;
+                background: white;
+                flex-direction: column;
+                padding: var(--spacing-md);
+                box-shadow: var(--shadow-md);
+                z-index: 999;
+            }
+            
+            .nav-menu.active {
+                display: flex;
+            }
+            
+            .nav-menu li {
+                margin: 8px 0;
+            }
+            
+            .nav-link {
+                font-size: 16px;
+                padding: 12px 0;
+                display: block;
+            }
+            
+            .nav-cta {
+                display: none;
+            }
+            
+            .menu-toggle {
+                display: flex;
+            }
+            
+            /* Hero Section */
+            .hero {
+                padding-top: 100px;
+                padding-bottom: var(--spacing-lg);
+            }
+            
+            .hero h1 {
+                font-size: 28px;
+                line-height: 1.3;
+            }
+            
+            .hero p {
+                font-size: 14px;
+                margin-top: 12px;
+            }
+            
+            .hero-badge {
+                font-size: 12px;
+                padding: 6px 12px;
+            }
+            
+            .hero-stats {
+                flex-direction: column;
+                gap: var(--spacing-sm);
+                margin-top: var(--spacing-md);
+            }
+            
+            .stat-item {
+                flex-direction: row;
+                justify-content: space-between;
+                padding: 12px 16px;
+            }
+            
+            .stat-number {
+                font-size: 24px;
+            }
+            
+            .stat-label {
+                font-size: 13px;
+            }
+            
+            .hero-buttons {
+                flex-direction: column;
+                gap: 12px;
+            }
+            
+            .hero-buttons .btn {
+                width: 100%;
+            }
+            
+            /* Section Titles */
+            .section-title {
+                font-size: 26px;
+            }
+            
+            .section-subtitle {
+                font-size: 15px;
+            }
+            
+            /* Features */
+            .features-grid {
+                grid-template-columns: 1fr;
+                gap: var(--spacing-sm);
+            }
+            
+            .feature-card {
+                padding: var(--spacing-md);
+            }
+            
+            .feature-icon {
+                font-size: 36px;
+            }
+            
+            .feature-title {
+                font-size: 17px;
+            }
+            
+            .feature-desc {
+                font-size: 13px;
+            }
+            
+            /* Products */
+            .products-grid {
+                grid-template-columns: 1fr;
+                gap: var(--spacing-sm);
+            }
+            
+            .product-card {
+                padding: var(--spacing-md);
+            }
+            
+            .product-icon {
+                font-size: 40px;
+            }
+            
+            .product-name {
+                font-size: 17px;
+            }
+            
+            .product-price {
+                font-size: 20px;
+            }
+            
+            .product-features li {
+                font-size: 13px;
+            }
+            
+            /* Pricing */
+            .pricing-grid {
+                grid-template-columns: 1fr;
+                gap: var(--spacing-sm);
+            }
+            
+            .pricing-card {
+                padding: var(--spacing-md);
+            }
+            
+            .pricing-name {
+                font-size: 18px;
+            }
+            
+            .pricing-price {
+                font-size: 28px;
+            }
+            
+            .pricing-features {
+                font-size: 13px;
+            }
+            
+            .pricing-features li {
+                padding: 8px 0;
+            }
+            
+            /* Calculator */
+            .profit-calculator {
+                padding: var(--spacing-md);
+            }
+            
+            .calculator-grid {
+                grid-template-columns: 1fr;
+                gap: var(--spacing-sm);
+            }
+            
+            .level-tabs {
+                flex-direction: column;
+                gap: 8px;
+            }
+            
+            .tab-btn {
+                padding: 12px 16px;
+                font-size: 15px;
+            }
+            
+            .input-section,
+            .profit-section {
+                padding: 16px;
+            }
+            
+            .profit-card .value {
+                font-size: 20px;
+            }
+            
+            .product-detail table {
+                font-size: 12px;
+            }
+            
+            .product-detail th,
+            .product-detail td {
+                padding: 8px 4px;
+            }
+            
+            /* FAQ */
+            .faq-question {
+                font-size: 16px;
+            }
+            
+            .faq-answer {
+                font-size: 14px;
+            }
+            
+            /* CTA */
+            .cta {
+                padding: var(--spacing-lg) 0;
+            }
+            
+            .cta h2 {
+                font-size: 22px;
+            }
+            
+            .cta p {
+                font-size: 14px;
+            }
+            
+            .cta-buttons {
+                flex-direction: column;
+                gap: 12px;
+            }
+            
+            .cta-buttons .btn {
+                width: 100%;
+            }
+            
+            /* Footer */
+            .footer {
+                padding: var(--spacing-lg) 0;
+            }
+            
+            .footer-grid {
+                grid-template-columns: 1fr;
+                gap: var(--spacing-md);
+            }
+            
+            .footer-brand h3 {
+                font-size: 18px;
+            }
+            
+            .footer-title {
+                font-size: 15px;
+            }
+            
+            .footer-links li {
+                font-size: 13px;
+            }
+            
+            .footer-bottom {
+                flex-direction: column;
+                text-align: center;
+                font-size: 12px;
+            }
+            
+            /* Tech Section */
+            .tech-flow {
+                flex-direction: column;
+                gap: var(--spacing-sm);
+            }
+            
+            .tech-step {
+                padding: var(--spacing-sm);
+            }
+            
+            .tech-step-icon {
+                font-size: 32px;
+            }
+            
+            .tech-step-title {
+                font-size: 15px;
+            }
+            
+            .tech-step-desc {
+                font-size: 12px;
+            }
+            
+            .tech-arrow {
+                transform: rotate(90deg);
+                font-size: 20px;
+            }
+            
+            .api-tags {
+                flex-wrap: wrap;
+            }
+            
+            .api-tag {
+                font-size: 12px;
+                padding: 6px 12px;
+            }
+            
+            /* Buttons */
+            .btn {
+                padding: 12px 24px;
+                font-size: 15px;
+            }
+        }
+        
+        /* 超小屏幕优化 */
+        @media (max-width: 480px) {
+            .hero h1 {
+                font-size: 24px;
+            }
+            
+            .section-title {
+                font-size: 22px;
+            }
+            
+            .container {
+                padding: 0 12px;
+            }
+            
+            .navbar .container {
+                padding: 0 12px;
+            }
+        }
+    </style>
+</head>
+<body>
+    <!-- Navigation -->
+    <nav class="navbar" id="navbar">
+        <div class="container">
+            <a href="#" class="logo">
+                <img src="assets/logo.png" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            
+            <div class="menu-toggle" id="menuToggle">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+            
+            <ul class="nav-menu" id="navMenu">
+                <li><a href="#home" class="nav-link">首页</a></li>
+                <li><a href="#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="#technology" class="nav-link">AI 能力</a></li>
+                <li><a href="#partnership" class="nav-link">代理合作</a></li>
+                <li><a href="/about.html" class="nav-link">关于我们</a></li>
+            </ul>
+            
+            <div class="nav-cta">
+                <a href="#products" class="btn btn-outline nav-btn">立即查询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
+            </div>
+        </div>
+    </nav>
+
+    <!-- Hero Section -->
+    <section class="hero" id="home">
+        <div class="container">
+            <div class="hero-content">
+                <span class="hero-badge">🤖 AI 驱动的商业信任科技平台</span>
+                <h1>让信任无处不在<br>让合作没有距离</h1>
+                <p>200+ 数据接口 · 智能组合 · 秒级响应</p>
+                
+                <div class="hero-buttons">
+                    <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary">🚀 立即注册</a>
+                    <a href="#partnership" class="btn btn-outline">💼 代理合作</a>
+                </div>
+                
+                <div class="hero-stats">
+                    <div class="stat-item">
+                        <div class="stat-number" id="statReports">0</div>
+                        <div class="stat-label">已生成报告</div>
+                    </div>
+                    <div class="stat-item">
+                        <div class="stat-number" id="statUsers">0</div>
+                        <div class="stat-label">服务用户</div>
+                    </div>
+                    <div class="stat-item">
+                        <div class="stat-number" id="statApis">200+</div>
+                        <div class="stat-label">数据接口</div>
+                    </div>
+                    <div class="stat-item">
+                        <div class="stat-number" id="statEnterprises">0</div>
+                        <div class="stat-label">合作企业</div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+
+
+    <!-- Features Section -->
+    <section class="section features">
+        <div class="container">
+            <h2 class="section-title">核心优势</h2>
+            <p class="section-subtitle">为什么选择愉悦查</p>
+            
+            <div class="features-grid">
+                <div class="feature-card">
+                    <div class="feature-icon">📡</div>
+                    <h3 class="feature-title">海量数据</h3>
+                    <p class="feature-desc">200+ 官方数据接口<br>覆盖全维度信息</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">🤖</div>
+                    <h3 class="feature-title">AI 引擎</h3>
+                    <p class="feature-desc">智能组合接口<br>40+ 分析技能</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">⚡</div>
+                    <h3 class="feature-title">秒级响应</h3>
+                    <p class="feature-desc">实时生成报告<br>最快 3 秒出结果</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">🔒</div>
+                    <h3 class="feature-title">安全合规</h3>
+                    <p class="feature-desc">等保三级认证<br>数据加密传输</p>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Products Section -->
+    <section class="section products" id="products">
+        <div class="container">
+            <h2 class="section-title">产品服务</h2>
+            <p class="section-subtitle">6 大标准报告 + AI 智能定制</p>
+            
+            <div class="products-grid">
+                <!-- Product 1 -->
+                <div class="product-card">
+                    <div class="product-icon">📊</div>
+                    <h3 class="product-name">个人大数据报告</h3>
+                    <div class="product-price">¥49.8</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>全面个人背景分析</li>
+                        <li>秒级生成</li>
+                        <li>PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=riskassessment" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/riskassessment" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- Product 2 -->
+                <div class="product-card">
+                    <div class="product-icon">💕</div>
+                    <h3 class="product-name">婚恋风险报告</h3>
+                    <div class="product-price">¥39.9</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>婚恋风险评估</li>
+                        <li>隐私保护</li>
+                        <li>PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=marriage" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/marriage" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- Product 3 -->
+                <div class="product-card">
+                    <div class="product-icon">💼</div>
+                    <h3 class="product-name">入职背调报告</h3>
+                    <div class="product-price">¥69.9</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>员工背景筛查</li>
+                        <li>降低用工风险</li>
+                        <li>批量查询优惠</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=backgroundcheck" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/backgroundcheck" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- Product 4 -->
+                <div class="product-card">
+                    <div class="product-icon">🏢</div>
+                    <h3 class="product-name">小微企业报告</h3>
+                    <div class="product-price">¥69.9</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>企业风险筛查</li>
+                        <li>合作前必备</li>
+                        <li>PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=companyinfo" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/companyinfo" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- Product 5 -->
+                <div class="product-card">
+                    <div class="product-icon">🧹</div>
+                    <h3 class="product-name">家政风险报告</h3>
+                    <div class="product-price">¥39.9</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>家政人员背调</li>
+                        <li>雇佣更安全</li>
+                        <li>PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=homeservice" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/homeservice" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- Product 6 -->
+                <div class="product-card">
+                    <div class="product-icon">💳</div>
+                    <h3 class="product-name">消金报告</h3>
+                    <div class="product-price">¥39.9</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>消费金融风险评估</li>
+                        <li>快速决策支持</li>
+                        <li>PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=consumerFinanceReport" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/consumerFinanceReport" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- AI Custom Product -->
+                <div class="product-ai">
+                    <h3>✨ AI 定制报告</h3>
+                    <p>告诉我您的需求，AI 智能组合 200+ 接口，生成独一无二的专属报告</p>
+                    <p style="font-size:14px;opacity:0.8;">例："我想了解一个合作伙伴的信用和风险状况"</p>
+                    <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn">🎯 立即定制 - 从 ¥99 起</a>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Technology Section -->
+    <section class="section technology" id="technology">
+        <div class="container">
+            <h2 class="section-title">AI 技术能力</h2>
+            <p class="section-subtitle">200+ 数据接口智能组合引擎</p>
+            
+            <div class="tech-diagram">
+                <div class="tech-flow">
+                    <div class="tech-step">
+                        <div class="tech-step-icon">📝</div>
+                        <div class="tech-step-title">用户需求</div>
+                        <div class="tech-step-desc">自然语言描述</div>
+                    </div>
+                    <div class="tech-arrow">→</div>
+                    <div class="tech-step">
+                        <div class="tech-step-icon">🧠</div>
+                        <div class="tech-step-title">AI 分析</div>
+                        <div class="tech-step-desc">理解需求意图</div>
+                    </div>
+                    <div class="tech-arrow">→</div>
+                    <div class="tech-step">
+                        <div class="tech-step-icon">🔌</div>
+                        <div class="tech-step-title">接口选择</div>
+                        <div class="tech-step-desc">智能匹配接口</div>
+                    </div>
+                    <div class="tech-arrow">→</div>
+                    <div class="tech-step">
+                        <div class="tech-step-icon">📊</div>
+                        <div class="tech-step-title">报告生成</div>
+                        <div class="tech-step-desc">秒级输出结果</div>
+                    </div>
+                </div>
+                
+                <div class="tech-apis">
+                    <p>接口类型覆盖</p>
+                    <div class="api-tags">
+                        <span class="api-tag">公安数据</span>
+                        <span class="api-tag">法院数据</span>
+                        <span class="api-tag">学历验证</span>
+                        <span class="api-tag">工作履历</span>
+                        <span class="api-tag">金融信用</span>
+                        <span class="api-tag">社交网络</span>
+                        <span class="api-tag">商业信息</span>
+                        <span class="api-tag">更多...</span>
+                    </div>
+                </div>
+            </div>
+            
+            <div style="text-align:center;margin-top:var(--spacing-lg);">
+                <a href="/apidemo/" class="btn btn-outline" style="border-color:rgba(255,255,255,0.3);color:white;">📚 查看 API 文档</a>
+                <a href="https://yuyuecha.com/platform" class="btn btn-outline" style="border-color:rgba(255,255,255,0.3);color:white;margin-left:var(--spacing-sm);">🔧 开放平台</a>
+            </div>
+        </div>
+    </section>
+
+    <!-- Partnership Section -->
+    <section class="section partnership" id="partnership">
+        <div class="container">
+            <h2 class="section-title">代理合作</h2>
+            <p class="section-subtitle">加入愉悦查，共享信任经济红利</p>
+            
+            <div class="pricing-grid">
+                <!-- Silver -->
+                <div class="pricing-card">
+                    <div class="pricing-icon">🥈</div>
+                    <h3 class="pricing-name">白银代理</h3>
+                    <div class="pricing-price">¥0<span>/终身</span></div>
+                    <ul class="pricing-features">
+                        <li>10% 返佣</li>
+                        <li>基础培训支持</li>
+                        <li>标准产品价格</li>
+                        <li>在线帮助中心</li>
+                    </ul>
+                    <a href="https://p.yuyuecha.com/s/Cc9wgE" class="btn btn-outline" style="width:100%">立即申请</a>
+                </div>
+                
+                <!-- Gold -->
+                <div class="pricing-card featured">
+                    <div class="pricing-icon">🥇</div>
+                    <h3 class="pricing-name">黄金代理</h3>
+                    <div class="pricing-price">¥198<span>/年</span></div>
+                    <ul class="pricing-features">
+                        <li>30% 返佣</li>
+                        <li>优先技术支持</li>
+                        <li>专属代理价格</li>
+                        <li>营销素材支持</li>
+                        <li>定期培训</li>
+                    </ul>
+                    <a href="https://p.yuyuecha.com/s/Cc9wgE" class="btn btn-primary" style="width:100%">立即申请</a>
+                </div>
+                
+                <!-- Diamond -->
+                <div class="pricing-card">
+                    <div class="pricing-icon">💎</div>
+                    <h3 class="pricing-name">钻石代理</h3>
+                    <div class="pricing-price">¥980<span>/年</span></div>
+                    <ul class="pricing-features">
+                        <li>50% 返佣</li>
+                        <li>1 对 1 专属辅导</li>
+                        <li>最低代理价格</li>
+                        <li>联合营销支持</li>
+                        <li>优先新功能体验</li>
+                        <li>区域保护政策</li>
+                    </ul>
+                    <a href="https://p.yuyuecha.com/s/Cc9wgE" class="btn btn-outline" style="width:100%">立即申请</a>
+                </div>
+            </div>
+            
+            <!-- Advanced Profit Calculator -->
+            <div class="profit-calculator">
+                <h3 class="calculator-title">💵 代理收益计算器</h3>
+                
+                <!-- Level Tabs -->
+                <div class="level-tabs">
+                    <button class="tab-btn active" onclick="switchLevel('silver')">
+                        🥈 白银代理
+                        <span class="price">¥0</span>
+                    </button>
+                    <button class="tab-btn" onclick="switchLevel('gold')">
+                        🥇 黄金代理
+                        <span class="price">¥198</span>
+                    </button>
+                    <button class="tab-btn" onclick="switchLevel('diamond')">
+                        💎 钻石代理
+                        <span class="price">¥980</span>
+                    </button>
+                </div>
+                
+                <div class="calculator-grid">
+                    <!-- Input Section -->
+                    <div class="input-section">
+                        <h4>📊 输入您的销售数据</h4>
+                        
+                        <div class="input-group">
+                            <label>每日销售份数</label>
+                            <input type="number" id="dailySales" value="30" min="0" max="1000" oninput="calculateProfit()">
+                        </div>
+                        
+                        <div class="input-group">
+                            <label>直推代理人数（月）</label>
+                            <input type="number" id="referralCount" value="5" min="0" max="100" oninput="calculateProfit()">
+                        </div>
+                        
+                        <div class="input-group" id="teamSilverGroup" style="display:none;">
+                            <label>下级白银代理人数</label>
+                            <input type="number" id="teamSilver" value="20" min="0" max="500" oninput="calculateProfit()">
+                        </div>
+                        
+                        <div class="input-group" id="teamGoldGroup" style="display:none;">
+                            <label>下级黄金代理人数</label>
+                            <input type="number" id="teamGold" value="5" min="0" max="100" oninput="calculateProfit()">
+                        </div>
+                    </div>
+                    
+                    <!-- Profit Section -->
+                    <div class="profit-section">
+                        <h4>💰 预期收益</h4>
+                        
+                        <div class="profit-card">
+                            <div class="label">单份平均利润</div>
+                            <div class="value" id="avgProfit">¥38.22</div>
+                        </div>
+                        
+                        <div class="profit-card highlight">
+                            <div class="label">日零售收益</div>
+                            <div class="value" id="dailyRetailProfit">¥1,147</div>
+                            <div class="sub" id="dailyRetailSub">30 份 × ¥38.22</div>
+                        </div>
+                        
+                        <div class="profit-card">
+                            <div class="label">月零售收益</div>
+                            <div class="value" id="monthlyRetailProfit">¥34,410</div>
+                        </div>
+                        
+                        <div class="profit-card" id="referralCard">
+                            <div class="label">月直推奖励</div>
+                            <div class="value" id="monthlyReferralProfit">¥0</div>
+                            <div class="sub" id="referralSub">5 人 × ¥0/人</div>
+                        </div>
+                        
+                        <div class="profit-card" id="teamCard" style="display:none;">
+                            <div class="label">月团队提成</div>
+                            <div class="value" id="monthlyTeamProfit">¥0</div>
+                        </div>
+                        
+                        <div class="profit-card total">
+                            <div class="label">月总收益</div>
+                            <div class="value" id="totalMonthlyProfit">¥34,410</div>
+                        </div>
+                        
+                        <div class="roi-card" id="roiCard" style="display:none;">
+                            <div class="label">回本周期</div>
+                            <div class="value" id="paybackDays">0 天</div>
+                            <div class="sub" id="paybackHours">或 0 小时（日销 30 份）</div>
+                        </div>
+                    </div>
+                </div>
+                
+                <!-- Product Detail Table -->
+                <div class="product-detail">
+                    <h4>📦 各产品利润明细（<span id="currentLevelName">白银代理</span>）</h4>
+                    <table>
+                        <thead>
+                            <tr>
+                                <th>产品</th>
+                                <th>零售价</th>
+                                <th>您的底价</th>
+                                <th>单份利润</th>
+                                <th>利润率</th>
+                            </tr>
+                        </thead>
+                        <tbody id="productTableBody">
+                            <!-- Populated by JavaScript -->
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+            
+            <div style="text-align:center;">
+                <a href="https://p.yuyuecha.com/s/Cc9wgE" class="btn btn-primary">📝 立即申请代理</a>
+            </div>
+        </div>
+    </section>
+
+    <!-- FAQ Section -->
+    <section class="section faq" id="faq">
+        <div class="container">
+            <h2 class="section-title">常见问题</h2>
+            <p class="section-subtitle">您可能想知道的问题</p>
+            
+            <div class="faq-list">
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>报告准确率如何保证？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        愉悦查所有数据均来自官方授权渠道，通过 200+ 数据接口交叉验证，确保信息准确可靠。AI 引擎会自动识别异常数据并进行人工复核，准确率达 99% 以上。
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>数据来源是否合法合规？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        是的，我们严格遵守《个人信息保护法》和相关法律法规，所有数据接口均获得合法授权，查询过程需要被查询人授权同意，确保数据来源和使用完全合规。
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>多久能拿到报告？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        标准报告通常 3-5 秒即可生成，复杂报告或 AI 定制报告可能需要 30 秒 -2 分钟。报告生成后会通过短信/邮件通知您，也可在个人中心随时查看下载。
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>如何成为代理？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        点击页面上方的"立即申请"按钮，填写代理申请表，我们的招商团队会在 1-2 个工作日内联系您。白银代理零门槛免费加入，黄金/钻石代理需支付相应年费。
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>支持退款吗？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        报告一旦生成无法退款，因为数据查询成本已产生。但如果您对报告质量有异议，可在 7 天内联系客服申请复核或重新查询。
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- CTA Section -->
+    <section class="cta">
+        <div class="container">
+            <h2>准备好开始建立信任了吗？</h2>
+            <p>立即体验 AI 驱动的商业信任科技</p>
+            <div class="cta-buttons">
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn">🚀 立即注册</a>
+                <a href="#partnership" class="btn btn-outline">💼 代理合作</a>
+            </div>
+        </div>
+    </section>
+
+    <!-- Footer -->
+    <footer class="footer" id="about">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <h3>愉悦查</h3>
+                    <p>让信任无处不在，让合作没有距离</p>
+                    <p style="margin-top:16px;font-size:13px;">愉悦查（北京正信环宇科技有限公司）</p>
+                    <p style="font-size:13px;">AI 驱动的商业信任科技平台</p>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">产品</h4>
+                    <ul class="footer-links">
+                        <li><a href="/product/riskassessment.html">个人大数据报告</a></li>
+                        <li><a href="/product/marriage.html">婚恋风险报告</a></li>
+                        <li><a href="/product/backgroundcheck.html">入职背调报告</a></li>
+                        <li><a href="/product/companyinfo.html">小微企业报告</a></li>
+                        <li><a href="/product/homeservice.html">家政风险报告</a></li>
+                        <li><a href="/product/consumerFinanceReport.html">消金报告</a></li>
+                        <li><a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" target="_blank">AI 定制报告</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">公司</h4>
+                    <ul class="footer-links">
+                        <li><a href="/about.html">关于我们</a></li>
+                        <li><a href="/careers.html">加入我们</a></li>
+                        <li><a href="/contact.html">联系我们</a></li>
+                        <li><a href="/news.html">新闻动态</a></li>
+                        <li><a href="/partners.html">合作伙伴</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">支持</h4>
+                    <ul class="footer-links">
+                        <li><a href="/help.html">帮助中心</a></li>
+                        <li><a href="/apidemo/">API 文档</a></li>
+                        <li><a href="/index.html#partnership">代理支持</a></li>
+                        <li><a href="/privacy.html">隐私政策</a></li>
+                        <li><a href="/terms.html">服务条款</a></li>
+                        <li><a href="/disclaimer.html">免责声明</a></li>
+                    </ul>
+                </div>
+            </div>
+            
+            <div class="footer-bottom">
+                <p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p class="footer-icp">京 ICP 备 2025158088 号 -2</p>
+            </div>
+        </div>
+    </footer>
+
+    <!-- Back to Top Button -->
+    <button id="backToTop" style="position:fixed;bottom:30px;right:30px;width:50px;height:50px;border-radius:50%;background:var(--primary-gradient);border:none;cursor:pointer;box-shadow:var(--shadow-lg);display:none;align-items:center;justify-content:center;font-size:24px;z-index:999;transition:var(--transition);">↑</button>
+
+    <script>
+        // ===== Back to Top Button =====
+        const backToTopBtn = document.getElementById('backToTop');
+        
+        window.addEventListener('scroll', () => {
+            if (window.scrollY > 500) {
+                backToTopBtn.style.display = 'flex';
+            } else {
+                backToTopBtn.style.display = 'none';
+            }
+        });
+        
+        backToTopBtn.addEventListener('click', () => {
+            window.scrollTo({ top: 0, behavior: 'smooth' });
+        });
+        
+        backToTopBtn.addEventListener('mouseenter', () => {
+            backToTopBtn.style.transform = 'scale(1.1)';
+        });
+        
+        backToTopBtn.addEventListener('mouseleave', () => {
+            backToTopBtn.style.transform = 'scale(1)';
+        });
+
+        // ===== Navbar Scroll Effect =====
+        window.addEventListener('scroll', () => {
+            const navbar = document.getElementById('navbar');
+            if (window.scrollY > 50) {
+                navbar.classList.add('scrolled');
+            } else {
+                navbar.classList.remove('scrolled');
+            }
+        });
+
+        // ===== Mobile Menu Toggle =====
+        document.getElementById('menuToggle').addEventListener('click', () => {
+            document.getElementById('navMenu').classList.toggle('active');
+        });
+
+        // ===== Smooth Scroll =====
+        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' });
+                    // Close mobile menu
+                    document.getElementById('navMenu').classList.remove('active');
+                }
+            });
+        });
+
+        // ===== Animated Counter =====
+        function animateCounter(elementId, target, suffix = '') {
+            const element = document.getElementById(elementId);
+            if (!element) return;
+            
+            let current = 0;
+            const increment = target / 50;
+            const timer = setInterval(() => {
+                current += increment;
+                if (current >= target) {
+                    element.textContent = target.toLocaleString() + suffix;
+                    clearInterval(timer);
+                } else {
+                    element.textContent = Math.floor(current).toLocaleString() + suffix;
+                }
+            }, 30);
+        }
+
+        // ===== Intersection Observer for Animations =====
+        const observerOptions = {
+            threshold: 0.2,
+            rootMargin: '0px'
+        };
+
+        const observer = new IntersectionObserver((entries) => {
+            entries.forEach(entry => {
+                if (entry.isIntersecting) {
+                    // Animate stats when visible
+                    if (entry.target.id === 'statReports') {
+                        animateCounter('statReports', 100000, '+');
+                        animateCounter('statUsers', 50000, '+');
+                        animateCounter('statEnterprises', 5000, '+');
+                    }
+                    observer.unobserve(entry.target);
+                }
+            });
+        }, observerOptions);
+
+        document.getElementById('statReports') && observer.observe(document.getElementById('statReports'));
+
+        // ===== FAQ Toggle =====
+        document.querySelectorAll('.faq-question').forEach(question => {
+            question.addEventListener('click', () => {
+                const item = question.parentElement;
+                const icon = question.querySelector('.faq-icon');
+                
+                // Close other items
+                document.querySelectorAll('.faq-item').forEach(other => {
+                    if (other !== item) {
+                        other.classList.remove('active');
+                        other.querySelector('.faq-icon').textContent = '+';
+                    }
+                });
+                
+                // Toggle current item
+                item.classList.toggle('active');
+                icon.textContent = item.classList.contains('active') ? '×' : '+';
+            });
+        });
+
+        // ===== Advanced Profit Calculator =====
+        const levelData = {
+            silver: { name: '白银代理', fee: 0, markup: 6, referralBonus: 0, teamSilver: 2, teamGold: 0 },
+            gold: { name: '黄金代理', fee: 198, markup: 3, referralBonus: 60, teamSilver: 3, teamGold: 0 },
+            diamond: { name: '钻石代理', fee: 980, markup: 2, referralBonus: 300, teamSilver: 6, teamGold: 3 }
+        };
+        
+        const products = [
+            { name: '消金报告', retail: 39.9, baseCost: 6.0 },
+            { name: '家政风险报告', retail: 39.9, baseCost: 6.0 },
+            { name: '个人大数据报告', retail: 49.8, baseCost: 5.0 },
+            { name: '入职背调报告', retail: 69.9, baseCost: 9.0 },
+            { name: '小微企业报告', retail: 69.9, baseCost: 9.0 },
+            { name: '婚恋风险报告', retail: 39.9, baseCost: 9.0 }
+        ];
+        
+        let currentLevel = 'silver';
+        
+        function switchLevel(level) {
+            currentLevel = level;
+            
+            // Update tabs
+            document.querySelectorAll('.tab-btn').forEach(btn => btn.classList.remove('active'));
+            event.target.closest('.tab-btn').classList.add('active');
+            
+            // Show/hide team inputs for diamond
+            const isDiamond = level === 'diamond';
+            const isGoldOrDiamond = level === 'gold' || level === 'diamond';
+            document.getElementById('teamSilverGroup').style.display = isGoldOrDiamond ? 'block' : 'none';
+            document.getElementById('teamGoldGroup').style.display = isDiamond ? 'block' : 'none';
+            document.getElementById('teamCard').style.display = isGoldOrDiamond ? 'block' : 'none';
+            document.getElementById('roiCard').style.display = isGoldOrDiamond ? 'block' : 'none';
+            
+            calculateProfit();
+        }
+        
+        function getProductCost(product) {
+            return product.baseCost + levelData[currentLevel].markup;
+        }
+        
+        function getProductProfit(product) {
+            return product.retail - getProductCost(product);
+        }
+        
+        function getProductMargin(product) {
+            const profit = getProductProfit(product);
+            return ((profit / product.retail) * 100).toFixed(0);
+        }
+        
+        function calculateProfit() {
+            const dailySales = parseFloat(document.getElementById('dailySales').value) || 0;
+            const referralCount = parseFloat(document.getElementById('referralCount').value) || 0;
+            const teamSilver = parseFloat(document.getElementById('teamSilver').value) || 0;
+            const teamGold = parseFloat(document.getElementById('teamGold').value) || 0;
+            
+            const level = levelData[currentLevel];
+            
+            // Calculate average profit
+            const totalProfit = products.reduce((sum, p) => sum + getProductProfit(p), 0);
+            const avgProfit = totalProfit / products.length;
+            
+            // Retail profit
+            const dailyRetailProfit = avgProfit * dailySales;
+            const monthlyRetailProfit = dailyRetailProfit * 30;
+            
+            // Referral bonus
+            const monthlyReferralProfit = level.referralBonus * referralCount;
+            
+            // Team commission
+            let monthlyTeamProfit = 0;
+            if (currentLevel === 'gold') {
+                monthlyTeamProfit = level.teamSilver * teamSilver * 30;
+            } else if (currentLevel === 'diamond') {
+                monthlyTeamProfit = (level.teamSilver * teamSilver + level.teamGold * teamGold) * 30;
+            }
+            
+            // Total
+            const totalMonthlyProfit = monthlyRetailProfit + monthlyReferralProfit + monthlyTeamProfit;
+            
+            // ROI
+            let paybackDays = 0;
+            let paybackHours = 0;
+            if (level.fee > 0) {
+                const dailyTotal = dailyRetailProfit + (monthlyReferralProfit + monthlyTeamProfit) / 30;
+                if (dailyTotal > 0) {
+                    paybackDays = Math.ceil(level.fee / dailyTotal);
+                    paybackHours = (level.fee / (totalMonthlyProfit / 30 / 24)).toFixed(1);
+                }
+            }
+            
+            // Update UI
+            document.getElementById('avgProfit').textContent = '¥' + avgProfit.toFixed(2);
+            document.getElementById('dailyRetailProfit').textContent = '¥' + dailyRetailProfit.toLocaleString('zh-CN', {minimumFractionDigits: 0, maximumFractionDigits: 0});
+            document.getElementById('dailyRetailSub').textContent = dailySales + '份 × ¥' + avgProfit.toFixed(2);
+            document.getElementById('monthlyRetailProfit').textContent = '¥' + monthlyRetailProfit.toLocaleString('zh-CN', {minimumFractionDigits: 0, maximumFractionDigits: 0});
+            document.getElementById('monthlyReferralProfit').textContent = '¥' + monthlyReferralProfit.toLocaleString('zh-CN', {minimumFractionDigits: 0, maximumFractionDigits: 0});
+            document.getElementById('referralSub').textContent = referralCount + '人 × ¥' + level.referralBonus + '/人';
+            document.getElementById('monthlyTeamProfit').textContent = '¥' + monthlyTeamProfit.toLocaleString('zh-CN', {minimumFractionDigits: 0, maximumFractionDigits: 0});
+            document.getElementById('totalMonthlyProfit').textContent = '¥' + totalMonthlyProfit.toLocaleString('zh-CN', {minimumFractionDigits: 0, maximumFractionDigits: 0});
+            document.getElementById('paybackDays').textContent = paybackDays + '天';
+            document.getElementById('paybackHours').textContent = '或 ' + paybackHours + '小时（日销' + dailySales + '份）';
+            
+            // Update product table
+            document.getElementById('currentLevelName').textContent = level.name;
+            const tbody = document.getElementById('productTableBody');
+            tbody.innerHTML = products.map(p => `
+                <tr>
+                    <td>${p.name}</td>
+                    <td>¥${p.retail}</td>
+                    <td>¥${getProductCost(p).toFixed(2)}</td>
+                    <td>¥${getProductProfit(p).toFixed(2)}</td>
+                    <td>${getProductMargin(p)}%</td>
+                </tr>
+            `).join('');
+        }
+        
+        // Initialize calculator
+        calculateProfit();
+
+        // ===== Scroll Animation Trigger =====
+        const animationObserver = new IntersectionObserver((entries) => {
+            entries.forEach(entry => {
+                if (entry.isIntersecting) {
+                    entry.target.style.opacity = '1';
+                    entry.target.style.animationPlayState = 'running';
+                }
+            });
+        }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' });
+
+        document.querySelectorAll('.product-card, .pricing-card, .section-title').forEach(el => {
+            animationObserver.observe(el);
+        });
+
+        // ===== Initialize =====
+        console.log('愉悦查官网已加载 🚀');
+    </script>
+</body>
+</html>
diff --git a/index.html.bak.navbar_final b/index.html.bak.navbar_final
new file mode 100755
index 0000000..d78d882
--- /dev/null
+++ b/index.html.bak.navbar_final
@@ -0,0 +1,2613 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>愉悦查 - 让信任无处不在，让合作没有距离 | AI 驱动的商业信任科技平台</title>
+    <meta name="description" content="愉悦查是 AI 驱动的商业信任科技平台，提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告，支持 AI 智能定制报告。200+ 数据接口，秒级响应，让信任无处不在。">
+    <meta name="keywords" 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=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    
+    <style>
+        /* ===== CSS Variables - 品牌色定义 ===== */
+        :root {
+            /* 品牌主色 - 橙色系 (来自蓝湖设计稿) */
+            --primary-orange: #FF6A19;
+            --primary-orange-light: #FC6E18;
+            --primary-orange-dark: #E64E10;
+            --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
+            --primary-orange-soft: #FFDECC;
+            
+            /* 辅助色 */
+            --bg-light: #FFFFFF;
+            --bg-gray: #F5F7FA;
+            --bg-gray-light: #E4E7E0;
+            
+            /* 文字色 */
+            --text-primary: #1A1A1A;
+            --text-secondary: #666666;
+            --text-light: #999999;
+            
+            /* 功能色 */
+            --success: #07C160;
+            --warning: #FF9500;
+            --error: #FF3B30;
+            
+            /* 间距 */
+            --spacing-xs: 8px;
+            --spacing-sm: 16px;
+            --spacing-md: 24px;
+            --spacing-lg: 48px;
+            --spacing-xl: 80px;
+            
+            /* 圆角 */
+            --radius-sm: 4px;
+            --radius-md: 8px;
+            --radius-lg: 16px;
+            --radius-xl: 24px;
+            
+            /* 阴影 */
+            --shadow-sm: 0 2px 8px rgba(0,0,0,0.08);
+            --shadow-md: 0 4px 16px rgba(0,0,0,0.12);
+            --shadow-lg: 0 8px 32px rgba(0,0,0,0.16);
+            
+            /* 过渡 */
+            --transition: all 0.3s ease;
+        }
+        
+        /* ===== Reset & Base ===== */
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+        
+        html {
+            scroll-behavior: smooth;
+        }
+        
+        body {
+            font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+            font-size: 16px;
+            line-height: 1.6;
+            color: var(--text-primary);
+            background-color: var(--bg-light);
+        }
+        
+        a {
+            text-decoration: none;
+            color: inherit;
+        }
+        
+        ul {
+            list-style: none;
+        }
+        
+        img {
+            max-width: 100%;
+            height: auto;
+        }
+        
+        .container {
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 0 var(--spacing-md);
+        }
+        
+        .btn {
+            display: inline-block;
+            padding: 14px 32px;
+            font-size: 16px;
+            font-weight: 500;
+            border-radius: var(--radius-md);
+            cursor: pointer;
+            transition: var(--transition);
+            border: none;
+            text-align: center;
+        }
+        
+        .btn-primary {
+            background: var(--primary-gradient);
+            color: white;
+            box-shadow: 0 4px 12px rgba(236, 77, 9, 0.3);
+        }
+        
+        .btn-primary:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 6px 20px rgba(236, 77, 9, 0.4);
+        }
+        
+        .btn-outline {
+            background: transparent;
+            border: 2px solid var(--primary-orange);
+            color: var(--primary-orange);
+        }
+        
+        .btn-outline:hover {
+            background: var(--primary-gradient);
+            color: white;
+            transform: translateY(-2px);
+            box-shadow: 0 4px 12px rgba(255, 106, 25, 0.3);
+        }
+        
+        .btn-primary:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 6px 20px rgba(255, 106, 25, 0.4);
+        }
+        
+        .section {
+            padding: var(--spacing-xl) 0;
+        }
+        
+        .section-title {
+            text-align: center;
+            font-size: 36px;
+            font-weight: 700;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .section-subtitle {
+            text-align: center;
+            font-size: 18px;
+            color: var(--text-secondary);
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        /* ===== Navigation ===== */
+        /* ===== Navigation ===== */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+            transition: var(--transition);
+        }
+        
+        .navbar.scrolled {
+            box-shadow: 0 4px 30px rgba(0,0,0,0.12);
+        }
+        
+        .navbar .container {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            height: 80px;
+            max-width: 1400px;
+            margin: 0 auto;
+            padding: 0 32px;
+        }
+        
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            text-decoration: none;
+            background: transparent;
+            padding: 4px 0;
+        }
+        
+        .logo-img {
+            background: rgba(255,255,255,0.95);
+            height: 60px;
+            width: auto;
+            object-fit: contain;
+            transition: var(--transition);
+            
+        }
+        
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            text-decoration: none;
+            padding: 6px 0;
+        }
+        
+        .logo-img {
+            background: rgba(255,255,255,0.95);
+            height: 60px;
+            width: auto;
+            object-fit: contain;
+            transition: var(--transition);
+            
+        }
+        
+        .logo:hover .logo-img {
+            background: rgba(255,255,255,0.95);
+            transform: scale(1.05);
+        }
+        
+        .nav-menu {
+            display: flex;
+            gap: var(--spacing-lg);
+            align-items: center;
+        }
+        
+        .nav-link {
+            font-size: 15px;
+            font-weight: 500;
+            color: var(--text-primary);
+            transition: var(--transition);
+            position: relative;
+        }
+        
+        .nav-link:hover {
+            color: var(--primary-orange);
+        }
+        
+        .nav-link::after {
+            content: '';
+            position: absolute;
+            bottom: -4px;
+            left: 0;
+            width: 0;
+            height: 2px;
+            background: var(--primary-orange);
+            transition: var(--transition);
+        }
+        
+        .nav-link:hover::after {
+            width: 100%;
+        }
+        
+        .nav-cta {
+            display: flex;
+            gap: var(--spacing-sm);
+        }
+        
+        .nav-btn {
+            padding: 10px 20px;
+            font-size: 14px;
+        }
+        
+        /* Mobile Menu */
+        .menu-toggle {
+            display: none;
+            flex-direction: column;
+            gap: 5px;
+            cursor: pointer;
+            padding: 5px;
+        }
+        
+        .menu-toggle span {
+            width: 25px;
+            height: 3px;
+            background: var(--primary-orange);
+            border-radius: 2px;
+            transition: var(--transition);
+        }
+        
+        /* ===== Hero Section ===== */
+        .hero {
+            padding-top: 160px;
+            padding-bottom: 100px;
+            background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 50%, #F5F7FA 100%);
+            position: relative;
+            overflow: hidden;
+        }
+        
+        .hero::before {
+            content: '';
+            position: absolute;
+            top: -50%;
+            right: -20%;
+            width: 80%;
+            height: 200%;
+            background: radial-gradient(circle, rgba(236, 77, 9, 0.05) 0%, transparent 70%);
+            animation: float 20s ease-in-out infinite;
+        }
+        
+        @keyframes float {
+            0%, 100% { transform: translateY(0) rotate(0deg); }
+            50% { transform: translateY(-20px) rotate(5deg); }
+        }
+        
+        .hero-content {
+            text-align: center;
+            max-width: 900px;
+            margin: 0 auto;
+            position: relative;
+            z-index: 1;
+        }
+        
+        .hero-badge {
+            display: inline-block;
+            padding: 8px 16px;
+            background: linear-gradient(135deg, rgba(255, 106, 25, 0.1), rgba(252, 110, 24, 0.15));
+            color: var(--primary-orange);
+            font-size: 14px;
+            font-weight: 600;
+            border-radius: 20px;
+            margin-bottom: var(--spacing-md);
+            border: 1px solid rgba(255, 106, 25, 0.2);
+            animation: pulse 2s ease-in-out infinite;
+        }
+        
+        @keyframes pulse {
+            0%, 100% { transform: scale(1); }
+            50% { transform: scale(1.02); }
+        }
+        
+        .hero h1 {
+            font-size: 56px;
+            font-weight: 900;
+            line-height: 1.2;
+            margin-bottom: var(--spacing-sm);
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 50%, #FF8A5C 100%);
+            background-size: 200% auto;
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+            animation: gradientShift 3s ease infinite;
+        }
+        
+        @keyframes gradientShift {
+            0%, 100% { background-position: 0% center; }
+            50% { background-position: 100% center; }
+        }
+        
+        .hero p {
+            font-size: 20px;
+            color: var(--text-secondary);
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        .hero-stats {
+            display: flex;
+            justify-content: center;
+            gap: var(--spacing-lg);
+            margin-top: var(--spacing-lg);
+            flex-wrap: wrap;
+        }
+        
+        .stat-item {
+            text-align: center;
+        }
+        
+        .stat-number {
+            font-size: 36px;
+            font-weight: 700;
+            background: var(--primary-gradient);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+        
+        .stat-label {
+            font-size: 14px;
+            color: var(--text-light);
+            margin-top: 4px;
+        }
+        
+        .hero-buttons {
+            display: flex;
+            justify-content: center;
+            gap: var(--spacing-sm);
+            margin-top: var(--spacing-lg);
+            flex-wrap: wrap;
+        }
+        
+        /* ===== Trust Bar ===== */
+        .trust-bar {
+            padding: var(--spacing-lg) 0;
+            background: var(--bg-gray);
+            border-top: 1px solid #eee;
+            border-bottom: 1px solid #eee;
+        }
+        
+        .trust-bar p {
+            text-align: center;
+            font-size: 14px;
+            color: var(--text-light);
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .trust-logos {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            gap: var(--spacing-lg);
+            flex-wrap: wrap;
+            opacity: 0.6;
+        }
+        
+        .trust-logo {
+            height: 40px;
+            filter: grayscale(100%);
+            transition: var(--transition);
+        }
+        
+        .trust-logo:hover {
+            filter: grayscale(0%);
+        }
+        
+        /* ===== Features Section ===== */
+        .features {
+            background: var(--bg-light);
+        }
+        
+        .features-grid {
+            display: grid;
+            grid-template-columns: repeat(4, 1fr);
+            gap: var(--spacing-md);
+        }
+        
+        .feature-card {
+            text-align: center;
+            padding: var(--spacing-lg) var(--spacing-md);
+            border-radius: var(--radius-lg);
+            transition: var(--transition);
+        }
+        
+        .feature-card:hover {
+            background: var(--bg-gray);
+            transform: translateY(-4px);
+        }
+        
+        .feature-icon {
+            width: 64px;
+            height: 64px;
+            margin: 0 auto var(--spacing-sm);
+            background: var(--primary-gradient);
+            border-radius: var(--radius-md);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 28px;
+        }
+        
+        .feature-title {
+            font-size: 18px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .feature-desc {
+            font-size: 14px;
+            color: var(--text-secondary);
+        }
+        
+        /* ===== Products Section ===== */
+        .products {
+            background: var(--bg-gray);
+        }
+        
+        .products-grid {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: var(--spacing-md);
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        .product-card {
+            background: white;
+            border-radius: var(--radius-lg);
+            padding: var(--spacing-lg);
+            box-shadow: var(--shadow-sm);
+            transition: var(--transition);
+            position: relative;
+            overflow: hidden;
+        }
+        
+        .product-card::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            height: 4px;
+            background: var(--primary-gradient);
+        }
+        
+        .product-card:hover {
+            transform: translateY(-12px);
+            box-shadow: var(--shadow-lg);
+        }
+        
+        .product-card:hover .product-icon {
+            transform: scale(1.1) rotate(5deg);
+        }
+        
+        .product-icon {
+            width: 80px;
+            height: 80px;
+            border-radius: 50%;
+            background: var(--primary-gradient);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 36px;
+            margin-bottom: var(--spacing-sm);
+            box-shadow: 0 4px 16px rgba(255, 106, 25, 0.3);
+            transition: var(--transition);
+        }
+        
+        .product-name {
+            font-size: 20px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .product-price {
+            font-size: 28px;
+            font-weight: 700;
+            color: var(--primary-orange);
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .product-price span {
+            font-size: 14px;
+            font-weight: 400;
+            color: var(--text-light);
+        }
+        
+        .product-features {
+            margin: var(--spacing-sm) 0;
+            padding: var(--spacing-sm) 0;
+            border-top: 1px solid #eee;
+            border-bottom: 1px solid #eee;
+        }
+        
+        .product-features li {
+            font-size: 14px;
+            color: var(--text-secondary);
+            padding: 4px 0;
+            display: flex;
+            align-items: center;
+            gap: 8px;
+        }
+        
+        .product-features li::before {
+            content: '✓';
+            color: var(--success);
+            font-weight: 700;
+        }
+        
+        /* AI Custom Product */
+        .product-ai {
+            grid-column: 1 / -1;
+            background: var(--primary-gradient);
+            color: white;
+            padding: var(--spacing-xl);
+            border-radius: var(--radius-xl);
+            text-align: center;
+            position: relative;
+            overflow: hidden;
+        }
+        
+        .product-ai::before {
+            content: '';
+            position: absolute;
+            top: -50%;
+            right: -10%;
+            width: 50%;
+            height: 200%;
+            background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
+            animation: float 15s ease-in-out infinite reverse;
+        }
+        
+        .product-ai h3 {
+            font-size: 32px;
+            margin-bottom: var(--spacing-sm);
+            position: relative;
+        }
+        
+        .product-ai p {
+            font-size: 18px;
+            opacity: 0.95;
+            margin-bottom: var(--spacing-md);
+            position: relative;
+        }
+        
+        .product-ai .btn {
+            background: white;
+            color: var(--primary-orange);
+            position: relative;
+        }
+        
+        /* ===== Technology Section ===== */
+        /* ===== Sample Reports Section ===== */
+        .sample-reports {
+            background: var(--bg-gray);
+        }
+        
+        .sample-grid {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: var(--spacing-md);
+        }
+        
+        .sample-card {
+            background: white;
+            border-radius: var(--radius-lg);
+            padding: var(--spacing-lg);
+            box-shadow: var(--shadow-sm);
+            transition: var(--transition);
+            position: relative;
+            overflow: hidden;
+            display: flex;
+            flex-direction: column;
+        }
+        
+        .sample-card::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            height: 4px;
+            background: var(--primary-gradient);
+        }
+        
+        .sample-card:hover {
+            transform: translateY(-8px);
+            box-shadow: var(--shadow-lg);
+        }
+        
+        .sample-icon {
+            width: 70px;
+            height: 70px;
+            border-radius: 50%;
+            background: var(--primary-orange-soft);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 32px;
+            margin-bottom: var(--spacing-sm);
+            transition: var(--transition);
+        }
+        
+        .sample-card:hover .sample-icon {
+            transform: scale(1.1);
+        }
+        
+        .sample-name {
+            font-size: 20px;
+            font-weight: 600;
+            margin-bottom: 12px;
+            color: var(--text-primary);
+        }
+        
+        .sample-desc {
+            font-size: 14px;
+            color: var(--text-secondary);
+            line-height: 1.6;
+            margin-bottom: 16px;
+            flex-grow: 1;
+        }
+        
+        .sample-features {
+            font-size: 13px;
+            color: var(--text-secondary);
+            margin-bottom: 20px;
+            padding-left: 0;
+        }
+        
+        .sample-features li {
+            padding: 4px 0;
+            list-style: none;
+        }
+
+        .technology {
+            background: linear-gradient(135deg, #1A1A2E 0%, #16213E 100%);
+            color: white;
+        }
+        
+        .technology .section-title,
+        .technology .section-subtitle {
+            color: white;
+        }
+        
+        .tech-diagram {
+            max-width: 1000px;
+            margin: var(--spacing-lg) auto;
+            background: rgba(255,255,255,0.05);
+            border-radius: var(--radius-xl);
+            padding: var(--spacing-xl);
+            backdrop-filter: blur(10px);
+        }
+        
+        .tech-flow {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            flex-wrap: wrap;
+            gap: var(--spacing-md);
+        }
+        
+        .tech-step {
+            flex: 1;
+            min-width: 150px;
+            text-align: center;
+            padding: var(--spacing-md);
+            background: rgba(236, 77, 9, 0.1);
+            border-radius: var(--radius-md);
+            border: 1px solid rgba(236, 77, 9, 0.3);
+        }
+        
+        .tech-step-icon {
+            font-size: 36px;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .tech-step-title {
+            font-size: 16px;
+            font-weight: 600;
+            margin-bottom: 4px;
+        }
+        
+        .tech-step-desc {
+            font-size: 13px;
+            opacity: 0.8;
+        }
+        
+        .tech-arrow {
+            font-size: 24px;
+            color: var(--primary-orange);
+        }
+        
+        .tech-apis {
+            text-align: center;
+            margin-top: var(--spacing-lg);
+            padding: var(--spacing-md);
+            background: rgba(255,255,255,0.05);
+            border-radius: var(--radius-md);
+        }
+        
+        .tech-apis p {
+            font-size: 14px;
+            opacity: 0.8;
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .api-tags {
+            display: flex;
+            justify-content: center;
+            gap: var(--spacing-xs);
+            flex-wrap: wrap;
+        }
+        
+        .api-tag {
+            padding: 6px 12px;
+            background: rgba(236, 77, 9, 0.2);
+            border-radius: 20px;
+            font-size: 13px;
+            border: 1px solid rgba(236, 77, 9, 0.3);
+        }
+        
+        /* ===== Partnership Section ===== */
+        .partnership {
+            background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%);
+        }
+        
+        .pricing-grid {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: var(--spacing-md);
+            max-width: 1000px;
+            margin: 0 auto var(--spacing-lg);
+        }
+        
+        .pricing-card {
+            background: white;
+            border-radius: var(--radius-lg);
+            padding: var(--spacing-lg);
+            text-align: center;
+            box-shadow: var(--shadow-sm);
+            transition: var(--transition);
+            border: 2px solid transparent;
+        }
+        
+        .pricing-card:hover {
+            transform: translateY(-8px);
+            box-shadow: var(--shadow-lg);
+        }
+        
+        .pricing-card.featured {
+            border-color: var(--primary-orange);
+            position: relative;
+            transform: scale(1.08);
+            box-shadow: var(--shadow-lg);
+            z-index: 1;
+        }
+        
+        .pricing-card.featured:hover {
+            transform: scale(1.08) translateY(-8px);
+        }
+        
+        .pricing-card.featured::before {
+            content: '🔥 热门推荐';
+            position: absolute;
+            top: -14px;
+            left: 50%;
+            transform: translateX(-50%);
+            background: var(--primary-gradient);
+            color: white;
+            padding: 6px 20px;
+            border-radius: 12px;
+            font-size: 13px;
+            font-weight: 600;
+            box-shadow: 0 4px 12px rgba(255, 106, 25, 0.4);
+        }
+        
+        .pricing-icon {
+            font-size: 48px;
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .pricing-name {
+            font-size: 20px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .pricing-price {
+            font-size: 36px;
+            font-weight: 700;
+            color: var(--primary-orange);
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .pricing-price span {
+            font-size: 14px;
+            font-weight: 400;
+            color: var(--text-light);
+        }
+        
+        .pricing-features {
+            margin: var(--spacing-md) 0;
+            text-align: left;
+        }
+        
+        .pricing-features li {
+            font-size: 14px;
+            color: var(--text-secondary);
+            padding: 8px 0;
+            display: flex;
+            align-items: center;
+            gap: 8px;
+        }
+        
+        .pricing-features li::before {
+            content: '✓';
+            color: var(--success);
+            font-weight: 700;
+        }
+        
+        /* Calculator - Advanced Profit Calculator */
+        .profit-calculator {
+            max-width: 1000px;
+            margin: var(--spacing-lg) auto;
+            background: white;
+            padding: var(--spacing-lg);
+            border-radius: var(--radius-lg);
+            box-shadow: var(--shadow-md);
+        }
+        
+        .calculator-title {
+            text-align: center;
+            font-size: 24px;
+            font-weight: 700;
+            margin-bottom: var(--spacing-md);
+            color: var(--text-primary);
+        }
+        
+        .level-tabs {
+            display: flex;
+            gap: 12px;
+            margin-bottom: 24px;
+        }
+        
+        .tab-btn {
+            flex: 1;
+            padding: 16px 20px;
+            border: 2px solid #e0e0e0;
+            border-radius: var(--radius-md);
+            background: #fff;
+            cursor: pointer;
+            font-size: 16px;
+            font-weight: 600;
+            transition: var(--transition);
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+        
+        .tab-btn:hover {
+            border-color: var(--primary-orange);
+        }
+        
+        .tab-btn.active {
+            border-color: var(--primary-orange);
+            background: var(--primary-gradient);
+            color: #fff;
+        }
+        
+        .tab-btn .price {
+            font-size: 13px;
+            font-weight: 400;
+            opacity: 0.9;
+        }
+        
+        .calculator-grid {
+            display: grid;
+            grid-template-columns: 1fr 1fr;
+            gap: 24px;
+        }
+        
+        .input-section, .profit-section {
+            background: var(--bg-gray);
+            padding: 20px;
+            border-radius: var(--radius-md);
+        }
+        
+        .input-section h4, .profit-section h4 {
+            font-size: 16px;
+            margin-bottom: 16px;
+            color: var(--text-primary);
+        }
+        
+        .input-group {
+            margin-bottom: 16px;
+        }
+        
+        .input-group label {
+            display: block;
+            margin-bottom: 6px;
+            font-size: 13px;
+            color: var(--text-secondary);
+        }
+        
+        .input-group input {
+            width: 100%;
+            padding: 10px 12px;
+            border: 1px solid #ddd;
+            border-radius: 6px;
+            font-size: 15px;
+            transition: var(--transition);
+        }
+        
+        .input-group input:focus {
+            outline: none;
+            border-color: var(--primary-orange);
+        }
+        
+        .profit-card {
+            background: #fff;
+            padding: 14px;
+            border-radius: 8px;
+            margin-bottom: 10px;
+        }
+        
+        .profit-card .label {
+            font-size: 13px;
+            color: var(--text-secondary);
+            margin-bottom: 4px;
+        }
+        
+        .profit-card .value {
+            font-size: 24px;
+            font-weight: 700;
+            color: var(--primary-orange);
+        }
+        
+        .profit-card .sub {
+            font-size: 11px;
+            color: #999;
+            margin-top: 4px;
+        }
+        
+        .profit-card.highlight {
+            background: #FFF3E0;
+            border: 2px solid var(--primary-orange);
+        }
+        
+        .profit-card.total {
+            background: var(--primary-gradient);
+            color: #fff;
+        }
+        
+        .profit-card.total .label,
+        .profit-card.total .value,
+        .profit-card.total .sub {
+            color: #fff;
+        }
+        
+        .roi-card {
+            background: #FFF3CD;
+            border: 2px solid #FFC107;
+            padding: 14px;
+            border-radius: 8px;
+            margin-top: 12px;
+        }
+        
+        .roi-card .label {
+            font-size: 13px;
+            color: #856404;
+        }
+        
+        .roi-card .value {
+            font-size: 20px;
+            font-weight: 700;
+            color: #856404;
+        }
+        
+        .roi-card .sub {
+            font-size: 11px;
+            color: #856404;
+            opacity: 0.8;
+            margin-top: 4px;
+        }
+        
+        .product-detail {
+            grid-column: 1 / -1;
+            background: #fff;
+            padding: 20px;
+            border-radius: var(--radius-md);
+            border: 1px solid #e0e0e0;
+            margin-top: 12px;
+        }
+        
+        .product-detail h4 {
+            font-size: 16px;
+            margin-bottom: 12px;
+            color: var(--text-primary);
+        }
+        
+        .product-detail table {
+            width: 100%;
+            border-collapse: collapse;
+            font-size: 13px;
+        }
+        
+        .product-detail th,
+        .product-detail td {
+            padding: 10px;
+            text-align: left;
+            border-bottom: 1px solid #e0e0e0;
+        }
+        
+        .product-detail th {
+            background: var(--bg-gray);
+            font-weight: 600;
+            color: var(--text-primary);
+        }
+        
+        .product-detail tr:hover {
+            background: var(--bg-gray-light);
+        }
+        
+        @media (max-width: 768px) {
+            .calculator-grid {
+                grid-template-columns: 1fr;
+            }
+            
+            .level-tabs {
+                flex-direction: column;
+            }
+        }
+        
+        /* ===== FAQ Section ===== */
+        .faq {
+            background: var(--bg-light);
+        }
+        
+        .faq-list {
+            max-width: 800px;
+            margin: 0 auto;
+        }
+        
+        .faq-item {
+            border-bottom: 1px solid #eee;
+            padding: var(--spacing-md) 0;
+            transition: var(--transition);
+        }
+        
+        .faq-item:hover {
+            background: rgba(255, 106, 25, 0.02);
+            padding-left: var(--spacing-sm);
+            padding-right: var(--spacing-sm);
+            margin-left: calc(-1 * var(--spacing-sm));
+            margin-right: calc(-1 * var(--spacing-sm));
+            border-radius: var(--radius-md);
+        }
+        }
+        
+        .faq-question {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            cursor: pointer;
+            padding: var(--spacing-sm) 0;
+            font-size: 18px;
+            font-weight: 500;
+            transition: var(--transition);
+        }
+        
+        .faq-question:hover {
+            color: var(--primary-orange);
+        }
+        
+        .faq-icon {
+            font-size: 24px;
+            color: var(--primary-orange);
+            transition: var(--transition);
+            width: 32px;
+            height: 32px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            border-radius: 50%;
+            background: rgba(255, 106, 25, 0.1);
+        }
+        
+        .faq-item.active .faq-icon {
+            background: var(--primary-gradient);
+            color: white;
+        }
+        
+        .faq-answer {
+            max-height: 0;
+            overflow: hidden;
+            transition: max-height 0.3s ease;
+            color: var(--text-secondary);
+            line-height: 1.8;
+        }
+        
+        .faq-item.active .faq-icon {
+            transform: rotate(45deg);
+        }
+        
+        .faq-item.active .faq-answer {
+            max-height: 500px;
+            margin-top: var(--spacing-sm);
+        }
+        
+        /* ===== CTA Section ===== */
+        .cta {
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 50%, #FF8A5C 100%);
+            background-size: 200% 200%;
+            animation: gradientShift 5s ease infinite;
+            color: white;
+            text-align: center;
+            padding: var(--spacing-xl) 0;
+            position: relative;
+            overflow: hidden;
+        }
+        
+        .cta::before {
+            content: '';
+            position: absolute;
+            top: -50%;
+            left: -50%;
+            width: 200%;
+            height: 200%;
+            background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
+            animation: rotate 20s linear infinite;
+        }
+        
+        @keyframes rotate {
+            from { transform: rotate(0deg); }
+            to { transform: rotate(360deg); }
+        }
+        
+        .cta h2 {
+            font-size: 36px;
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .cta p {
+            font-size: 18px;
+            opacity: 0.95;
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        .cta-buttons {
+            display: flex;
+            justify-content: center;
+            gap: var(--spacing-sm);
+            flex-wrap: wrap;
+            position: relative;
+            z-index: 1;
+        }
+        
+        .cta .btn {
+            background: white;
+            color: var(--primary-orange);
+        }
+        
+        .cta .btn:hover {
+            transform: translateY(-3px);
+            box-shadow: 0 8px 24px rgba(0,0,0,0.2);
+        }
+        
+        .cta .btn-outline {
+            background: transparent;
+            border-color: rgba(255,255,255,0.5);
+            color: white;
+        }
+        
+        .cta .btn-outline:hover {
+            background: white;
+            color: var(--primary-orange);
+        }
+        
+        .cta .btn-outline:hover {
+            background: white;
+            color: var(--primary-orange);
+        }
+        
+        /* ===== Footer ===== */
+        .footer {
+            background: #1A1A1A;
+            color: white;
+            padding: var(--spacing-xl) 0 var(--spacing-lg);
+        }
+        
+        .footer-grid {
+            display: grid;
+            grid-template-columns: 2fr repeat(3, 1fr);
+            gap: var(--spacing-lg);
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        .footer-brand h3 {
+            font-size: 24px;
+            margin-bottom: var(--spacing-sm);
+            color: var(--primary-orange);
+        }
+        
+        .footer-brand p {
+            font-size: 14px;
+            opacity: 0.8;
+            line-height: 1.8;
+        }
+        
+        .footer-title {
+            font-size: 16px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .footer-links li {
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .footer-links a {
+            font-size: 14px;
+            opacity: 0.8;
+            transition: var(--transition);
+        }
+        
+        .footer-links a:hover {
+            opacity: 1;
+            color: var(--primary-orange);
+        }
+        
+        .footer-bottom {
+            padding-top: var(--spacing-lg);
+            border-top: 1px solid rgba(255,255,255,0.1);
+            text-align: center;
+            font-size: 14px;
+            opacity: 0.6;
+        }
+        
+        .footer-icp {
+            margin-top: var(--spacing-sm);
+        }
+        
+        /* ===== Animations ===== */
+        @keyframes fadeInUp {
+            from {
+                opacity: 0;
+                transform: translateY(30px);
+            }
+            to {
+                opacity: 1;
+                transform: translateY(0);
+            }
+        }
+        
+        .fade-in-up {
+            animation: fadeInUp 0.6s ease forwards;
+        }
+        
+        .section-title {
+            opacity: 0;
+            animation: fadeInUp 0.6s ease forwards;
+        }
+        
+        .product-card {
+            opacity: 0;
+            animation: fadeInUp 0.6s ease forwards;
+            animation-play-state: paused;
+        }
+        
+        .product-card:nth-child(1) { animation-delay: 0.1s; }
+        .product-card:nth-child(2) { animation-delay: 0.15s; }
+        .product-card:nth-child(3) { animation-delay: 0.2s; }
+        .product-card:nth-child(4) { animation-delay: 0.25s; }
+        .product-card:nth-child(5) { animation-delay: 0.3s; }
+        .product-card:nth-child(6) { animation-delay: 0.35s; }
+        
+        .pricing-card {
+            opacity: 0;
+            animation: fadeInUp 0.6s ease forwards;
+            animation-play-state: paused;
+        }
+        
+        .pricing-card:nth-child(1) { animation-delay: 0.1s; }
+        .pricing-card:nth-child(2) { animation-delay: 0.2s; }
+        .pricing-card:nth-child(3) { animation-delay: 0.3s; }
+        
+        /* ===== Responsive ===== */
+        @media (max-width: 1024px) {
+            .features-grid {
+                grid-template-columns: repeat(2, 1fr);
+            }
+            
+            .products-grid {
+                grid-template-columns: repeat(2, 1fr);
+            }
+            
+            .pricing-grid {
+                grid-template-columns: repeat(2, 1fr);
+            }
+            
+            .footer-grid {
+                grid-template-columns: repeat(2, 1fr);
+            }
+        }
+        
+        /* ===== Mobile Responsive - 手机竖屏版 ===== */
+        @media (max-width: 768px) {
+            /* 导航栏 */
+            .navbar .container {
+                height: 60px;
+                padding: 0 12px;
+            }
+            
+            .logo {
+                padding: 0;
+                margin-left: 0;
+            }
+            
+            .logo-img {
+            background: rgba(255,255,255,0.95);
+                height: 40px;
+                margin-left: 0;
+            }
+            
+            .nav-menu {
+                display: none;
+                position: absolute;
+                top: 64px;
+                left: 0;
+                right: 0;
+                background: white;
+                flex-direction: column;
+                padding: var(--spacing-md);
+                box-shadow: var(--shadow-md);
+                z-index: 999;
+            }
+            
+            .nav-menu.active {
+                display: flex;
+            }
+            
+            .nav-menu li {
+                margin: 8px 0;
+            }
+            
+            .nav-link {
+                font-size: 16px;
+                padding: 12px 0;
+                display: block;
+            }
+            
+            .nav-cta {
+                display: none;
+            }
+            
+            .menu-toggle {
+                display: flex;
+            }
+            
+            /* Hero Section */
+            .hero {
+                padding-top: 100px;
+                padding-bottom: var(--spacing-lg);
+            }
+            
+            .hero h1 {
+                font-size: 28px;
+                line-height: 1.3;
+            }
+            
+            .hero p {
+                font-size: 14px;
+                margin-top: 12px;
+            }
+            
+            .hero-badge {
+                font-size: 12px;
+                padding: 6px 12px;
+            }
+            
+            .hero-stats {
+                flex-direction: column;
+                gap: var(--spacing-sm);
+                margin-top: var(--spacing-md);
+            }
+            
+            .stat-item {
+                flex-direction: row;
+                justify-content: space-between;
+                padding: 12px 16px;
+            }
+            
+            .stat-number {
+                font-size: 24px;
+            }
+            
+            .stat-label {
+                font-size: 13px;
+            }
+            
+            .hero-buttons {
+                flex-direction: column;
+                gap: 12px;
+            }
+            
+            .hero-buttons .btn {
+                width: 100%;
+            }
+            
+            /* Section Titles */
+            .section-title {
+                font-size: 26px;
+            }
+            
+            .section-subtitle {
+                font-size: 15px;
+            }
+            
+            /* Features */
+            .features-grid {
+                grid-template-columns: 1fr;
+                gap: var(--spacing-sm);
+            }
+            
+            .feature-card {
+                padding: var(--spacing-md);
+            }
+            
+            .feature-icon {
+                font-size: 36px;
+            }
+            
+            .feature-title {
+                font-size: 17px;
+            }
+            
+            .feature-desc {
+                font-size: 13px;
+            }
+            
+            /* Products */
+            .products-grid {
+                grid-template-columns: 1fr;
+                gap: var(--spacing-sm);
+            }
+            
+            .product-card {
+                padding: var(--spacing-md);
+            }
+            
+            .product-icon {
+                font-size: 40px;
+            }
+            
+            .product-name {
+                font-size: 17px;
+            }
+            
+            .product-price {
+                font-size: 20px;
+            }
+            
+            .product-features li {
+                font-size: 13px;
+            }
+            
+            /* Pricing */
+            .pricing-grid {
+                grid-template-columns: 1fr;
+                gap: var(--spacing-sm);
+            }
+            
+            .pricing-card {
+                padding: var(--spacing-md);
+            }
+            
+            .pricing-name {
+                font-size: 18px;
+            }
+            
+            .pricing-price {
+                font-size: 28px;
+            }
+            
+            .pricing-features {
+                font-size: 13px;
+            }
+            
+            .pricing-features li {
+                padding: 8px 0;
+            }
+            
+            /* Calculator */
+            .profit-calculator {
+                padding: var(--spacing-md);
+            }
+            
+            .calculator-grid {
+                grid-template-columns: 1fr;
+                gap: var(--spacing-sm);
+            }
+            
+            .level-tabs {
+                flex-direction: column;
+                gap: 8px;
+            }
+            
+            .tab-btn {
+                padding: 12px 16px;
+                font-size: 15px;
+            }
+            
+            .input-section,
+            .profit-section {
+                padding: 16px;
+            }
+            
+            .profit-card .value {
+                font-size: 20px;
+            }
+            
+            .product-detail table {
+                font-size: 12px;
+            }
+            
+            .product-detail th,
+            .product-detail td {
+                padding: 8px 4px;
+            }
+            
+            /* FAQ */
+            .faq-question {
+                font-size: 16px;
+            }
+            
+            .faq-answer {
+                font-size: 14px;
+            }
+            
+            /* CTA */
+            .cta {
+                padding: var(--spacing-lg) 0;
+            }
+            
+            .cta h2 {
+                font-size: 22px;
+            }
+            
+            .cta p {
+                font-size: 14px;
+            }
+            
+            .cta-buttons {
+                flex-direction: column;
+                gap: 12px;
+            }
+            
+            .cta-buttons .btn {
+                width: 100%;
+            }
+            
+            /* Footer */
+            .footer {
+                padding: var(--spacing-lg) 0;
+            }
+            
+            .footer-grid {
+                grid-template-columns: 1fr;
+                gap: var(--spacing-md);
+            }
+            
+            .footer-brand h3 {
+                font-size: 18px;
+            }
+            
+            .footer-title {
+                font-size: 15px;
+            }
+            
+            .footer-links li {
+                font-size: 13px;
+            }
+            
+            .footer-bottom {
+                flex-direction: column;
+                text-align: center;
+                font-size: 12px;
+            }
+            
+            /* Tech Section */
+            .tech-flow {
+                flex-direction: column;
+                gap: var(--spacing-sm);
+            }
+            
+            .tech-step {
+                padding: var(--spacing-sm);
+            }
+            
+            .tech-step-icon {
+                font-size: 32px;
+            }
+            
+            .tech-step-title {
+                font-size: 15px;
+            }
+            
+            .tech-step-desc {
+                font-size: 12px;
+            }
+            
+            .tech-arrow {
+                transform: rotate(90deg);
+                font-size: 20px;
+            }
+            
+            .api-tags {
+                flex-wrap: wrap;
+            }
+            
+            .api-tag {
+                font-size: 12px;
+                padding: 6px 12px;
+            }
+            
+            /* Buttons */
+            .btn {
+                padding: 12px 24px;
+                font-size: 15px;
+            }
+        }
+        
+        /* 超小屏幕优化 */
+        @media (max-width: 480px) {
+            .hero h1 {
+                font-size: 24px;
+            }
+            
+            .section-title {
+                font-size: 22px;
+            }
+            
+            .container {
+                padding: 0 12px;
+            }
+            
+            .navbar .container {
+                padding: 0 12px;
+            }
+        }
+    </style>
+</head>
+<body>
+    <!-- Navigation -->
+    <nav class="navbar" id="navbar">
+        <div class="container">
+            <a href="#" class="logo">
+                <img src="assets/logo.png" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            
+            <div class="menu-toggle" id="menuToggle">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+            
+            <ul class="nav-menu" id="navMenu">
+                <li><a href="#home" class="nav-link">首页</a></li>
+                <li><a href="#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="#technology" class="nav-link">AI 能力</a></li>
+                <li><a href="#partnership" class="nav-link">代理合作</a></li>
+                <li><a href="/about.html" class="nav-link">关于我们</a></li>
+            </ul>
+            
+            <div class="nav-cta">
+                <a href="#products" class="btn btn-outline nav-btn">立即查询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
+            </div>
+        </div>
+    </nav>
+
+    <!-- Hero Section -->
+    <section class="hero" id="home">
+        <div class="container">
+            <div class="hero-content">
+                <span class="hero-badge">🤖 AI 驱动的商业信任科技平台</span>
+                <h1>让信任无处不在<br>让合作没有距离</h1>
+                <p>200+ 数据接口 · 智能组合 · 秒级响应</p>
+                
+                <div class="hero-buttons">
+                    <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary">🚀 立即注册</a>
+                    <a href="#partnership" class="btn btn-outline">💼 代理合作</a>
+                </div>
+                
+                <div class="hero-stats">
+                    <div class="stat-item">
+                        <div class="stat-number" id="statReports">0</div>
+                        <div class="stat-label">已生成报告</div>
+                    </div>
+                    <div class="stat-item">
+                        <div class="stat-number" id="statUsers">0</div>
+                        <div class="stat-label">服务用户</div>
+                    </div>
+                    <div class="stat-item">
+                        <div class="stat-number" id="statApis">200+</div>
+                        <div class="stat-label">数据接口</div>
+                    </div>
+                    <div class="stat-item">
+                        <div class="stat-number" id="statEnterprises">0</div>
+                        <div class="stat-label">合作企业</div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+
+
+    <!-- Features Section -->
+    <section class="section features">
+        <div class="container">
+            <h2 class="section-title">核心优势</h2>
+            <p class="section-subtitle">为什么选择愉悦查</p>
+            
+            <div class="features-grid">
+                <div class="feature-card">
+                    <div class="feature-icon">📡</div>
+                    <h3 class="feature-title">海量数据</h3>
+                    <p class="feature-desc">200+ 官方数据接口<br>覆盖全维度信息</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">🤖</div>
+                    <h3 class="feature-title">AI 引擎</h3>
+                    <p class="feature-desc">智能组合接口<br>40+ 分析技能</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">⚡</div>
+                    <h3 class="feature-title">秒级响应</h3>
+                    <p class="feature-desc">实时生成报告<br>最快 3 秒出结果</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">🔒</div>
+                    <h3 class="feature-title">安全合规</h3>
+                    <p class="feature-desc">等保三级认证<br>数据加密传输</p>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Products Section -->
+    <section class="section products" id="products">
+        <div class="container">
+            <h2 class="section-title">产品服务</h2>
+            <p class="section-subtitle">6 大标准报告 + AI 智能定制</p>
+            
+            <div class="products-grid">
+                <!-- Product 1 -->
+                <div class="product-card">
+                    <div class="product-icon">📊</div>
+                    <h3 class="product-name">个人大数据报告</h3>
+                    <div class="product-price">¥49.8</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>全面个人背景分析</li>
+                        <li>秒级生成</li>
+                        <li>PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=riskassessment" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/riskassessment" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- Product 2 -->
+                <div class="product-card">
+                    <div class="product-icon">💕</div>
+                    <h3 class="product-name">婚恋风险报告</h3>
+                    <div class="product-price">¥39.9</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>婚恋风险评估</li>
+                        <li>隐私保护</li>
+                        <li>PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=marriage" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/marriage" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- Product 3 -->
+                <div class="product-card">
+                    <div class="product-icon">💼</div>
+                    <h3 class="product-name">入职背调报告</h3>
+                    <div class="product-price">¥69.9</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>员工背景筛查</li>
+                        <li>降低用工风险</li>
+                        <li>批量查询优惠</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=backgroundcheck" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/backgroundcheck" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- Product 4 -->
+                <div class="product-card">
+                    <div class="product-icon">🏢</div>
+                    <h3 class="product-name">小微企业报告</h3>
+                    <div class="product-price">¥69.9</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>企业风险筛查</li>
+                        <li>合作前必备</li>
+                        <li>PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=companyinfo" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/companyinfo" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- Product 5 -->
+                <div class="product-card">
+                    <div class="product-icon">🧹</div>
+                    <h3 class="product-name">家政风险报告</h3>
+                    <div class="product-price">¥39.9</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>家政人员背调</li>
+                        <li>雇佣更安全</li>
+                        <li>PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=homeservice" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/homeservice" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- Product 6 -->
+                <div class="product-card">
+                    <div class="product-icon">💳</div>
+                    <h3 class="product-name">消金报告</h3>
+                    <div class="product-price">¥39.9</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>消费金融风险评估</li>
+                        <li>快速决策支持</li>
+                        <li>PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=consumerFinanceReport" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/consumerFinanceReport" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- AI Custom Product -->
+                <div class="product-ai">
+                    <h3>✨ AI 定制报告</h3>
+                    <p>告诉我您的需求，AI 智能组合 200+ 接口，生成独一无二的专属报告</p>
+                    <p style="font-size:14px;opacity:0.8;">例："我想了解一个合作伙伴的信用和风险状况"</p>
+                    <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn">🎯 立即定制 - 从 ¥99 起</a>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Sample Reports Section -->
+    <section class="section sample-reports" id="sample-reports" style="background: var(--bg-gray);">
+        <div class="container">
+            <h2 class="section-title">示例报告</h2>
+            <p class="section-subtitle">查看真实报告样本，了解报告内容</p>
+            
+            <div class="sample-grid">
+                <!-- Sample 1 -->
+                <div class="sample-card">
+                    <div class="sample-icon">📊</div>
+                    <h3 class="sample-name">个人大数据报告</h3>
+                    <p class="sample-desc">全面个人背景分析，包含身份信息、社交网络、行为特征等多维度数据</p>
+                    <ul class="sample-features">
+                        <li>✓ 3-4 个数据接口组合</li>
+                        <li>✓ 秒级生成</li>
+                        <li>✓ PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=riskassessment" target="_blank" class="btn btn-outline" style="width:100%">👁️ 查看示例</a>
+                </div>
+                
+                <!-- Sample 2 -->
+                <div class="sample-card">
+                    <div class="sample-icon">💕</div>
+                    <h3 class="sample-name">婚恋风险报告</h3>
+                    <p class="sample-desc">婚恋风险评估，帮助了解对方的婚姻状况、信用记录等关键信息</p>
+                    <ul class="sample-features">
+                        <li>✓ 婚恋风险评估</li>
+                        <li>✓ 隐私保护</li>
+                        <li>✓ PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=marriage" target="_blank" class="btn btn-outline" style="width:100%">👁️ 查看示例</a>
+                </div>
+                
+                <!-- Sample 3 -->
+                <div class="sample-card">
+                    <div class="sample-icon">💼</div>
+                    <h3 class="sample-name">入职背调报告</h3>
+                    <p class="sample-desc">员工背景筛查，降低用工风险，包含学历、工作履历、信用记录等</p>
+                    <ul class="sample-features">
+                        <li>✓ 员工背景筛查</li>
+                        <li>✓ 降低用工风险</li>
+                        <li>✓ 批量查询优惠</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=backgroundcheck" target="_blank" class="btn btn-outline" style="width:100%">👁️ 查看示例</a>
+                </div>
+                
+                <!-- Sample 4 -->
+                <div class="sample-card">
+                    <div class="sample-icon">🏢</div>
+                    <h3 class="sample-name">小微企业报告</h3>
+                    <p class="sample-desc">企业风险筛查，合作前必备，包含工商信息、司法风险、经营状况等</p>
+                    <ul class="sample-features">
+                        <li>✓ 企业风险筛查</li>
+                        <li>✓ 合作前必备</li>
+                        <li>✓ PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=companyinfo" target="_blank" class="btn btn-outline" style="width:100%">👁️ 查看示例</a>
+                </div>
+                
+                <!-- Sample 5 -->
+                <div class="sample-card">
+                    <div class="sample-icon">🧹</div>
+                    <h3 class="sample-name">家政风险报告</h3>
+                    <p class="sample-desc">家政人员背调，雇佣更安全，包含身份信息、犯罪记录、信用状况等</p>
+                    <ul class="sample-features">
+                        <li>✓ 家政人员背调</li>
+                        <li>✓ 雇佣更安全</li>
+                        <li>✓ PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=homeservice" target="_blank" class="btn btn-outline" style="width:100%">👁️ 查看示例</a>
+                </div>
+                
+                <!-- Sample 6 -->
+                <div class="sample-card">
+                    <div class="sample-icon">💳</div>
+                    <h3 class="sample-name">消金报告</h3>
+                    <p class="sample-desc">消费金融风险评估，快速决策支持，包含信用记录、负债情况、还款能力等</p>
+                    <ul class="sample-features">
+                        <li>✓ 消费金融风险评估</li>
+                        <li>✓ 快速决策支持</li>
+                        <li>✓ PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=consumerFinanceReport" target="_blank" class="btn btn-outline" style="width:100%">👁️ 查看示例</a>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- Technology Section -->
+    <section class="section technology" id="technology">
+        <div class="container">
+            <h2 class="section-title">AI 技术能力</h2>
+            <p class="section-subtitle">200+ 数据接口智能组合引擎</p>
+            
+            <div class="tech-diagram">
+                <div class="tech-flow">
+                    <div class="tech-step">
+                        <div class="tech-step-icon">📝</div>
+                        <div class="tech-step-title">用户需求</div>
+                        <div class="tech-step-desc">自然语言描述</div>
+                    </div>
+                    <div class="tech-arrow">→</div>
+                    <div class="tech-step">
+                        <div class="tech-step-icon">🧠</div>
+                        <div class="tech-step-title">AI 分析</div>
+                        <div class="tech-step-desc">理解需求意图</div>
+                    </div>
+                    <div class="tech-arrow">→</div>
+                    <div class="tech-step">
+                        <div class="tech-step-icon">🔌</div>
+                        <div class="tech-step-title">接口选择</div>
+                        <div class="tech-step-desc">智能匹配接口</div>
+                    </div>
+                    <div class="tech-arrow">→</div>
+                    <div class="tech-step">
+                        <div class="tech-step-icon">📊</div>
+                        <div class="tech-step-title">报告生成</div>
+                        <div class="tech-step-desc">秒级输出结果</div>
+                    </div>
+                </div>
+                
+                <div class="tech-apis">
+                    <p>接口类型覆盖</p>
+                    <div class="api-tags">
+                        <span class="api-tag">公安数据</span>
+                        <span class="api-tag">法院数据</span>
+                        <span class="api-tag">学历验证</span>
+                        <span class="api-tag">工作履历</span>
+                        <span class="api-tag">金融信用</span>
+                        <span class="api-tag">社交网络</span>
+                        <span class="api-tag">商业信息</span>
+                        <span class="api-tag">更多...</span>
+                    </div>
+                </div>
+            </div>
+            
+            <div style="text-align:center;margin-top:var(--spacing-lg);">
+                <a href="/apidemo/" class="btn btn-outline" style="border-color:rgba(255,255,255,0.3);color:white;">📚 查看 API 文档</a>
+                <a href="https://yuyuecha.com/platform" class="btn btn-outline" style="border-color:rgba(255,255,255,0.3);color:white;margin-left:var(--spacing-sm);">🔧 开放平台</a>
+            </div>
+        </div>
+    </section>
+
+    <!-- Partnership Section -->
+    <section class="section partnership" id="partnership">
+        <div class="container">
+            <h2 class="section-title">代理合作</h2>
+            <p class="section-subtitle">加入愉悦查，共享信任经济红利</p>
+            
+            <div class="pricing-grid">
+                <!-- Silver -->
+                <div class="pricing-card">
+                    <div class="pricing-icon">🥈</div>
+                    <h3 class="pricing-name">白银代理</h3>
+                    <div class="pricing-price">¥0<span>/终身</span></div>
+                    <ul class="pricing-features">
+                        <li>10% 返佣</li>
+                        <li>基础培训支持</li>
+                        <li>标准产品价格</li>
+                        <li>在线帮助中心</li>
+                    </ul>
+                    <a href="https://p.yuyuecha.com/s/Cc9wgE" class="btn btn-outline" style="width:100%">立即申请</a>
+                </div>
+                
+                <!-- Gold -->
+                <div class="pricing-card featured">
+                    <div class="pricing-icon">🥇</div>
+                    <h3 class="pricing-name">黄金代理</h3>
+                    <div class="pricing-price">¥198<span>/年</span></div>
+                    <ul class="pricing-features">
+                        <li>30% 返佣</li>
+                        <li>优先技术支持</li>
+                        <li>专属代理价格</li>
+                        <li>营销素材支持</li>
+                        <li>定期培训</li>
+                    </ul>
+                    <a href="https://p.yuyuecha.com/s/Cc9wgE" class="btn btn-primary" style="width:100%">立即申请</a>
+                </div>
+                
+                <!-- Diamond -->
+                <div class="pricing-card">
+                    <div class="pricing-icon">💎</div>
+                    <h3 class="pricing-name">钻石代理</h3>
+                    <div class="pricing-price">¥980<span>/年</span></div>
+                    <ul class="pricing-features">
+                        <li>50% 返佣</li>
+                        <li>1 对 1 专属辅导</li>
+                        <li>最低代理价格</li>
+                        <li>联合营销支持</li>
+                        <li>优先新功能体验</li>
+                        <li>区域保护政策</li>
+                    </ul>
+                    <a href="https://p.yuyuecha.com/s/Cc9wgE" class="btn btn-outline" style="width:100%">立即申请</a>
+                </div>
+            </div>
+            
+            <!-- Advanced Profit Calculator -->
+            <div class="profit-calculator">
+                <h3 class="calculator-title">💵 代理收益计算器</h3>
+                
+                <!-- Level Tabs -->
+                <div class="level-tabs">
+                    <button class="tab-btn active" onclick="switchLevel('silver')">
+                        🥈 白银代理
+                        <span class="price">¥0</span>
+                    </button>
+                    <button class="tab-btn" onclick="switchLevel('gold')">
+                        🥇 黄金代理
+                        <span class="price">¥198</span>
+                    </button>
+                    <button class="tab-btn" onclick="switchLevel('diamond')">
+                        💎 钻石代理
+                        <span class="price">¥980</span>
+                    </button>
+                </div>
+                
+                <div class="calculator-grid">
+                    <!-- Input Section -->
+                    <div class="input-section">
+                        <h4>📊 输入您的销售数据</h4>
+                        
+                        <div class="input-group">
+                            <label>每日销售份数</label>
+                            <input type="number" id="dailySales" value="30" min="0" max="1000" oninput="calculateProfit()">
+                        </div>
+                        
+                        <div class="input-group">
+                            <label>直推代理人数（月）</label>
+                            <input type="number" id="referralCount" value="5" min="0" max="100" oninput="calculateProfit()">
+                        </div>
+                        
+                        <div class="input-group" id="teamSilverGroup" style="display:none;">
+                            <label>下级白银代理人数</label>
+                            <input type="number" id="teamSilver" value="20" min="0" max="500" oninput="calculateProfit()">
+                        </div>
+                        
+                        <div class="input-group" id="teamGoldGroup" style="display:none;">
+                            <label>下级黄金代理人数</label>
+                            <input type="number" id="teamGold" value="5" min="0" max="100" oninput="calculateProfit()">
+                        </div>
+                    </div>
+                    
+                    <!-- Profit Section -->
+                    <div class="profit-section">
+                        <h4>💰 预期收益</h4>
+                        
+                        <div class="profit-card">
+                            <div class="label">单份平均利润</div>
+                            <div class="value" id="avgProfit">¥38.22</div>
+                        </div>
+                        
+                        <div class="profit-card highlight">
+                            <div class="label">日零售收益</div>
+                            <div class="value" id="dailyRetailProfit">¥1,147</div>
+                            <div class="sub" id="dailyRetailSub">30 份 × ¥38.22</div>
+                        </div>
+                        
+                        <div class="profit-card">
+                            <div class="label">月零售收益</div>
+                            <div class="value" id="monthlyRetailProfit">¥34,410</div>
+                        </div>
+                        
+                        <div class="profit-card" id="referralCard">
+                            <div class="label">月直推奖励</div>
+                            <div class="value" id="monthlyReferralProfit">¥0</div>
+                            <div class="sub" id="referralSub">5 人 × ¥0/人</div>
+                        </div>
+                        
+                        <div class="profit-card" id="teamCard" style="display:none;">
+                            <div class="label">月团队提成</div>
+                            <div class="value" id="monthlyTeamProfit">¥0</div>
+                        </div>
+                        
+                        <div class="profit-card total">
+                            <div class="label">月总收益</div>
+                            <div class="value" id="totalMonthlyProfit">¥34,410</div>
+                        </div>
+                        
+                        <div class="roi-card" id="roiCard" style="display:none;">
+                            <div class="label">回本周期</div>
+                            <div class="value" id="paybackDays">0 天</div>
+                            <div class="sub" id="paybackHours">或 0 小时（日销 30 份）</div>
+                        </div>
+                    </div>
+                </div>
+                
+                <!-- Product Detail Table -->
+                <div class="product-detail">
+                    <h4>📦 各产品利润明细（<span id="currentLevelName">白银代理</span>）</h4>
+                    <table>
+                        <thead>
+                            <tr>
+                                <th>产品</th>
+                                <th>零售价</th>
+                                <th>您的底价</th>
+                                <th>单份利润</th>
+                                <th>利润率</th>
+                            </tr>
+                        </thead>
+                        <tbody id="productTableBody">
+                            <!-- Populated by JavaScript -->
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+            
+            <div style="text-align:center;">
+                <a href="https://p.yuyuecha.com/s/Cc9wgE" class="btn btn-primary">📝 立即申请代理</a>
+            </div>
+        </div>
+    </section>
+
+    <!-- FAQ Section -->
+    <section class="section faq" id="faq">
+        <div class="container">
+            <h2 class="section-title">常见问题</h2>
+            <p class="section-subtitle">您可能想知道的问题</p>
+            
+            <div class="faq-list">
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>报告准确率如何保证？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        愉悦查所有数据均来自官方授权渠道，通过 200+ 数据接口交叉验证，确保信息准确可靠。AI 引擎会自动识别异常数据并进行人工复核，准确率达 99% 以上。
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>数据来源是否合法合规？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        是的，我们严格遵守《个人信息保护法》和相关法律法规，所有数据接口均获得合法授权，查询过程需要被查询人授权同意，确保数据来源和使用完全合规。
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>多久能拿到报告？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        标准报告通常 3-5 秒即可生成，复杂报告或 AI 定制报告可能需要 30 秒 -2 分钟。报告生成后会通过短信/邮件通知您，也可在个人中心随时查看下载。
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>如何成为代理？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        点击页面上方的"立即申请"按钮，填写代理申请表，我们的招商团队会在 1-2 个工作日内联系您。白银代理零门槛免费加入，黄金/钻石代理需支付相应年费。
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>支持退款吗？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        报告一旦生成无法退款，因为数据查询成本已产生。但如果您对报告质量有异议，可在 7 天内联系客服申请复核或重新查询。
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- CTA Section -->
+    <section class="cta">
+        <div class="container">
+            <h2>准备好开始建立信任了吗？</h2>
+            <p>立即体验 AI 驱动的商业信任科技</p>
+            <div class="cta-buttons">
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn">🚀 立即注册</a>
+                <a href="#partnership" class="btn btn-outline">💼 代理合作</a>
+            </div>
+        </div>
+    </section>
+
+    <!-- Footer -->
+    <footer class="footer" id="about">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <h3>愉悦查</h3>
+                    <p>让信任无处不在，让合作没有距离</p>
+                    <p style="margin-top:16px;font-size:13px;">愉悦查（北京正信环宇科技有限公司）</p>
+                    <p style="font-size:13px;">AI 驱动的商业信任科技平台</p>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">产品</h4>
+                    <ul class="footer-links">
+                        <li><a href="/product/riskassessment.html">个人大数据报告</a></li>
+                        <li><a href="/product/marriage.html">婚恋风险报告</a></li>
+                        <li><a href="/product/backgroundcheck.html">入职背调报告</a></li>
+                        <li><a href="/product/companyinfo.html">小微企业报告</a></li>
+                        <li><a href="/product/homeservice.html">家政风险报告</a></li>
+                        <li><a href="/product/consumerFinanceReport.html">消金报告</a></li>
+                        <li><a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" target="_blank">AI 定制报告</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">公司</h4>
+                    <ul class="footer-links">
+                        <li><a href="/about.html">关于我们</a></li>
+                        <li><a href="/careers.html">加入我们</a></li>
+                        <li><a href="/contact.html">联系我们</a></li>
+                        <li><a href="/news.html">新闻动态</a></li>
+                        <li><a href="/partners.html">合作伙伴</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">支持</h4>
+                    <ul class="footer-links">
+                        <li><a href="/help.html">帮助中心</a></li>
+                        <li><a href="/apidemo/">API 文档</a></li>
+                        <li><a href="/index.html#partnership">代理支持</a></li>
+                        <li><a href="/privacy.html">隐私政策</a></li>
+                        <li><a href="/terms.html">服务条款</a></li>
+                        <li><a href="/disclaimer.html">免责声明</a></li>
+                    </ul>
+                </div>
+            </div>
+            
+            <div class="footer-bottom">
+                <p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p class="footer-icp">京 ICP 备 2025158088 号 -2</p>
+            </div>
+        </div>
+    </footer>
+
+    <!-- Back to Top Button -->
+    <button id="backToTop" style="position:fixed;bottom:30px;right:30px;width:50px;height:50px;border-radius:50%;background:var(--primary-gradient);border:none;cursor:pointer;box-shadow:var(--shadow-lg);display:none;align-items:center;justify-content:center;font-size:24px;z-index:999;transition:var(--transition);">↑</button>
+
+    <script>
+        // ===== Back to Top Button =====
+        const backToTopBtn = document.getElementById('backToTop');
+        
+        window.addEventListener('scroll', () => {
+            if (window.scrollY > 500) {
+                backToTopBtn.style.display = 'flex';
+            } else {
+                backToTopBtn.style.display = 'none';
+            }
+        });
+        
+        backToTopBtn.addEventListener('click', () => {
+            window.scrollTo({ top: 0, behavior: 'smooth' });
+        });
+        
+        backToTopBtn.addEventListener('mouseenter', () => {
+            backToTopBtn.style.transform = 'scale(1.1)';
+        });
+        
+        backToTopBtn.addEventListener('mouseleave', () => {
+            backToTopBtn.style.transform = 'scale(1)';
+        });
+
+        // ===== Navbar Scroll Effect =====
+        window.addEventListener('scroll', () => {
+            const navbar = document.getElementById('navbar');
+            if (window.scrollY > 50) {
+                navbar.classList.add('scrolled');
+            } else {
+                navbar.classList.remove('scrolled');
+            }
+        });
+
+        // ===== Mobile Menu Toggle =====
+        document.getElementById('menuToggle').addEventListener('click', () => {
+            document.getElementById('navMenu').classList.toggle('active');
+        });
+
+        // ===== Smooth Scroll =====
+        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' });
+                    // Close mobile menu
+                    document.getElementById('navMenu').classList.remove('active');
+                }
+            });
+        });
+
+        // ===== Animated Counter =====
+        function animateCounter(elementId, target, suffix = '') {
+            const element = document.getElementById(elementId);
+            if (!element) return;
+            
+            let current = 0;
+            const increment = target / 50;
+            const timer = setInterval(() => {
+                current += increment;
+                if (current >= target) {
+                    element.textContent = target.toLocaleString() + suffix;
+                    clearInterval(timer);
+                } else {
+                    element.textContent = Math.floor(current).toLocaleString() + suffix;
+                }
+            }, 30);
+        }
+
+        // ===== Intersection Observer for Animations =====
+        const observerOptions = {
+            threshold: 0.2,
+            rootMargin: '0px'
+        };
+
+        const observer = new IntersectionObserver((entries) => {
+            entries.forEach(entry => {
+                if (entry.isIntersecting) {
+                    // Animate stats when visible
+                    if (entry.target.id === 'statReports') {
+                        animateCounter('statReports', 100000, '+');
+                        animateCounter('statUsers', 50000, '+');
+                        animateCounter('statEnterprises', 5000, '+');
+                    }
+                    observer.unobserve(entry.target);
+                }
+            });
+        }, observerOptions);
+
+        document.getElementById('statReports') && observer.observe(document.getElementById('statReports'));
+
+        // ===== FAQ Toggle =====
+        document.querySelectorAll('.faq-question').forEach(question => {
+            question.addEventListener('click', () => {
+                const item = question.parentElement;
+                const icon = question.querySelector('.faq-icon');
+                
+                // Close other items
+                document.querySelectorAll('.faq-item').forEach(other => {
+                    if (other !== item) {
+                        other.classList.remove('active');
+                        other.querySelector('.faq-icon').textContent = '+';
+                    }
+                });
+                
+                // Toggle current item
+                item.classList.toggle('active');
+                icon.textContent = item.classList.contains('active') ? '×' : '+';
+            });
+        });
+
+        // ===== Advanced Profit Calculator =====
+        const levelData = {
+            silver: { name: '白银代理', fee: 0, markup: 6, referralBonus: 0, teamSilver: 2, teamGold: 0 },
+            gold: { name: '黄金代理', fee: 198, markup: 3, referralBonus: 60, teamSilver: 3, teamGold: 0 },
+            diamond: { name: '钻石代理', fee: 980, markup: 2, referralBonus: 300, teamSilver: 6, teamGold: 3 }
+        };
+        
+        const products = [
+            { name: '消金报告', retail: 39.9, baseCost: 6.0 },
+            { name: '家政风险报告', retail: 39.9, baseCost: 6.0 },
+            { name: '个人大数据报告', retail: 49.8, baseCost: 5.0 },
+            { name: '入职背调报告', retail: 69.9, baseCost: 9.0 },
+            { name: '小微企业报告', retail: 69.9, baseCost: 9.0 },
+            { name: '婚恋风险报告', retail: 39.9, baseCost: 9.0 }
+        ];
+        
+        let currentLevel = 'silver';
+        
+        function switchLevel(level) {
+            currentLevel = level;
+            
+            // Update tabs
+            document.querySelectorAll('.tab-btn').forEach(btn => btn.classList.remove('active'));
+            event.target.closest('.tab-btn').classList.add('active');
+            
+            // Show/hide team inputs for diamond
+            const isDiamond = level === 'diamond';
+            const isGoldOrDiamond = level === 'gold' || level === 'diamond';
+            document.getElementById('teamSilverGroup').style.display = isGoldOrDiamond ? 'block' : 'none';
+            document.getElementById('teamGoldGroup').style.display = isDiamond ? 'block' : 'none';
+            document.getElementById('teamCard').style.display = isGoldOrDiamond ? 'block' : 'none';
+            document.getElementById('roiCard').style.display = isGoldOrDiamond ? 'block' : 'none';
+            
+            calculateProfit();
+        }
+        
+        function getProductCost(product) {
+            return product.baseCost + levelData[currentLevel].markup;
+        }
+        
+        function getProductProfit(product) {
+            return product.retail - getProductCost(product);
+        }
+        
+        function getProductMargin(product) {
+            const profit = getProductProfit(product);
+            return ((profit / product.retail) * 100).toFixed(0);
+        }
+        
+        function calculateProfit() {
+            const dailySales = parseFloat(document.getElementById('dailySales').value) || 0;
+            const referralCount = parseFloat(document.getElementById('referralCount').value) || 0;
+            const teamSilver = parseFloat(document.getElementById('teamSilver').value) || 0;
+            const teamGold = parseFloat(document.getElementById('teamGold').value) || 0;
+            
+            const level = levelData[currentLevel];
+            
+            // Calculate average profit
+            const totalProfit = products.reduce((sum, p) => sum + getProductProfit(p), 0);
+            const avgProfit = totalProfit / products.length;
+            
+            // Retail profit
+            const dailyRetailProfit = avgProfit * dailySales;
+            const monthlyRetailProfit = dailyRetailProfit * 30;
+            
+            // Referral bonus
+            const monthlyReferralProfit = level.referralBonus * referralCount;
+            
+            // Team commission
+            let monthlyTeamProfit = 0;
+            if (currentLevel === 'gold') {
+                monthlyTeamProfit = level.teamSilver * teamSilver * 30;
+            } else if (currentLevel === 'diamond') {
+                monthlyTeamProfit = (level.teamSilver * teamSilver + level.teamGold * teamGold) * 30;
+            }
+            
+            // Total
+            const totalMonthlyProfit = monthlyRetailProfit + monthlyReferralProfit + monthlyTeamProfit;
+            
+            // ROI
+            let paybackDays = 0;
+            let paybackHours = 0;
+            if (level.fee > 0) {
+                const dailyTotal = dailyRetailProfit + (monthlyReferralProfit + monthlyTeamProfit) / 30;
+                if (dailyTotal > 0) {
+                    paybackDays = Math.ceil(level.fee / dailyTotal);
+                    paybackHours = (level.fee / (totalMonthlyProfit / 30 / 24)).toFixed(1);
+                }
+            }
+            
+            // Update UI
+            document.getElementById('avgProfit').textContent = '¥' + avgProfit.toFixed(2);
+            document.getElementById('dailyRetailProfit').textContent = '¥' + dailyRetailProfit.toLocaleString('zh-CN', {minimumFractionDigits: 0, maximumFractionDigits: 0});
+            document.getElementById('dailyRetailSub').textContent = dailySales + '份 × ¥' + avgProfit.toFixed(2);
+            document.getElementById('monthlyRetailProfit').textContent = '¥' + monthlyRetailProfit.toLocaleString('zh-CN', {minimumFractionDigits: 0, maximumFractionDigits: 0});
+            document.getElementById('monthlyReferralProfit').textContent = '¥' + monthlyReferralProfit.toLocaleString('zh-CN', {minimumFractionDigits: 0, maximumFractionDigits: 0});
+            document.getElementById('referralSub').textContent = referralCount + '人 × ¥' + level.referralBonus + '/人';
+            document.getElementById('monthlyTeamProfit').textContent = '¥' + monthlyTeamProfit.toLocaleString('zh-CN', {minimumFractionDigits: 0, maximumFractionDigits: 0});
+            document.getElementById('totalMonthlyProfit').textContent = '¥' + totalMonthlyProfit.toLocaleString('zh-CN', {minimumFractionDigits: 0, maximumFractionDigits: 0});
+            document.getElementById('paybackDays').textContent = paybackDays + '天';
+            document.getElementById('paybackHours').textContent = '或 ' + paybackHours + '小时（日销' + dailySales + '份）';
+            
+            // Update product table
+            document.getElementById('currentLevelName').textContent = level.name;
+            const tbody = document.getElementById('productTableBody');
+            tbody.innerHTML = products.map(p => `
+                <tr>
+                    <td>${p.name}</td>
+                    <td>¥${p.retail}</td>
+                    <td>¥${getProductCost(p).toFixed(2)}</td>
+                    <td>¥${getProductProfit(p).toFixed(2)}</td>
+                    <td>${getProductMargin(p)}%</td>
+                </tr>
+            `).join('');
+        }
+        
+        // Initialize calculator
+        calculateProfit();
+
+        // ===== Scroll Animation Trigger =====
+        const animationObserver = new IntersectionObserver((entries) => {
+            entries.forEach(entry => {
+                if (entry.isIntersecting) {
+                    entry.target.style.opacity = '1';
+                    entry.target.style.animationPlayState = 'running';
+                }
+            });
+        }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' });
+
+        document.querySelectorAll('.product-card, .pricing-card, .section-title').forEach(el => {
+            animationObserver.observe(el);
+        });
+
+        // ===== Initialize =====
+        console.log('愉悦查官网已加载 🚀');
+    </script>
+</body>
+</html>
diff --git a/index.html.bak.navbar_fix b/index.html.bak.navbar_fix
new file mode 100755
index 0000000..d78d882
--- /dev/null
+++ b/index.html.bak.navbar_fix
@@ -0,0 +1,2613 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>愉悦查 - 让信任无处不在，让合作没有距离 | AI 驱动的商业信任科技平台</title>
+    <meta name="description" content="愉悦查是 AI 驱动的商业信任科技平台，提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告，支持 AI 智能定制报告。200+ 数据接口，秒级响应，让信任无处不在。">
+    <meta name="keywords" 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=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    
+    <style>
+        /* ===== CSS Variables - 品牌色定义 ===== */
+        :root {
+            /* 品牌主色 - 橙色系 (来自蓝湖设计稿) */
+            --primary-orange: #FF6A19;
+            --primary-orange-light: #FC6E18;
+            --primary-orange-dark: #E64E10;
+            --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
+            --primary-orange-soft: #FFDECC;
+            
+            /* 辅助色 */
+            --bg-light: #FFFFFF;
+            --bg-gray: #F5F7FA;
+            --bg-gray-light: #E4E7E0;
+            
+            /* 文字色 */
+            --text-primary: #1A1A1A;
+            --text-secondary: #666666;
+            --text-light: #999999;
+            
+            /* 功能色 */
+            --success: #07C160;
+            --warning: #FF9500;
+            --error: #FF3B30;
+            
+            /* 间距 */
+            --spacing-xs: 8px;
+            --spacing-sm: 16px;
+            --spacing-md: 24px;
+            --spacing-lg: 48px;
+            --spacing-xl: 80px;
+            
+            /* 圆角 */
+            --radius-sm: 4px;
+            --radius-md: 8px;
+            --radius-lg: 16px;
+            --radius-xl: 24px;
+            
+            /* 阴影 */
+            --shadow-sm: 0 2px 8px rgba(0,0,0,0.08);
+            --shadow-md: 0 4px 16px rgba(0,0,0,0.12);
+            --shadow-lg: 0 8px 32px rgba(0,0,0,0.16);
+            
+            /* 过渡 */
+            --transition: all 0.3s ease;
+        }
+        
+        /* ===== Reset & Base ===== */
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+        
+        html {
+            scroll-behavior: smooth;
+        }
+        
+        body {
+            font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+            font-size: 16px;
+            line-height: 1.6;
+            color: var(--text-primary);
+            background-color: var(--bg-light);
+        }
+        
+        a {
+            text-decoration: none;
+            color: inherit;
+        }
+        
+        ul {
+            list-style: none;
+        }
+        
+        img {
+            max-width: 100%;
+            height: auto;
+        }
+        
+        .container {
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 0 var(--spacing-md);
+        }
+        
+        .btn {
+            display: inline-block;
+            padding: 14px 32px;
+            font-size: 16px;
+            font-weight: 500;
+            border-radius: var(--radius-md);
+            cursor: pointer;
+            transition: var(--transition);
+            border: none;
+            text-align: center;
+        }
+        
+        .btn-primary {
+            background: var(--primary-gradient);
+            color: white;
+            box-shadow: 0 4px 12px rgba(236, 77, 9, 0.3);
+        }
+        
+        .btn-primary:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 6px 20px rgba(236, 77, 9, 0.4);
+        }
+        
+        .btn-outline {
+            background: transparent;
+            border: 2px solid var(--primary-orange);
+            color: var(--primary-orange);
+        }
+        
+        .btn-outline:hover {
+            background: var(--primary-gradient);
+            color: white;
+            transform: translateY(-2px);
+            box-shadow: 0 4px 12px rgba(255, 106, 25, 0.3);
+        }
+        
+        .btn-primary:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 6px 20px rgba(255, 106, 25, 0.4);
+        }
+        
+        .section {
+            padding: var(--spacing-xl) 0;
+        }
+        
+        .section-title {
+            text-align: center;
+            font-size: 36px;
+            font-weight: 700;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .section-subtitle {
+            text-align: center;
+            font-size: 18px;
+            color: var(--text-secondary);
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        /* ===== Navigation ===== */
+        /* ===== Navigation ===== */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+            transition: var(--transition);
+        }
+        
+        .navbar.scrolled {
+            box-shadow: 0 4px 30px rgba(0,0,0,0.12);
+        }
+        
+        .navbar .container {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            height: 80px;
+            max-width: 1400px;
+            margin: 0 auto;
+            padding: 0 32px;
+        }
+        
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            text-decoration: none;
+            background: transparent;
+            padding: 4px 0;
+        }
+        
+        .logo-img {
+            background: rgba(255,255,255,0.95);
+            height: 60px;
+            width: auto;
+            object-fit: contain;
+            transition: var(--transition);
+            
+        }
+        
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            text-decoration: none;
+            padding: 6px 0;
+        }
+        
+        .logo-img {
+            background: rgba(255,255,255,0.95);
+            height: 60px;
+            width: auto;
+            object-fit: contain;
+            transition: var(--transition);
+            
+        }
+        
+        .logo:hover .logo-img {
+            background: rgba(255,255,255,0.95);
+            transform: scale(1.05);
+        }
+        
+        .nav-menu {
+            display: flex;
+            gap: var(--spacing-lg);
+            align-items: center;
+        }
+        
+        .nav-link {
+            font-size: 15px;
+            font-weight: 500;
+            color: var(--text-primary);
+            transition: var(--transition);
+            position: relative;
+        }
+        
+        .nav-link:hover {
+            color: var(--primary-orange);
+        }
+        
+        .nav-link::after {
+            content: '';
+            position: absolute;
+            bottom: -4px;
+            left: 0;
+            width: 0;
+            height: 2px;
+            background: var(--primary-orange);
+            transition: var(--transition);
+        }
+        
+        .nav-link:hover::after {
+            width: 100%;
+        }
+        
+        .nav-cta {
+            display: flex;
+            gap: var(--spacing-sm);
+        }
+        
+        .nav-btn {
+            padding: 10px 20px;
+            font-size: 14px;
+        }
+        
+        /* Mobile Menu */
+        .menu-toggle {
+            display: none;
+            flex-direction: column;
+            gap: 5px;
+            cursor: pointer;
+            padding: 5px;
+        }
+        
+        .menu-toggle span {
+            width: 25px;
+            height: 3px;
+            background: var(--primary-orange);
+            border-radius: 2px;
+            transition: var(--transition);
+        }
+        
+        /* ===== Hero Section ===== */
+        .hero {
+            padding-top: 160px;
+            padding-bottom: 100px;
+            background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 50%, #F5F7FA 100%);
+            position: relative;
+            overflow: hidden;
+        }
+        
+        .hero::before {
+            content: '';
+            position: absolute;
+            top: -50%;
+            right: -20%;
+            width: 80%;
+            height: 200%;
+            background: radial-gradient(circle, rgba(236, 77, 9, 0.05) 0%, transparent 70%);
+            animation: float 20s ease-in-out infinite;
+        }
+        
+        @keyframes float {
+            0%, 100% { transform: translateY(0) rotate(0deg); }
+            50% { transform: translateY(-20px) rotate(5deg); }
+        }
+        
+        .hero-content {
+            text-align: center;
+            max-width: 900px;
+            margin: 0 auto;
+            position: relative;
+            z-index: 1;
+        }
+        
+        .hero-badge {
+            display: inline-block;
+            padding: 8px 16px;
+            background: linear-gradient(135deg, rgba(255, 106, 25, 0.1), rgba(252, 110, 24, 0.15));
+            color: var(--primary-orange);
+            font-size: 14px;
+            font-weight: 600;
+            border-radius: 20px;
+            margin-bottom: var(--spacing-md);
+            border: 1px solid rgba(255, 106, 25, 0.2);
+            animation: pulse 2s ease-in-out infinite;
+        }
+        
+        @keyframes pulse {
+            0%, 100% { transform: scale(1); }
+            50% { transform: scale(1.02); }
+        }
+        
+        .hero h1 {
+            font-size: 56px;
+            font-weight: 900;
+            line-height: 1.2;
+            margin-bottom: var(--spacing-sm);
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 50%, #FF8A5C 100%);
+            background-size: 200% auto;
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+            animation: gradientShift 3s ease infinite;
+        }
+        
+        @keyframes gradientShift {
+            0%, 100% { background-position: 0% center; }
+            50% { background-position: 100% center; }
+        }
+        
+        .hero p {
+            font-size: 20px;
+            color: var(--text-secondary);
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        .hero-stats {
+            display: flex;
+            justify-content: center;
+            gap: var(--spacing-lg);
+            margin-top: var(--spacing-lg);
+            flex-wrap: wrap;
+        }
+        
+        .stat-item {
+            text-align: center;
+        }
+        
+        .stat-number {
+            font-size: 36px;
+            font-weight: 700;
+            background: var(--primary-gradient);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+        
+        .stat-label {
+            font-size: 14px;
+            color: var(--text-light);
+            margin-top: 4px;
+        }
+        
+        .hero-buttons {
+            display: flex;
+            justify-content: center;
+            gap: var(--spacing-sm);
+            margin-top: var(--spacing-lg);
+            flex-wrap: wrap;
+        }
+        
+        /* ===== Trust Bar ===== */
+        .trust-bar {
+            padding: var(--spacing-lg) 0;
+            background: var(--bg-gray);
+            border-top: 1px solid #eee;
+            border-bottom: 1px solid #eee;
+        }
+        
+        .trust-bar p {
+            text-align: center;
+            font-size: 14px;
+            color: var(--text-light);
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .trust-logos {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            gap: var(--spacing-lg);
+            flex-wrap: wrap;
+            opacity: 0.6;
+        }
+        
+        .trust-logo {
+            height: 40px;
+            filter: grayscale(100%);
+            transition: var(--transition);
+        }
+        
+        .trust-logo:hover {
+            filter: grayscale(0%);
+        }
+        
+        /* ===== Features Section ===== */
+        .features {
+            background: var(--bg-light);
+        }
+        
+        .features-grid {
+            display: grid;
+            grid-template-columns: repeat(4, 1fr);
+            gap: var(--spacing-md);
+        }
+        
+        .feature-card {
+            text-align: center;
+            padding: var(--spacing-lg) var(--spacing-md);
+            border-radius: var(--radius-lg);
+            transition: var(--transition);
+        }
+        
+        .feature-card:hover {
+            background: var(--bg-gray);
+            transform: translateY(-4px);
+        }
+        
+        .feature-icon {
+            width: 64px;
+            height: 64px;
+            margin: 0 auto var(--spacing-sm);
+            background: var(--primary-gradient);
+            border-radius: var(--radius-md);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 28px;
+        }
+        
+        .feature-title {
+            font-size: 18px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .feature-desc {
+            font-size: 14px;
+            color: var(--text-secondary);
+        }
+        
+        /* ===== Products Section ===== */
+        .products {
+            background: var(--bg-gray);
+        }
+        
+        .products-grid {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: var(--spacing-md);
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        .product-card {
+            background: white;
+            border-radius: var(--radius-lg);
+            padding: var(--spacing-lg);
+            box-shadow: var(--shadow-sm);
+            transition: var(--transition);
+            position: relative;
+            overflow: hidden;
+        }
+        
+        .product-card::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            height: 4px;
+            background: var(--primary-gradient);
+        }
+        
+        .product-card:hover {
+            transform: translateY(-12px);
+            box-shadow: var(--shadow-lg);
+        }
+        
+        .product-card:hover .product-icon {
+            transform: scale(1.1) rotate(5deg);
+        }
+        
+        .product-icon {
+            width: 80px;
+            height: 80px;
+            border-radius: 50%;
+            background: var(--primary-gradient);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 36px;
+            margin-bottom: var(--spacing-sm);
+            box-shadow: 0 4px 16px rgba(255, 106, 25, 0.3);
+            transition: var(--transition);
+        }
+        
+        .product-name {
+            font-size: 20px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .product-price {
+            font-size: 28px;
+            font-weight: 700;
+            color: var(--primary-orange);
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .product-price span {
+            font-size: 14px;
+            font-weight: 400;
+            color: var(--text-light);
+        }
+        
+        .product-features {
+            margin: var(--spacing-sm) 0;
+            padding: var(--spacing-sm) 0;
+            border-top: 1px solid #eee;
+            border-bottom: 1px solid #eee;
+        }
+        
+        .product-features li {
+            font-size: 14px;
+            color: var(--text-secondary);
+            padding: 4px 0;
+            display: flex;
+            align-items: center;
+            gap: 8px;
+        }
+        
+        .product-features li::before {
+            content: '✓';
+            color: var(--success);
+            font-weight: 700;
+        }
+        
+        /* AI Custom Product */
+        .product-ai {
+            grid-column: 1 / -1;
+            background: var(--primary-gradient);
+            color: white;
+            padding: var(--spacing-xl);
+            border-radius: var(--radius-xl);
+            text-align: center;
+            position: relative;
+            overflow: hidden;
+        }
+        
+        .product-ai::before {
+            content: '';
+            position: absolute;
+            top: -50%;
+            right: -10%;
+            width: 50%;
+            height: 200%;
+            background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
+            animation: float 15s ease-in-out infinite reverse;
+        }
+        
+        .product-ai h3 {
+            font-size: 32px;
+            margin-bottom: var(--spacing-sm);
+            position: relative;
+        }
+        
+        .product-ai p {
+            font-size: 18px;
+            opacity: 0.95;
+            margin-bottom: var(--spacing-md);
+            position: relative;
+        }
+        
+        .product-ai .btn {
+            background: white;
+            color: var(--primary-orange);
+            position: relative;
+        }
+        
+        /* ===== Technology Section ===== */
+        /* ===== Sample Reports Section ===== */
+        .sample-reports {
+            background: var(--bg-gray);
+        }
+        
+        .sample-grid {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: var(--spacing-md);
+        }
+        
+        .sample-card {
+            background: white;
+            border-radius: var(--radius-lg);
+            padding: var(--spacing-lg);
+            box-shadow: var(--shadow-sm);
+            transition: var(--transition);
+            position: relative;
+            overflow: hidden;
+            display: flex;
+            flex-direction: column;
+        }
+        
+        .sample-card::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            height: 4px;
+            background: var(--primary-gradient);
+        }
+        
+        .sample-card:hover {
+            transform: translateY(-8px);
+            box-shadow: var(--shadow-lg);
+        }
+        
+        .sample-icon {
+            width: 70px;
+            height: 70px;
+            border-radius: 50%;
+            background: var(--primary-orange-soft);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 32px;
+            margin-bottom: var(--spacing-sm);
+            transition: var(--transition);
+        }
+        
+        .sample-card:hover .sample-icon {
+            transform: scale(1.1);
+        }
+        
+        .sample-name {
+            font-size: 20px;
+            font-weight: 600;
+            margin-bottom: 12px;
+            color: var(--text-primary);
+        }
+        
+        .sample-desc {
+            font-size: 14px;
+            color: var(--text-secondary);
+            line-height: 1.6;
+            margin-bottom: 16px;
+            flex-grow: 1;
+        }
+        
+        .sample-features {
+            font-size: 13px;
+            color: var(--text-secondary);
+            margin-bottom: 20px;
+            padding-left: 0;
+        }
+        
+        .sample-features li {
+            padding: 4px 0;
+            list-style: none;
+        }
+
+        .technology {
+            background: linear-gradient(135deg, #1A1A2E 0%, #16213E 100%);
+            color: white;
+        }
+        
+        .technology .section-title,
+        .technology .section-subtitle {
+            color: white;
+        }
+        
+        .tech-diagram {
+            max-width: 1000px;
+            margin: var(--spacing-lg) auto;
+            background: rgba(255,255,255,0.05);
+            border-radius: var(--radius-xl);
+            padding: var(--spacing-xl);
+            backdrop-filter: blur(10px);
+        }
+        
+        .tech-flow {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            flex-wrap: wrap;
+            gap: var(--spacing-md);
+        }
+        
+        .tech-step {
+            flex: 1;
+            min-width: 150px;
+            text-align: center;
+            padding: var(--spacing-md);
+            background: rgba(236, 77, 9, 0.1);
+            border-radius: var(--radius-md);
+            border: 1px solid rgba(236, 77, 9, 0.3);
+        }
+        
+        .tech-step-icon {
+            font-size: 36px;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .tech-step-title {
+            font-size: 16px;
+            font-weight: 600;
+            margin-bottom: 4px;
+        }
+        
+        .tech-step-desc {
+            font-size: 13px;
+            opacity: 0.8;
+        }
+        
+        .tech-arrow {
+            font-size: 24px;
+            color: var(--primary-orange);
+        }
+        
+        .tech-apis {
+            text-align: center;
+            margin-top: var(--spacing-lg);
+            padding: var(--spacing-md);
+            background: rgba(255,255,255,0.05);
+            border-radius: var(--radius-md);
+        }
+        
+        .tech-apis p {
+            font-size: 14px;
+            opacity: 0.8;
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .api-tags {
+            display: flex;
+            justify-content: center;
+            gap: var(--spacing-xs);
+            flex-wrap: wrap;
+        }
+        
+        .api-tag {
+            padding: 6px 12px;
+            background: rgba(236, 77, 9, 0.2);
+            border-radius: 20px;
+            font-size: 13px;
+            border: 1px solid rgba(236, 77, 9, 0.3);
+        }
+        
+        /* ===== Partnership Section ===== */
+        .partnership {
+            background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%);
+        }
+        
+        .pricing-grid {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: var(--spacing-md);
+            max-width: 1000px;
+            margin: 0 auto var(--spacing-lg);
+        }
+        
+        .pricing-card {
+            background: white;
+            border-radius: var(--radius-lg);
+            padding: var(--spacing-lg);
+            text-align: center;
+            box-shadow: var(--shadow-sm);
+            transition: var(--transition);
+            border: 2px solid transparent;
+        }
+        
+        .pricing-card:hover {
+            transform: translateY(-8px);
+            box-shadow: var(--shadow-lg);
+        }
+        
+        .pricing-card.featured {
+            border-color: var(--primary-orange);
+            position: relative;
+            transform: scale(1.08);
+            box-shadow: var(--shadow-lg);
+            z-index: 1;
+        }
+        
+        .pricing-card.featured:hover {
+            transform: scale(1.08) translateY(-8px);
+        }
+        
+        .pricing-card.featured::before {
+            content: '🔥 热门推荐';
+            position: absolute;
+            top: -14px;
+            left: 50%;
+            transform: translateX(-50%);
+            background: var(--primary-gradient);
+            color: white;
+            padding: 6px 20px;
+            border-radius: 12px;
+            font-size: 13px;
+            font-weight: 600;
+            box-shadow: 0 4px 12px rgba(255, 106, 25, 0.4);
+        }
+        
+        .pricing-icon {
+            font-size: 48px;
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .pricing-name {
+            font-size: 20px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .pricing-price {
+            font-size: 36px;
+            font-weight: 700;
+            color: var(--primary-orange);
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .pricing-price span {
+            font-size: 14px;
+            font-weight: 400;
+            color: var(--text-light);
+        }
+        
+        .pricing-features {
+            margin: var(--spacing-md) 0;
+            text-align: left;
+        }
+        
+        .pricing-features li {
+            font-size: 14px;
+            color: var(--text-secondary);
+            padding: 8px 0;
+            display: flex;
+            align-items: center;
+            gap: 8px;
+        }
+        
+        .pricing-features li::before {
+            content: '✓';
+            color: var(--success);
+            font-weight: 700;
+        }
+        
+        /* Calculator - Advanced Profit Calculator */
+        .profit-calculator {
+            max-width: 1000px;
+            margin: var(--spacing-lg) auto;
+            background: white;
+            padding: var(--spacing-lg);
+            border-radius: var(--radius-lg);
+            box-shadow: var(--shadow-md);
+        }
+        
+        .calculator-title {
+            text-align: center;
+            font-size: 24px;
+            font-weight: 700;
+            margin-bottom: var(--spacing-md);
+            color: var(--text-primary);
+        }
+        
+        .level-tabs {
+            display: flex;
+            gap: 12px;
+            margin-bottom: 24px;
+        }
+        
+        .tab-btn {
+            flex: 1;
+            padding: 16px 20px;
+            border: 2px solid #e0e0e0;
+            border-radius: var(--radius-md);
+            background: #fff;
+            cursor: pointer;
+            font-size: 16px;
+            font-weight: 600;
+            transition: var(--transition);
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+        
+        .tab-btn:hover {
+            border-color: var(--primary-orange);
+        }
+        
+        .tab-btn.active {
+            border-color: var(--primary-orange);
+            background: var(--primary-gradient);
+            color: #fff;
+        }
+        
+        .tab-btn .price {
+            font-size: 13px;
+            font-weight: 400;
+            opacity: 0.9;
+        }
+        
+        .calculator-grid {
+            display: grid;
+            grid-template-columns: 1fr 1fr;
+            gap: 24px;
+        }
+        
+        .input-section, .profit-section {
+            background: var(--bg-gray);
+            padding: 20px;
+            border-radius: var(--radius-md);
+        }
+        
+        .input-section h4, .profit-section h4 {
+            font-size: 16px;
+            margin-bottom: 16px;
+            color: var(--text-primary);
+        }
+        
+        .input-group {
+            margin-bottom: 16px;
+        }
+        
+        .input-group label {
+            display: block;
+            margin-bottom: 6px;
+            font-size: 13px;
+            color: var(--text-secondary);
+        }
+        
+        .input-group input {
+            width: 100%;
+            padding: 10px 12px;
+            border: 1px solid #ddd;
+            border-radius: 6px;
+            font-size: 15px;
+            transition: var(--transition);
+        }
+        
+        .input-group input:focus {
+            outline: none;
+            border-color: var(--primary-orange);
+        }
+        
+        .profit-card {
+            background: #fff;
+            padding: 14px;
+            border-radius: 8px;
+            margin-bottom: 10px;
+        }
+        
+        .profit-card .label {
+            font-size: 13px;
+            color: var(--text-secondary);
+            margin-bottom: 4px;
+        }
+        
+        .profit-card .value {
+            font-size: 24px;
+            font-weight: 700;
+            color: var(--primary-orange);
+        }
+        
+        .profit-card .sub {
+            font-size: 11px;
+            color: #999;
+            margin-top: 4px;
+        }
+        
+        .profit-card.highlight {
+            background: #FFF3E0;
+            border: 2px solid var(--primary-orange);
+        }
+        
+        .profit-card.total {
+            background: var(--primary-gradient);
+            color: #fff;
+        }
+        
+        .profit-card.total .label,
+        .profit-card.total .value,
+        .profit-card.total .sub {
+            color: #fff;
+        }
+        
+        .roi-card {
+            background: #FFF3CD;
+            border: 2px solid #FFC107;
+            padding: 14px;
+            border-radius: 8px;
+            margin-top: 12px;
+        }
+        
+        .roi-card .label {
+            font-size: 13px;
+            color: #856404;
+        }
+        
+        .roi-card .value {
+            font-size: 20px;
+            font-weight: 700;
+            color: #856404;
+        }
+        
+        .roi-card .sub {
+            font-size: 11px;
+            color: #856404;
+            opacity: 0.8;
+            margin-top: 4px;
+        }
+        
+        .product-detail {
+            grid-column: 1 / -1;
+            background: #fff;
+            padding: 20px;
+            border-radius: var(--radius-md);
+            border: 1px solid #e0e0e0;
+            margin-top: 12px;
+        }
+        
+        .product-detail h4 {
+            font-size: 16px;
+            margin-bottom: 12px;
+            color: var(--text-primary);
+        }
+        
+        .product-detail table {
+            width: 100%;
+            border-collapse: collapse;
+            font-size: 13px;
+        }
+        
+        .product-detail th,
+        .product-detail td {
+            padding: 10px;
+            text-align: left;
+            border-bottom: 1px solid #e0e0e0;
+        }
+        
+        .product-detail th {
+            background: var(--bg-gray);
+            font-weight: 600;
+            color: var(--text-primary);
+        }
+        
+        .product-detail tr:hover {
+            background: var(--bg-gray-light);
+        }
+        
+        @media (max-width: 768px) {
+            .calculator-grid {
+                grid-template-columns: 1fr;
+            }
+            
+            .level-tabs {
+                flex-direction: column;
+            }
+        }
+        
+        /* ===== FAQ Section ===== */
+        .faq {
+            background: var(--bg-light);
+        }
+        
+        .faq-list {
+            max-width: 800px;
+            margin: 0 auto;
+        }
+        
+        .faq-item {
+            border-bottom: 1px solid #eee;
+            padding: var(--spacing-md) 0;
+            transition: var(--transition);
+        }
+        
+        .faq-item:hover {
+            background: rgba(255, 106, 25, 0.02);
+            padding-left: var(--spacing-sm);
+            padding-right: var(--spacing-sm);
+            margin-left: calc(-1 * var(--spacing-sm));
+            margin-right: calc(-1 * var(--spacing-sm));
+            border-radius: var(--radius-md);
+        }
+        }
+        
+        .faq-question {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            cursor: pointer;
+            padding: var(--spacing-sm) 0;
+            font-size: 18px;
+            font-weight: 500;
+            transition: var(--transition);
+        }
+        
+        .faq-question:hover {
+            color: var(--primary-orange);
+        }
+        
+        .faq-icon {
+            font-size: 24px;
+            color: var(--primary-orange);
+            transition: var(--transition);
+            width: 32px;
+            height: 32px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            border-radius: 50%;
+            background: rgba(255, 106, 25, 0.1);
+        }
+        
+        .faq-item.active .faq-icon {
+            background: var(--primary-gradient);
+            color: white;
+        }
+        
+        .faq-answer {
+            max-height: 0;
+            overflow: hidden;
+            transition: max-height 0.3s ease;
+            color: var(--text-secondary);
+            line-height: 1.8;
+        }
+        
+        .faq-item.active .faq-icon {
+            transform: rotate(45deg);
+        }
+        
+        .faq-item.active .faq-answer {
+            max-height: 500px;
+            margin-top: var(--spacing-sm);
+        }
+        
+        /* ===== CTA Section ===== */
+        .cta {
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 50%, #FF8A5C 100%);
+            background-size: 200% 200%;
+            animation: gradientShift 5s ease infinite;
+            color: white;
+            text-align: center;
+            padding: var(--spacing-xl) 0;
+            position: relative;
+            overflow: hidden;
+        }
+        
+        .cta::before {
+            content: '';
+            position: absolute;
+            top: -50%;
+            left: -50%;
+            width: 200%;
+            height: 200%;
+            background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
+            animation: rotate 20s linear infinite;
+        }
+        
+        @keyframes rotate {
+            from { transform: rotate(0deg); }
+            to { transform: rotate(360deg); }
+        }
+        
+        .cta h2 {
+            font-size: 36px;
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .cta p {
+            font-size: 18px;
+            opacity: 0.95;
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        .cta-buttons {
+            display: flex;
+            justify-content: center;
+            gap: var(--spacing-sm);
+            flex-wrap: wrap;
+            position: relative;
+            z-index: 1;
+        }
+        
+        .cta .btn {
+            background: white;
+            color: var(--primary-orange);
+        }
+        
+        .cta .btn:hover {
+            transform: translateY(-3px);
+            box-shadow: 0 8px 24px rgba(0,0,0,0.2);
+        }
+        
+        .cta .btn-outline {
+            background: transparent;
+            border-color: rgba(255,255,255,0.5);
+            color: white;
+        }
+        
+        .cta .btn-outline:hover {
+            background: white;
+            color: var(--primary-orange);
+        }
+        
+        .cta .btn-outline:hover {
+            background: white;
+            color: var(--primary-orange);
+        }
+        
+        /* ===== Footer ===== */
+        .footer {
+            background: #1A1A1A;
+            color: white;
+            padding: var(--spacing-xl) 0 var(--spacing-lg);
+        }
+        
+        .footer-grid {
+            display: grid;
+            grid-template-columns: 2fr repeat(3, 1fr);
+            gap: var(--spacing-lg);
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        .footer-brand h3 {
+            font-size: 24px;
+            margin-bottom: var(--spacing-sm);
+            color: var(--primary-orange);
+        }
+        
+        .footer-brand p {
+            font-size: 14px;
+            opacity: 0.8;
+            line-height: 1.8;
+        }
+        
+        .footer-title {
+            font-size: 16px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .footer-links li {
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .footer-links a {
+            font-size: 14px;
+            opacity: 0.8;
+            transition: var(--transition);
+        }
+        
+        .footer-links a:hover {
+            opacity: 1;
+            color: var(--primary-orange);
+        }
+        
+        .footer-bottom {
+            padding-top: var(--spacing-lg);
+            border-top: 1px solid rgba(255,255,255,0.1);
+            text-align: center;
+            font-size: 14px;
+            opacity: 0.6;
+        }
+        
+        .footer-icp {
+            margin-top: var(--spacing-sm);
+        }
+        
+        /* ===== Animations ===== */
+        @keyframes fadeInUp {
+            from {
+                opacity: 0;
+                transform: translateY(30px);
+            }
+            to {
+                opacity: 1;
+                transform: translateY(0);
+            }
+        }
+        
+        .fade-in-up {
+            animation: fadeInUp 0.6s ease forwards;
+        }
+        
+        .section-title {
+            opacity: 0;
+            animation: fadeInUp 0.6s ease forwards;
+        }
+        
+        .product-card {
+            opacity: 0;
+            animation: fadeInUp 0.6s ease forwards;
+            animation-play-state: paused;
+        }
+        
+        .product-card:nth-child(1) { animation-delay: 0.1s; }
+        .product-card:nth-child(2) { animation-delay: 0.15s; }
+        .product-card:nth-child(3) { animation-delay: 0.2s; }
+        .product-card:nth-child(4) { animation-delay: 0.25s; }
+        .product-card:nth-child(5) { animation-delay: 0.3s; }
+        .product-card:nth-child(6) { animation-delay: 0.35s; }
+        
+        .pricing-card {
+            opacity: 0;
+            animation: fadeInUp 0.6s ease forwards;
+            animation-play-state: paused;
+        }
+        
+        .pricing-card:nth-child(1) { animation-delay: 0.1s; }
+        .pricing-card:nth-child(2) { animation-delay: 0.2s; }
+        .pricing-card:nth-child(3) { animation-delay: 0.3s; }
+        
+        /* ===== Responsive ===== */
+        @media (max-width: 1024px) {
+            .features-grid {
+                grid-template-columns: repeat(2, 1fr);
+            }
+            
+            .products-grid {
+                grid-template-columns: repeat(2, 1fr);
+            }
+            
+            .pricing-grid {
+                grid-template-columns: repeat(2, 1fr);
+            }
+            
+            .footer-grid {
+                grid-template-columns: repeat(2, 1fr);
+            }
+        }
+        
+        /* ===== Mobile Responsive - 手机竖屏版 ===== */
+        @media (max-width: 768px) {
+            /* 导航栏 */
+            .navbar .container {
+                height: 60px;
+                padding: 0 12px;
+            }
+            
+            .logo {
+                padding: 0;
+                margin-left: 0;
+            }
+            
+            .logo-img {
+            background: rgba(255,255,255,0.95);
+                height: 40px;
+                margin-left: 0;
+            }
+            
+            .nav-menu {
+                display: none;
+                position: absolute;
+                top: 64px;
+                left: 0;
+                right: 0;
+                background: white;
+                flex-direction: column;
+                padding: var(--spacing-md);
+                box-shadow: var(--shadow-md);
+                z-index: 999;
+            }
+            
+            .nav-menu.active {
+                display: flex;
+            }
+            
+            .nav-menu li {
+                margin: 8px 0;
+            }
+            
+            .nav-link {
+                font-size: 16px;
+                padding: 12px 0;
+                display: block;
+            }
+            
+            .nav-cta {
+                display: none;
+            }
+            
+            .menu-toggle {
+                display: flex;
+            }
+            
+            /* Hero Section */
+            .hero {
+                padding-top: 100px;
+                padding-bottom: var(--spacing-lg);
+            }
+            
+            .hero h1 {
+                font-size: 28px;
+                line-height: 1.3;
+            }
+            
+            .hero p {
+                font-size: 14px;
+                margin-top: 12px;
+            }
+            
+            .hero-badge {
+                font-size: 12px;
+                padding: 6px 12px;
+            }
+            
+            .hero-stats {
+                flex-direction: column;
+                gap: var(--spacing-sm);
+                margin-top: var(--spacing-md);
+            }
+            
+            .stat-item {
+                flex-direction: row;
+                justify-content: space-between;
+                padding: 12px 16px;
+            }
+            
+            .stat-number {
+                font-size: 24px;
+            }
+            
+            .stat-label {
+                font-size: 13px;
+            }
+            
+            .hero-buttons {
+                flex-direction: column;
+                gap: 12px;
+            }
+            
+            .hero-buttons .btn {
+                width: 100%;
+            }
+            
+            /* Section Titles */
+            .section-title {
+                font-size: 26px;
+            }
+            
+            .section-subtitle {
+                font-size: 15px;
+            }
+            
+            /* Features */
+            .features-grid {
+                grid-template-columns: 1fr;
+                gap: var(--spacing-sm);
+            }
+            
+            .feature-card {
+                padding: var(--spacing-md);
+            }
+            
+            .feature-icon {
+                font-size: 36px;
+            }
+            
+            .feature-title {
+                font-size: 17px;
+            }
+            
+            .feature-desc {
+                font-size: 13px;
+            }
+            
+            /* Products */
+            .products-grid {
+                grid-template-columns: 1fr;
+                gap: var(--spacing-sm);
+            }
+            
+            .product-card {
+                padding: var(--spacing-md);
+            }
+            
+            .product-icon {
+                font-size: 40px;
+            }
+            
+            .product-name {
+                font-size: 17px;
+            }
+            
+            .product-price {
+                font-size: 20px;
+            }
+            
+            .product-features li {
+                font-size: 13px;
+            }
+            
+            /* Pricing */
+            .pricing-grid {
+                grid-template-columns: 1fr;
+                gap: var(--spacing-sm);
+            }
+            
+            .pricing-card {
+                padding: var(--spacing-md);
+            }
+            
+            .pricing-name {
+                font-size: 18px;
+            }
+            
+            .pricing-price {
+                font-size: 28px;
+            }
+            
+            .pricing-features {
+                font-size: 13px;
+            }
+            
+            .pricing-features li {
+                padding: 8px 0;
+            }
+            
+            /* Calculator */
+            .profit-calculator {
+                padding: var(--spacing-md);
+            }
+            
+            .calculator-grid {
+                grid-template-columns: 1fr;
+                gap: var(--spacing-sm);
+            }
+            
+            .level-tabs {
+                flex-direction: column;
+                gap: 8px;
+            }
+            
+            .tab-btn {
+                padding: 12px 16px;
+                font-size: 15px;
+            }
+            
+            .input-section,
+            .profit-section {
+                padding: 16px;
+            }
+            
+            .profit-card .value {
+                font-size: 20px;
+            }
+            
+            .product-detail table {
+                font-size: 12px;
+            }
+            
+            .product-detail th,
+            .product-detail td {
+                padding: 8px 4px;
+            }
+            
+            /* FAQ */
+            .faq-question {
+                font-size: 16px;
+            }
+            
+            .faq-answer {
+                font-size: 14px;
+            }
+            
+            /* CTA */
+            .cta {
+                padding: var(--spacing-lg) 0;
+            }
+            
+            .cta h2 {
+                font-size: 22px;
+            }
+            
+            .cta p {
+                font-size: 14px;
+            }
+            
+            .cta-buttons {
+                flex-direction: column;
+                gap: 12px;
+            }
+            
+            .cta-buttons .btn {
+                width: 100%;
+            }
+            
+            /* Footer */
+            .footer {
+                padding: var(--spacing-lg) 0;
+            }
+            
+            .footer-grid {
+                grid-template-columns: 1fr;
+                gap: var(--spacing-md);
+            }
+            
+            .footer-brand h3 {
+                font-size: 18px;
+            }
+            
+            .footer-title {
+                font-size: 15px;
+            }
+            
+            .footer-links li {
+                font-size: 13px;
+            }
+            
+            .footer-bottom {
+                flex-direction: column;
+                text-align: center;
+                font-size: 12px;
+            }
+            
+            /* Tech Section */
+            .tech-flow {
+                flex-direction: column;
+                gap: var(--spacing-sm);
+            }
+            
+            .tech-step {
+                padding: var(--spacing-sm);
+            }
+            
+            .tech-step-icon {
+                font-size: 32px;
+            }
+            
+            .tech-step-title {
+                font-size: 15px;
+            }
+            
+            .tech-step-desc {
+                font-size: 12px;
+            }
+            
+            .tech-arrow {
+                transform: rotate(90deg);
+                font-size: 20px;
+            }
+            
+            .api-tags {
+                flex-wrap: wrap;
+            }
+            
+            .api-tag {
+                font-size: 12px;
+                padding: 6px 12px;
+            }
+            
+            /* Buttons */
+            .btn {
+                padding: 12px 24px;
+                font-size: 15px;
+            }
+        }
+        
+        /* 超小屏幕优化 */
+        @media (max-width: 480px) {
+            .hero h1 {
+                font-size: 24px;
+            }
+            
+            .section-title {
+                font-size: 22px;
+            }
+            
+            .container {
+                padding: 0 12px;
+            }
+            
+            .navbar .container {
+                padding: 0 12px;
+            }
+        }
+    </style>
+</head>
+<body>
+    <!-- Navigation -->
+    <nav class="navbar" id="navbar">
+        <div class="container">
+            <a href="#" class="logo">
+                <img src="assets/logo.png" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            
+            <div class="menu-toggle" id="menuToggle">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+            
+            <ul class="nav-menu" id="navMenu">
+                <li><a href="#home" class="nav-link">首页</a></li>
+                <li><a href="#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="#technology" class="nav-link">AI 能力</a></li>
+                <li><a href="#partnership" class="nav-link">代理合作</a></li>
+                <li><a href="/about.html" class="nav-link">关于我们</a></li>
+            </ul>
+            
+            <div class="nav-cta">
+                <a href="#products" class="btn btn-outline nav-btn">立即查询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
+            </div>
+        </div>
+    </nav>
+
+    <!-- Hero Section -->
+    <section class="hero" id="home">
+        <div class="container">
+            <div class="hero-content">
+                <span class="hero-badge">🤖 AI 驱动的商业信任科技平台</span>
+                <h1>让信任无处不在<br>让合作没有距离</h1>
+                <p>200+ 数据接口 · 智能组合 · 秒级响应</p>
+                
+                <div class="hero-buttons">
+                    <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary">🚀 立即注册</a>
+                    <a href="#partnership" class="btn btn-outline">💼 代理合作</a>
+                </div>
+                
+                <div class="hero-stats">
+                    <div class="stat-item">
+                        <div class="stat-number" id="statReports">0</div>
+                        <div class="stat-label">已生成报告</div>
+                    </div>
+                    <div class="stat-item">
+                        <div class="stat-number" id="statUsers">0</div>
+                        <div class="stat-label">服务用户</div>
+                    </div>
+                    <div class="stat-item">
+                        <div class="stat-number" id="statApis">200+</div>
+                        <div class="stat-label">数据接口</div>
+                    </div>
+                    <div class="stat-item">
+                        <div class="stat-number" id="statEnterprises">0</div>
+                        <div class="stat-label">合作企业</div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+
+
+    <!-- Features Section -->
+    <section class="section features">
+        <div class="container">
+            <h2 class="section-title">核心优势</h2>
+            <p class="section-subtitle">为什么选择愉悦查</p>
+            
+            <div class="features-grid">
+                <div class="feature-card">
+                    <div class="feature-icon">📡</div>
+                    <h3 class="feature-title">海量数据</h3>
+                    <p class="feature-desc">200+ 官方数据接口<br>覆盖全维度信息</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">🤖</div>
+                    <h3 class="feature-title">AI 引擎</h3>
+                    <p class="feature-desc">智能组合接口<br>40+ 分析技能</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">⚡</div>
+                    <h3 class="feature-title">秒级响应</h3>
+                    <p class="feature-desc">实时生成报告<br>最快 3 秒出结果</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">🔒</div>
+                    <h3 class="feature-title">安全合规</h3>
+                    <p class="feature-desc">等保三级认证<br>数据加密传输</p>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Products Section -->
+    <section class="section products" id="products">
+        <div class="container">
+            <h2 class="section-title">产品服务</h2>
+            <p class="section-subtitle">6 大标准报告 + AI 智能定制</p>
+            
+            <div class="products-grid">
+                <!-- Product 1 -->
+                <div class="product-card">
+                    <div class="product-icon">📊</div>
+                    <h3 class="product-name">个人大数据报告</h3>
+                    <div class="product-price">¥49.8</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>全面个人背景分析</li>
+                        <li>秒级生成</li>
+                        <li>PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=riskassessment" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/riskassessment" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- Product 2 -->
+                <div class="product-card">
+                    <div class="product-icon">💕</div>
+                    <h3 class="product-name">婚恋风险报告</h3>
+                    <div class="product-price">¥39.9</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>婚恋风险评估</li>
+                        <li>隐私保护</li>
+                        <li>PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=marriage" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/marriage" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- Product 3 -->
+                <div class="product-card">
+                    <div class="product-icon">💼</div>
+                    <h3 class="product-name">入职背调报告</h3>
+                    <div class="product-price">¥69.9</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>员工背景筛查</li>
+                        <li>降低用工风险</li>
+                        <li>批量查询优惠</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=backgroundcheck" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/backgroundcheck" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- Product 4 -->
+                <div class="product-card">
+                    <div class="product-icon">🏢</div>
+                    <h3 class="product-name">小微企业报告</h3>
+                    <div class="product-price">¥69.9</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>企业风险筛查</li>
+                        <li>合作前必备</li>
+                        <li>PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=companyinfo" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/companyinfo" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- Product 5 -->
+                <div class="product-card">
+                    <div class="product-icon">🧹</div>
+                    <h3 class="product-name">家政风险报告</h3>
+                    <div class="product-price">¥39.9</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>家政人员背调</li>
+                        <li>雇佣更安全</li>
+                        <li>PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=homeservice" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/homeservice" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- Product 6 -->
+                <div class="product-card">
+                    <div class="product-icon">💳</div>
+                    <h3 class="product-name">消金报告</h3>
+                    <div class="product-price">¥39.9</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>消费金融风险评估</li>
+                        <li>快速决策支持</li>
+                        <li>PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=consumerFinanceReport" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/consumerFinanceReport" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- AI Custom Product -->
+                <div class="product-ai">
+                    <h3>✨ AI 定制报告</h3>
+                    <p>告诉我您的需求，AI 智能组合 200+ 接口，生成独一无二的专属报告</p>
+                    <p style="font-size:14px;opacity:0.8;">例："我想了解一个合作伙伴的信用和风险状况"</p>
+                    <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn">🎯 立即定制 - 从 ¥99 起</a>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Sample Reports Section -->
+    <section class="section sample-reports" id="sample-reports" style="background: var(--bg-gray);">
+        <div class="container">
+            <h2 class="section-title">示例报告</h2>
+            <p class="section-subtitle">查看真实报告样本，了解报告内容</p>
+            
+            <div class="sample-grid">
+                <!-- Sample 1 -->
+                <div class="sample-card">
+                    <div class="sample-icon">📊</div>
+                    <h3 class="sample-name">个人大数据报告</h3>
+                    <p class="sample-desc">全面个人背景分析，包含身份信息、社交网络、行为特征等多维度数据</p>
+                    <ul class="sample-features">
+                        <li>✓ 3-4 个数据接口组合</li>
+                        <li>✓ 秒级生成</li>
+                        <li>✓ PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=riskassessment" target="_blank" class="btn btn-outline" style="width:100%">👁️ 查看示例</a>
+                </div>
+                
+                <!-- Sample 2 -->
+                <div class="sample-card">
+                    <div class="sample-icon">💕</div>
+                    <h3 class="sample-name">婚恋风险报告</h3>
+                    <p class="sample-desc">婚恋风险评估，帮助了解对方的婚姻状况、信用记录等关键信息</p>
+                    <ul class="sample-features">
+                        <li>✓ 婚恋风险评估</li>
+                        <li>✓ 隐私保护</li>
+                        <li>✓ PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=marriage" target="_blank" class="btn btn-outline" style="width:100%">👁️ 查看示例</a>
+                </div>
+                
+                <!-- Sample 3 -->
+                <div class="sample-card">
+                    <div class="sample-icon">💼</div>
+                    <h3 class="sample-name">入职背调报告</h3>
+                    <p class="sample-desc">员工背景筛查，降低用工风险，包含学历、工作履历、信用记录等</p>
+                    <ul class="sample-features">
+                        <li>✓ 员工背景筛查</li>
+                        <li>✓ 降低用工风险</li>
+                        <li>✓ 批量查询优惠</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=backgroundcheck" target="_blank" class="btn btn-outline" style="width:100%">👁️ 查看示例</a>
+                </div>
+                
+                <!-- Sample 4 -->
+                <div class="sample-card">
+                    <div class="sample-icon">🏢</div>
+                    <h3 class="sample-name">小微企业报告</h3>
+                    <p class="sample-desc">企业风险筛查，合作前必备，包含工商信息、司法风险、经营状况等</p>
+                    <ul class="sample-features">
+                        <li>✓ 企业风险筛查</li>
+                        <li>✓ 合作前必备</li>
+                        <li>✓ PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=companyinfo" target="_blank" class="btn btn-outline" style="width:100%">👁️ 查看示例</a>
+                </div>
+                
+                <!-- Sample 5 -->
+                <div class="sample-card">
+                    <div class="sample-icon">🧹</div>
+                    <h3 class="sample-name">家政风险报告</h3>
+                    <p class="sample-desc">家政人员背调，雇佣更安全，包含身份信息、犯罪记录、信用状况等</p>
+                    <ul class="sample-features">
+                        <li>✓ 家政人员背调</li>
+                        <li>✓ 雇佣更安全</li>
+                        <li>✓ PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=homeservice" target="_blank" class="btn btn-outline" style="width:100%">👁️ 查看示例</a>
+                </div>
+                
+                <!-- Sample 6 -->
+                <div class="sample-card">
+                    <div class="sample-icon">💳</div>
+                    <h3 class="sample-name">消金报告</h3>
+                    <p class="sample-desc">消费金融风险评估，快速决策支持，包含信用记录、负债情况、还款能力等</p>
+                    <ul class="sample-features">
+                        <li>✓ 消费金融风险评估</li>
+                        <li>✓ 快速决策支持</li>
+                        <li>✓ PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=consumerFinanceReport" target="_blank" class="btn btn-outline" style="width:100%">👁️ 查看示例</a>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- Technology Section -->
+    <section class="section technology" id="technology">
+        <div class="container">
+            <h2 class="section-title">AI 技术能力</h2>
+            <p class="section-subtitle">200+ 数据接口智能组合引擎</p>
+            
+            <div class="tech-diagram">
+                <div class="tech-flow">
+                    <div class="tech-step">
+                        <div class="tech-step-icon">📝</div>
+                        <div class="tech-step-title">用户需求</div>
+                        <div class="tech-step-desc">自然语言描述</div>
+                    </div>
+                    <div class="tech-arrow">→</div>
+                    <div class="tech-step">
+                        <div class="tech-step-icon">🧠</div>
+                        <div class="tech-step-title">AI 分析</div>
+                        <div class="tech-step-desc">理解需求意图</div>
+                    </div>
+                    <div class="tech-arrow">→</div>
+                    <div class="tech-step">
+                        <div class="tech-step-icon">🔌</div>
+                        <div class="tech-step-title">接口选择</div>
+                        <div class="tech-step-desc">智能匹配接口</div>
+                    </div>
+                    <div class="tech-arrow">→</div>
+                    <div class="tech-step">
+                        <div class="tech-step-icon">📊</div>
+                        <div class="tech-step-title">报告生成</div>
+                        <div class="tech-step-desc">秒级输出结果</div>
+                    </div>
+                </div>
+                
+                <div class="tech-apis">
+                    <p>接口类型覆盖</p>
+                    <div class="api-tags">
+                        <span class="api-tag">公安数据</span>
+                        <span class="api-tag">法院数据</span>
+                        <span class="api-tag">学历验证</span>
+                        <span class="api-tag">工作履历</span>
+                        <span class="api-tag">金融信用</span>
+                        <span class="api-tag">社交网络</span>
+                        <span class="api-tag">商业信息</span>
+                        <span class="api-tag">更多...</span>
+                    </div>
+                </div>
+            </div>
+            
+            <div style="text-align:center;margin-top:var(--spacing-lg);">
+                <a href="/apidemo/" class="btn btn-outline" style="border-color:rgba(255,255,255,0.3);color:white;">📚 查看 API 文档</a>
+                <a href="https://yuyuecha.com/platform" class="btn btn-outline" style="border-color:rgba(255,255,255,0.3);color:white;margin-left:var(--spacing-sm);">🔧 开放平台</a>
+            </div>
+        </div>
+    </section>
+
+    <!-- Partnership Section -->
+    <section class="section partnership" id="partnership">
+        <div class="container">
+            <h2 class="section-title">代理合作</h2>
+            <p class="section-subtitle">加入愉悦查，共享信任经济红利</p>
+            
+            <div class="pricing-grid">
+                <!-- Silver -->
+                <div class="pricing-card">
+                    <div class="pricing-icon">🥈</div>
+                    <h3 class="pricing-name">白银代理</h3>
+                    <div class="pricing-price">¥0<span>/终身</span></div>
+                    <ul class="pricing-features">
+                        <li>10% 返佣</li>
+                        <li>基础培训支持</li>
+                        <li>标准产品价格</li>
+                        <li>在线帮助中心</li>
+                    </ul>
+                    <a href="https://p.yuyuecha.com/s/Cc9wgE" class="btn btn-outline" style="width:100%">立即申请</a>
+                </div>
+                
+                <!-- Gold -->
+                <div class="pricing-card featured">
+                    <div class="pricing-icon">🥇</div>
+                    <h3 class="pricing-name">黄金代理</h3>
+                    <div class="pricing-price">¥198<span>/年</span></div>
+                    <ul class="pricing-features">
+                        <li>30% 返佣</li>
+                        <li>优先技术支持</li>
+                        <li>专属代理价格</li>
+                        <li>营销素材支持</li>
+                        <li>定期培训</li>
+                    </ul>
+                    <a href="https://p.yuyuecha.com/s/Cc9wgE" class="btn btn-primary" style="width:100%">立即申请</a>
+                </div>
+                
+                <!-- Diamond -->
+                <div class="pricing-card">
+                    <div class="pricing-icon">💎</div>
+                    <h3 class="pricing-name">钻石代理</h3>
+                    <div class="pricing-price">¥980<span>/年</span></div>
+                    <ul class="pricing-features">
+                        <li>50% 返佣</li>
+                        <li>1 对 1 专属辅导</li>
+                        <li>最低代理价格</li>
+                        <li>联合营销支持</li>
+                        <li>优先新功能体验</li>
+                        <li>区域保护政策</li>
+                    </ul>
+                    <a href="https://p.yuyuecha.com/s/Cc9wgE" class="btn btn-outline" style="width:100%">立即申请</a>
+                </div>
+            </div>
+            
+            <!-- Advanced Profit Calculator -->
+            <div class="profit-calculator">
+                <h3 class="calculator-title">💵 代理收益计算器</h3>
+                
+                <!-- Level Tabs -->
+                <div class="level-tabs">
+                    <button class="tab-btn active" onclick="switchLevel('silver')">
+                        🥈 白银代理
+                        <span class="price">¥0</span>
+                    </button>
+                    <button class="tab-btn" onclick="switchLevel('gold')">
+                        🥇 黄金代理
+                        <span class="price">¥198</span>
+                    </button>
+                    <button class="tab-btn" onclick="switchLevel('diamond')">
+                        💎 钻石代理
+                        <span class="price">¥980</span>
+                    </button>
+                </div>
+                
+                <div class="calculator-grid">
+                    <!-- Input Section -->
+                    <div class="input-section">
+                        <h4>📊 输入您的销售数据</h4>
+                        
+                        <div class="input-group">
+                            <label>每日销售份数</label>
+                            <input type="number" id="dailySales" value="30" min="0" max="1000" oninput="calculateProfit()">
+                        </div>
+                        
+                        <div class="input-group">
+                            <label>直推代理人数（月）</label>
+                            <input type="number" id="referralCount" value="5" min="0" max="100" oninput="calculateProfit()">
+                        </div>
+                        
+                        <div class="input-group" id="teamSilverGroup" style="display:none;">
+                            <label>下级白银代理人数</label>
+                            <input type="number" id="teamSilver" value="20" min="0" max="500" oninput="calculateProfit()">
+                        </div>
+                        
+                        <div class="input-group" id="teamGoldGroup" style="display:none;">
+                            <label>下级黄金代理人数</label>
+                            <input type="number" id="teamGold" value="5" min="0" max="100" oninput="calculateProfit()">
+                        </div>
+                    </div>
+                    
+                    <!-- Profit Section -->
+                    <div class="profit-section">
+                        <h4>💰 预期收益</h4>
+                        
+                        <div class="profit-card">
+                            <div class="label">单份平均利润</div>
+                            <div class="value" id="avgProfit">¥38.22</div>
+                        </div>
+                        
+                        <div class="profit-card highlight">
+                            <div class="label">日零售收益</div>
+                            <div class="value" id="dailyRetailProfit">¥1,147</div>
+                            <div class="sub" id="dailyRetailSub">30 份 × ¥38.22</div>
+                        </div>
+                        
+                        <div class="profit-card">
+                            <div class="label">月零售收益</div>
+                            <div class="value" id="monthlyRetailProfit">¥34,410</div>
+                        </div>
+                        
+                        <div class="profit-card" id="referralCard">
+                            <div class="label">月直推奖励</div>
+                            <div class="value" id="monthlyReferralProfit">¥0</div>
+                            <div class="sub" id="referralSub">5 人 × ¥0/人</div>
+                        </div>
+                        
+                        <div class="profit-card" id="teamCard" style="display:none;">
+                            <div class="label">月团队提成</div>
+                            <div class="value" id="monthlyTeamProfit">¥0</div>
+                        </div>
+                        
+                        <div class="profit-card total">
+                            <div class="label">月总收益</div>
+                            <div class="value" id="totalMonthlyProfit">¥34,410</div>
+                        </div>
+                        
+                        <div class="roi-card" id="roiCard" style="display:none;">
+                            <div class="label">回本周期</div>
+                            <div class="value" id="paybackDays">0 天</div>
+                            <div class="sub" id="paybackHours">或 0 小时（日销 30 份）</div>
+                        </div>
+                    </div>
+                </div>
+                
+                <!-- Product Detail Table -->
+                <div class="product-detail">
+                    <h4>📦 各产品利润明细（<span id="currentLevelName">白银代理</span>）</h4>
+                    <table>
+                        <thead>
+                            <tr>
+                                <th>产品</th>
+                                <th>零售价</th>
+                                <th>您的底价</th>
+                                <th>单份利润</th>
+                                <th>利润率</th>
+                            </tr>
+                        </thead>
+                        <tbody id="productTableBody">
+                            <!-- Populated by JavaScript -->
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+            
+            <div style="text-align:center;">
+                <a href="https://p.yuyuecha.com/s/Cc9wgE" class="btn btn-primary">📝 立即申请代理</a>
+            </div>
+        </div>
+    </section>
+
+    <!-- FAQ Section -->
+    <section class="section faq" id="faq">
+        <div class="container">
+            <h2 class="section-title">常见问题</h2>
+            <p class="section-subtitle">您可能想知道的问题</p>
+            
+            <div class="faq-list">
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>报告准确率如何保证？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        愉悦查所有数据均来自官方授权渠道，通过 200+ 数据接口交叉验证，确保信息准确可靠。AI 引擎会自动识别异常数据并进行人工复核，准确率达 99% 以上。
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>数据来源是否合法合规？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        是的，我们严格遵守《个人信息保护法》和相关法律法规，所有数据接口均获得合法授权，查询过程需要被查询人授权同意，确保数据来源和使用完全合规。
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>多久能拿到报告？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        标准报告通常 3-5 秒即可生成，复杂报告或 AI 定制报告可能需要 30 秒 -2 分钟。报告生成后会通过短信/邮件通知您，也可在个人中心随时查看下载。
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>如何成为代理？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        点击页面上方的"立即申请"按钮，填写代理申请表，我们的招商团队会在 1-2 个工作日内联系您。白银代理零门槛免费加入，黄金/钻石代理需支付相应年费。
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>支持退款吗？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        报告一旦生成无法退款，因为数据查询成本已产生。但如果您对报告质量有异议，可在 7 天内联系客服申请复核或重新查询。
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- CTA Section -->
+    <section class="cta">
+        <div class="container">
+            <h2>准备好开始建立信任了吗？</h2>
+            <p>立即体验 AI 驱动的商业信任科技</p>
+            <div class="cta-buttons">
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn">🚀 立即注册</a>
+                <a href="#partnership" class="btn btn-outline">💼 代理合作</a>
+            </div>
+        </div>
+    </section>
+
+    <!-- Footer -->
+    <footer class="footer" id="about">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <h3>愉悦查</h3>
+                    <p>让信任无处不在，让合作没有距离</p>
+                    <p style="margin-top:16px;font-size:13px;">愉悦查（北京正信环宇科技有限公司）</p>
+                    <p style="font-size:13px;">AI 驱动的商业信任科技平台</p>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">产品</h4>
+                    <ul class="footer-links">
+                        <li><a href="/product/riskassessment.html">个人大数据报告</a></li>
+                        <li><a href="/product/marriage.html">婚恋风险报告</a></li>
+                        <li><a href="/product/backgroundcheck.html">入职背调报告</a></li>
+                        <li><a href="/product/companyinfo.html">小微企业报告</a></li>
+                        <li><a href="/product/homeservice.html">家政风险报告</a></li>
+                        <li><a href="/product/consumerFinanceReport.html">消金报告</a></li>
+                        <li><a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" target="_blank">AI 定制报告</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">公司</h4>
+                    <ul class="footer-links">
+                        <li><a href="/about.html">关于我们</a></li>
+                        <li><a href="/careers.html">加入我们</a></li>
+                        <li><a href="/contact.html">联系我们</a></li>
+                        <li><a href="/news.html">新闻动态</a></li>
+                        <li><a href="/partners.html">合作伙伴</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">支持</h4>
+                    <ul class="footer-links">
+                        <li><a href="/help.html">帮助中心</a></li>
+                        <li><a href="/apidemo/">API 文档</a></li>
+                        <li><a href="/index.html#partnership">代理支持</a></li>
+                        <li><a href="/privacy.html">隐私政策</a></li>
+                        <li><a href="/terms.html">服务条款</a></li>
+                        <li><a href="/disclaimer.html">免责声明</a></li>
+                    </ul>
+                </div>
+            </div>
+            
+            <div class="footer-bottom">
+                <p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p class="footer-icp">京 ICP 备 2025158088 号 -2</p>
+            </div>
+        </div>
+    </footer>
+
+    <!-- Back to Top Button -->
+    <button id="backToTop" style="position:fixed;bottom:30px;right:30px;width:50px;height:50px;border-radius:50%;background:var(--primary-gradient);border:none;cursor:pointer;box-shadow:var(--shadow-lg);display:none;align-items:center;justify-content:center;font-size:24px;z-index:999;transition:var(--transition);">↑</button>
+
+    <script>
+        // ===== Back to Top Button =====
+        const backToTopBtn = document.getElementById('backToTop');
+        
+        window.addEventListener('scroll', () => {
+            if (window.scrollY > 500) {
+                backToTopBtn.style.display = 'flex';
+            } else {
+                backToTopBtn.style.display = 'none';
+            }
+        });
+        
+        backToTopBtn.addEventListener('click', () => {
+            window.scrollTo({ top: 0, behavior: 'smooth' });
+        });
+        
+        backToTopBtn.addEventListener('mouseenter', () => {
+            backToTopBtn.style.transform = 'scale(1.1)';
+        });
+        
+        backToTopBtn.addEventListener('mouseleave', () => {
+            backToTopBtn.style.transform = 'scale(1)';
+        });
+
+        // ===== Navbar Scroll Effect =====
+        window.addEventListener('scroll', () => {
+            const navbar = document.getElementById('navbar');
+            if (window.scrollY > 50) {
+                navbar.classList.add('scrolled');
+            } else {
+                navbar.classList.remove('scrolled');
+            }
+        });
+
+        // ===== Mobile Menu Toggle =====
+        document.getElementById('menuToggle').addEventListener('click', () => {
+            document.getElementById('navMenu').classList.toggle('active');
+        });
+
+        // ===== Smooth Scroll =====
+        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' });
+                    // Close mobile menu
+                    document.getElementById('navMenu').classList.remove('active');
+                }
+            });
+        });
+
+        // ===== Animated Counter =====
+        function animateCounter(elementId, target, suffix = '') {
+            const element = document.getElementById(elementId);
+            if (!element) return;
+            
+            let current = 0;
+            const increment = target / 50;
+            const timer = setInterval(() => {
+                current += increment;
+                if (current >= target) {
+                    element.textContent = target.toLocaleString() + suffix;
+                    clearInterval(timer);
+                } else {
+                    element.textContent = Math.floor(current).toLocaleString() + suffix;
+                }
+            }, 30);
+        }
+
+        // ===== Intersection Observer for Animations =====
+        const observerOptions = {
+            threshold: 0.2,
+            rootMargin: '0px'
+        };
+
+        const observer = new IntersectionObserver((entries) => {
+            entries.forEach(entry => {
+                if (entry.isIntersecting) {
+                    // Animate stats when visible
+                    if (entry.target.id === 'statReports') {
+                        animateCounter('statReports', 100000, '+');
+                        animateCounter('statUsers', 50000, '+');
+                        animateCounter('statEnterprises', 5000, '+');
+                    }
+                    observer.unobserve(entry.target);
+                }
+            });
+        }, observerOptions);
+
+        document.getElementById('statReports') && observer.observe(document.getElementById('statReports'));
+
+        // ===== FAQ Toggle =====
+        document.querySelectorAll('.faq-question').forEach(question => {
+            question.addEventListener('click', () => {
+                const item = question.parentElement;
+                const icon = question.querySelector('.faq-icon');
+                
+                // Close other items
+                document.querySelectorAll('.faq-item').forEach(other => {
+                    if (other !== item) {
+                        other.classList.remove('active');
+                        other.querySelector('.faq-icon').textContent = '+';
+                    }
+                });
+                
+                // Toggle current item
+                item.classList.toggle('active');
+                icon.textContent = item.classList.contains('active') ? '×' : '+';
+            });
+        });
+
+        // ===== Advanced Profit Calculator =====
+        const levelData = {
+            silver: { name: '白银代理', fee: 0, markup: 6, referralBonus: 0, teamSilver: 2, teamGold: 0 },
+            gold: { name: '黄金代理', fee: 198, markup: 3, referralBonus: 60, teamSilver: 3, teamGold: 0 },
+            diamond: { name: '钻石代理', fee: 980, markup: 2, referralBonus: 300, teamSilver: 6, teamGold: 3 }
+        };
+        
+        const products = [
+            { name: '消金报告', retail: 39.9, baseCost: 6.0 },
+            { name: '家政风险报告', retail: 39.9, baseCost: 6.0 },
+            { name: '个人大数据报告', retail: 49.8, baseCost: 5.0 },
+            { name: '入职背调报告', retail: 69.9, baseCost: 9.0 },
+            { name: '小微企业报告', retail: 69.9, baseCost: 9.0 },
+            { name: '婚恋风险报告', retail: 39.9, baseCost: 9.0 }
+        ];
+        
+        let currentLevel = 'silver';
+        
+        function switchLevel(level) {
+            currentLevel = level;
+            
+            // Update tabs
+            document.querySelectorAll('.tab-btn').forEach(btn => btn.classList.remove('active'));
+            event.target.closest('.tab-btn').classList.add('active');
+            
+            // Show/hide team inputs for diamond
+            const isDiamond = level === 'diamond';
+            const isGoldOrDiamond = level === 'gold' || level === 'diamond';
+            document.getElementById('teamSilverGroup').style.display = isGoldOrDiamond ? 'block' : 'none';
+            document.getElementById('teamGoldGroup').style.display = isDiamond ? 'block' : 'none';
+            document.getElementById('teamCard').style.display = isGoldOrDiamond ? 'block' : 'none';
+            document.getElementById('roiCard').style.display = isGoldOrDiamond ? 'block' : 'none';
+            
+            calculateProfit();
+        }
+        
+        function getProductCost(product) {
+            return product.baseCost + levelData[currentLevel].markup;
+        }
+        
+        function getProductProfit(product) {
+            return product.retail - getProductCost(product);
+        }
+        
+        function getProductMargin(product) {
+            const profit = getProductProfit(product);
+            return ((profit / product.retail) * 100).toFixed(0);
+        }
+        
+        function calculateProfit() {
+            const dailySales = parseFloat(document.getElementById('dailySales').value) || 0;
+            const referralCount = parseFloat(document.getElementById('referralCount').value) || 0;
+            const teamSilver = parseFloat(document.getElementById('teamSilver').value) || 0;
+            const teamGold = parseFloat(document.getElementById('teamGold').value) || 0;
+            
+            const level = levelData[currentLevel];
+            
+            // Calculate average profit
+            const totalProfit = products.reduce((sum, p) => sum + getProductProfit(p), 0);
+            const avgProfit = totalProfit / products.length;
+            
+            // Retail profit
+            const dailyRetailProfit = avgProfit * dailySales;
+            const monthlyRetailProfit = dailyRetailProfit * 30;
+            
+            // Referral bonus
+            const monthlyReferralProfit = level.referralBonus * referralCount;
+            
+            // Team commission
+            let monthlyTeamProfit = 0;
+            if (currentLevel === 'gold') {
+                monthlyTeamProfit = level.teamSilver * teamSilver * 30;
+            } else if (currentLevel === 'diamond') {
+                monthlyTeamProfit = (level.teamSilver * teamSilver + level.teamGold * teamGold) * 30;
+            }
+            
+            // Total
+            const totalMonthlyProfit = monthlyRetailProfit + monthlyReferralProfit + monthlyTeamProfit;
+            
+            // ROI
+            let paybackDays = 0;
+            let paybackHours = 0;
+            if (level.fee > 0) {
+                const dailyTotal = dailyRetailProfit + (monthlyReferralProfit + monthlyTeamProfit) / 30;
+                if (dailyTotal > 0) {
+                    paybackDays = Math.ceil(level.fee / dailyTotal);
+                    paybackHours = (level.fee / (totalMonthlyProfit / 30 / 24)).toFixed(1);
+                }
+            }
+            
+            // Update UI
+            document.getElementById('avgProfit').textContent = '¥' + avgProfit.toFixed(2);
+            document.getElementById('dailyRetailProfit').textContent = '¥' + dailyRetailProfit.toLocaleString('zh-CN', {minimumFractionDigits: 0, maximumFractionDigits: 0});
+            document.getElementById('dailyRetailSub').textContent = dailySales + '份 × ¥' + avgProfit.toFixed(2);
+            document.getElementById('monthlyRetailProfit').textContent = '¥' + monthlyRetailProfit.toLocaleString('zh-CN', {minimumFractionDigits: 0, maximumFractionDigits: 0});
+            document.getElementById('monthlyReferralProfit').textContent = '¥' + monthlyReferralProfit.toLocaleString('zh-CN', {minimumFractionDigits: 0, maximumFractionDigits: 0});
+            document.getElementById('referralSub').textContent = referralCount + '人 × ¥' + level.referralBonus + '/人';
+            document.getElementById('monthlyTeamProfit').textContent = '¥' + monthlyTeamProfit.toLocaleString('zh-CN', {minimumFractionDigits: 0, maximumFractionDigits: 0});
+            document.getElementById('totalMonthlyProfit').textContent = '¥' + totalMonthlyProfit.toLocaleString('zh-CN', {minimumFractionDigits: 0, maximumFractionDigits: 0});
+            document.getElementById('paybackDays').textContent = paybackDays + '天';
+            document.getElementById('paybackHours').textContent = '或 ' + paybackHours + '小时（日销' + dailySales + '份）';
+            
+            // Update product table
+            document.getElementById('currentLevelName').textContent = level.name;
+            const tbody = document.getElementById('productTableBody');
+            tbody.innerHTML = products.map(p => `
+                <tr>
+                    <td>${p.name}</td>
+                    <td>¥${p.retail}</td>
+                    <td>¥${getProductCost(p).toFixed(2)}</td>
+                    <td>¥${getProductProfit(p).toFixed(2)}</td>
+                    <td>${getProductMargin(p)}%</td>
+                </tr>
+            `).join('');
+        }
+        
+        // Initialize calculator
+        calculateProfit();
+
+        // ===== Scroll Animation Trigger =====
+        const animationObserver = new IntersectionObserver((entries) => {
+            entries.forEach(entry => {
+                if (entry.isIntersecting) {
+                    entry.target.style.opacity = '1';
+                    entry.target.style.animationPlayState = 'running';
+                }
+            });
+        }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' });
+
+        document.querySelectorAll('.product-card, .pricing-card, .section-title').forEach(el => {
+            animationObserver.observe(el);
+        });
+
+        // ===== Initialize =====
+        console.log('愉悦查官网已加载 🚀');
+    </script>
+</body>
+</html>
diff --git a/index.html.bak.navbar_fix3 b/index.html.bak.navbar_fix3
new file mode 100755
index 0000000..d78d882
--- /dev/null
+++ b/index.html.bak.navbar_fix3
@@ -0,0 +1,2613 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>愉悦查 - 让信任无处不在，让合作没有距离 | AI 驱动的商业信任科技平台</title>
+    <meta name="description" content="愉悦查是 AI 驱动的商业信任科技平台，提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告，支持 AI 智能定制报告。200+ 数据接口，秒级响应，让信任无处不在。">
+    <meta name="keywords" 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=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    
+    <style>
+        /* ===== CSS Variables - 品牌色定义 ===== */
+        :root {
+            /* 品牌主色 - 橙色系 (来自蓝湖设计稿) */
+            --primary-orange: #FF6A19;
+            --primary-orange-light: #FC6E18;
+            --primary-orange-dark: #E64E10;
+            --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
+            --primary-orange-soft: #FFDECC;
+            
+            /* 辅助色 */
+            --bg-light: #FFFFFF;
+            --bg-gray: #F5F7FA;
+            --bg-gray-light: #E4E7E0;
+            
+            /* 文字色 */
+            --text-primary: #1A1A1A;
+            --text-secondary: #666666;
+            --text-light: #999999;
+            
+            /* 功能色 */
+            --success: #07C160;
+            --warning: #FF9500;
+            --error: #FF3B30;
+            
+            /* 间距 */
+            --spacing-xs: 8px;
+            --spacing-sm: 16px;
+            --spacing-md: 24px;
+            --spacing-lg: 48px;
+            --spacing-xl: 80px;
+            
+            /* 圆角 */
+            --radius-sm: 4px;
+            --radius-md: 8px;
+            --radius-lg: 16px;
+            --radius-xl: 24px;
+            
+            /* 阴影 */
+            --shadow-sm: 0 2px 8px rgba(0,0,0,0.08);
+            --shadow-md: 0 4px 16px rgba(0,0,0,0.12);
+            --shadow-lg: 0 8px 32px rgba(0,0,0,0.16);
+            
+            /* 过渡 */
+            --transition: all 0.3s ease;
+        }
+        
+        /* ===== Reset & Base ===== */
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+        
+        html {
+            scroll-behavior: smooth;
+        }
+        
+        body {
+            font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+            font-size: 16px;
+            line-height: 1.6;
+            color: var(--text-primary);
+            background-color: var(--bg-light);
+        }
+        
+        a {
+            text-decoration: none;
+            color: inherit;
+        }
+        
+        ul {
+            list-style: none;
+        }
+        
+        img {
+            max-width: 100%;
+            height: auto;
+        }
+        
+        .container {
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 0 var(--spacing-md);
+        }
+        
+        .btn {
+            display: inline-block;
+            padding: 14px 32px;
+            font-size: 16px;
+            font-weight: 500;
+            border-radius: var(--radius-md);
+            cursor: pointer;
+            transition: var(--transition);
+            border: none;
+            text-align: center;
+        }
+        
+        .btn-primary {
+            background: var(--primary-gradient);
+            color: white;
+            box-shadow: 0 4px 12px rgba(236, 77, 9, 0.3);
+        }
+        
+        .btn-primary:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 6px 20px rgba(236, 77, 9, 0.4);
+        }
+        
+        .btn-outline {
+            background: transparent;
+            border: 2px solid var(--primary-orange);
+            color: var(--primary-orange);
+        }
+        
+        .btn-outline:hover {
+            background: var(--primary-gradient);
+            color: white;
+            transform: translateY(-2px);
+            box-shadow: 0 4px 12px rgba(255, 106, 25, 0.3);
+        }
+        
+        .btn-primary:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 6px 20px rgba(255, 106, 25, 0.4);
+        }
+        
+        .section {
+            padding: var(--spacing-xl) 0;
+        }
+        
+        .section-title {
+            text-align: center;
+            font-size: 36px;
+            font-weight: 700;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .section-subtitle {
+            text-align: center;
+            font-size: 18px;
+            color: var(--text-secondary);
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        /* ===== Navigation ===== */
+        /* ===== Navigation ===== */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+            transition: var(--transition);
+        }
+        
+        .navbar.scrolled {
+            box-shadow: 0 4px 30px rgba(0,0,0,0.12);
+        }
+        
+        .navbar .container {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            height: 80px;
+            max-width: 1400px;
+            margin: 0 auto;
+            padding: 0 32px;
+        }
+        
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            text-decoration: none;
+            background: transparent;
+            padding: 4px 0;
+        }
+        
+        .logo-img {
+            background: rgba(255,255,255,0.95);
+            height: 60px;
+            width: auto;
+            object-fit: contain;
+            transition: var(--transition);
+            
+        }
+        
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            text-decoration: none;
+            padding: 6px 0;
+        }
+        
+        .logo-img {
+            background: rgba(255,255,255,0.95);
+            height: 60px;
+            width: auto;
+            object-fit: contain;
+            transition: var(--transition);
+            
+        }
+        
+        .logo:hover .logo-img {
+            background: rgba(255,255,255,0.95);
+            transform: scale(1.05);
+        }
+        
+        .nav-menu {
+            display: flex;
+            gap: var(--spacing-lg);
+            align-items: center;
+        }
+        
+        .nav-link {
+            font-size: 15px;
+            font-weight: 500;
+            color: var(--text-primary);
+            transition: var(--transition);
+            position: relative;
+        }
+        
+        .nav-link:hover {
+            color: var(--primary-orange);
+        }
+        
+        .nav-link::after {
+            content: '';
+            position: absolute;
+            bottom: -4px;
+            left: 0;
+            width: 0;
+            height: 2px;
+            background: var(--primary-orange);
+            transition: var(--transition);
+        }
+        
+        .nav-link:hover::after {
+            width: 100%;
+        }
+        
+        .nav-cta {
+            display: flex;
+            gap: var(--spacing-sm);
+        }
+        
+        .nav-btn {
+            padding: 10px 20px;
+            font-size: 14px;
+        }
+        
+        /* Mobile Menu */
+        .menu-toggle {
+            display: none;
+            flex-direction: column;
+            gap: 5px;
+            cursor: pointer;
+            padding: 5px;
+        }
+        
+        .menu-toggle span {
+            width: 25px;
+            height: 3px;
+            background: var(--primary-orange);
+            border-radius: 2px;
+            transition: var(--transition);
+        }
+        
+        /* ===== Hero Section ===== */
+        .hero {
+            padding-top: 160px;
+            padding-bottom: 100px;
+            background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 50%, #F5F7FA 100%);
+            position: relative;
+            overflow: hidden;
+        }
+        
+        .hero::before {
+            content: '';
+            position: absolute;
+            top: -50%;
+            right: -20%;
+            width: 80%;
+            height: 200%;
+            background: radial-gradient(circle, rgba(236, 77, 9, 0.05) 0%, transparent 70%);
+            animation: float 20s ease-in-out infinite;
+        }
+        
+        @keyframes float {
+            0%, 100% { transform: translateY(0) rotate(0deg); }
+            50% { transform: translateY(-20px) rotate(5deg); }
+        }
+        
+        .hero-content {
+            text-align: center;
+            max-width: 900px;
+            margin: 0 auto;
+            position: relative;
+            z-index: 1;
+        }
+        
+        .hero-badge {
+            display: inline-block;
+            padding: 8px 16px;
+            background: linear-gradient(135deg, rgba(255, 106, 25, 0.1), rgba(252, 110, 24, 0.15));
+            color: var(--primary-orange);
+            font-size: 14px;
+            font-weight: 600;
+            border-radius: 20px;
+            margin-bottom: var(--spacing-md);
+            border: 1px solid rgba(255, 106, 25, 0.2);
+            animation: pulse 2s ease-in-out infinite;
+        }
+        
+        @keyframes pulse {
+            0%, 100% { transform: scale(1); }
+            50% { transform: scale(1.02); }
+        }
+        
+        .hero h1 {
+            font-size: 56px;
+            font-weight: 900;
+            line-height: 1.2;
+            margin-bottom: var(--spacing-sm);
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 50%, #FF8A5C 100%);
+            background-size: 200% auto;
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+            animation: gradientShift 3s ease infinite;
+        }
+        
+        @keyframes gradientShift {
+            0%, 100% { background-position: 0% center; }
+            50% { background-position: 100% center; }
+        }
+        
+        .hero p {
+            font-size: 20px;
+            color: var(--text-secondary);
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        .hero-stats {
+            display: flex;
+            justify-content: center;
+            gap: var(--spacing-lg);
+            margin-top: var(--spacing-lg);
+            flex-wrap: wrap;
+        }
+        
+        .stat-item {
+            text-align: center;
+        }
+        
+        .stat-number {
+            font-size: 36px;
+            font-weight: 700;
+            background: var(--primary-gradient);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+        
+        .stat-label {
+            font-size: 14px;
+            color: var(--text-light);
+            margin-top: 4px;
+        }
+        
+        .hero-buttons {
+            display: flex;
+            justify-content: center;
+            gap: var(--spacing-sm);
+            margin-top: var(--spacing-lg);
+            flex-wrap: wrap;
+        }
+        
+        /* ===== Trust Bar ===== */
+        .trust-bar {
+            padding: var(--spacing-lg) 0;
+            background: var(--bg-gray);
+            border-top: 1px solid #eee;
+            border-bottom: 1px solid #eee;
+        }
+        
+        .trust-bar p {
+            text-align: center;
+            font-size: 14px;
+            color: var(--text-light);
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .trust-logos {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            gap: var(--spacing-lg);
+            flex-wrap: wrap;
+            opacity: 0.6;
+        }
+        
+        .trust-logo {
+            height: 40px;
+            filter: grayscale(100%);
+            transition: var(--transition);
+        }
+        
+        .trust-logo:hover {
+            filter: grayscale(0%);
+        }
+        
+        /* ===== Features Section ===== */
+        .features {
+            background: var(--bg-light);
+        }
+        
+        .features-grid {
+            display: grid;
+            grid-template-columns: repeat(4, 1fr);
+            gap: var(--spacing-md);
+        }
+        
+        .feature-card {
+            text-align: center;
+            padding: var(--spacing-lg) var(--spacing-md);
+            border-radius: var(--radius-lg);
+            transition: var(--transition);
+        }
+        
+        .feature-card:hover {
+            background: var(--bg-gray);
+            transform: translateY(-4px);
+        }
+        
+        .feature-icon {
+            width: 64px;
+            height: 64px;
+            margin: 0 auto var(--spacing-sm);
+            background: var(--primary-gradient);
+            border-radius: var(--radius-md);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 28px;
+        }
+        
+        .feature-title {
+            font-size: 18px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .feature-desc {
+            font-size: 14px;
+            color: var(--text-secondary);
+        }
+        
+        /* ===== Products Section ===== */
+        .products {
+            background: var(--bg-gray);
+        }
+        
+        .products-grid {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: var(--spacing-md);
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        .product-card {
+            background: white;
+            border-radius: var(--radius-lg);
+            padding: var(--spacing-lg);
+            box-shadow: var(--shadow-sm);
+            transition: var(--transition);
+            position: relative;
+            overflow: hidden;
+        }
+        
+        .product-card::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            height: 4px;
+            background: var(--primary-gradient);
+        }
+        
+        .product-card:hover {
+            transform: translateY(-12px);
+            box-shadow: var(--shadow-lg);
+        }
+        
+        .product-card:hover .product-icon {
+            transform: scale(1.1) rotate(5deg);
+        }
+        
+        .product-icon {
+            width: 80px;
+            height: 80px;
+            border-radius: 50%;
+            background: var(--primary-gradient);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 36px;
+            margin-bottom: var(--spacing-sm);
+            box-shadow: 0 4px 16px rgba(255, 106, 25, 0.3);
+            transition: var(--transition);
+        }
+        
+        .product-name {
+            font-size: 20px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .product-price {
+            font-size: 28px;
+            font-weight: 700;
+            color: var(--primary-orange);
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .product-price span {
+            font-size: 14px;
+            font-weight: 400;
+            color: var(--text-light);
+        }
+        
+        .product-features {
+            margin: var(--spacing-sm) 0;
+            padding: var(--spacing-sm) 0;
+            border-top: 1px solid #eee;
+            border-bottom: 1px solid #eee;
+        }
+        
+        .product-features li {
+            font-size: 14px;
+            color: var(--text-secondary);
+            padding: 4px 0;
+            display: flex;
+            align-items: center;
+            gap: 8px;
+        }
+        
+        .product-features li::before {
+            content: '✓';
+            color: var(--success);
+            font-weight: 700;
+        }
+        
+        /* AI Custom Product */
+        .product-ai {
+            grid-column: 1 / -1;
+            background: var(--primary-gradient);
+            color: white;
+            padding: var(--spacing-xl);
+            border-radius: var(--radius-xl);
+            text-align: center;
+            position: relative;
+            overflow: hidden;
+        }
+        
+        .product-ai::before {
+            content: '';
+            position: absolute;
+            top: -50%;
+            right: -10%;
+            width: 50%;
+            height: 200%;
+            background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
+            animation: float 15s ease-in-out infinite reverse;
+        }
+        
+        .product-ai h3 {
+            font-size: 32px;
+            margin-bottom: var(--spacing-sm);
+            position: relative;
+        }
+        
+        .product-ai p {
+            font-size: 18px;
+            opacity: 0.95;
+            margin-bottom: var(--spacing-md);
+            position: relative;
+        }
+        
+        .product-ai .btn {
+            background: white;
+            color: var(--primary-orange);
+            position: relative;
+        }
+        
+        /* ===== Technology Section ===== */
+        /* ===== Sample Reports Section ===== */
+        .sample-reports {
+            background: var(--bg-gray);
+        }
+        
+        .sample-grid {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: var(--spacing-md);
+        }
+        
+        .sample-card {
+            background: white;
+            border-radius: var(--radius-lg);
+            padding: var(--spacing-lg);
+            box-shadow: var(--shadow-sm);
+            transition: var(--transition);
+            position: relative;
+            overflow: hidden;
+            display: flex;
+            flex-direction: column;
+        }
+        
+        .sample-card::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            height: 4px;
+            background: var(--primary-gradient);
+        }
+        
+        .sample-card:hover {
+            transform: translateY(-8px);
+            box-shadow: var(--shadow-lg);
+        }
+        
+        .sample-icon {
+            width: 70px;
+            height: 70px;
+            border-radius: 50%;
+            background: var(--primary-orange-soft);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 32px;
+            margin-bottom: var(--spacing-sm);
+            transition: var(--transition);
+        }
+        
+        .sample-card:hover .sample-icon {
+            transform: scale(1.1);
+        }
+        
+        .sample-name {
+            font-size: 20px;
+            font-weight: 600;
+            margin-bottom: 12px;
+            color: var(--text-primary);
+        }
+        
+        .sample-desc {
+            font-size: 14px;
+            color: var(--text-secondary);
+            line-height: 1.6;
+            margin-bottom: 16px;
+            flex-grow: 1;
+        }
+        
+        .sample-features {
+            font-size: 13px;
+            color: var(--text-secondary);
+            margin-bottom: 20px;
+            padding-left: 0;
+        }
+        
+        .sample-features li {
+            padding: 4px 0;
+            list-style: none;
+        }
+
+        .technology {
+            background: linear-gradient(135deg, #1A1A2E 0%, #16213E 100%);
+            color: white;
+        }
+        
+        .technology .section-title,
+        .technology .section-subtitle {
+            color: white;
+        }
+        
+        .tech-diagram {
+            max-width: 1000px;
+            margin: var(--spacing-lg) auto;
+            background: rgba(255,255,255,0.05);
+            border-radius: var(--radius-xl);
+            padding: var(--spacing-xl);
+            backdrop-filter: blur(10px);
+        }
+        
+        .tech-flow {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            flex-wrap: wrap;
+            gap: var(--spacing-md);
+        }
+        
+        .tech-step {
+            flex: 1;
+            min-width: 150px;
+            text-align: center;
+            padding: var(--spacing-md);
+            background: rgba(236, 77, 9, 0.1);
+            border-radius: var(--radius-md);
+            border: 1px solid rgba(236, 77, 9, 0.3);
+        }
+        
+        .tech-step-icon {
+            font-size: 36px;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .tech-step-title {
+            font-size: 16px;
+            font-weight: 600;
+            margin-bottom: 4px;
+        }
+        
+        .tech-step-desc {
+            font-size: 13px;
+            opacity: 0.8;
+        }
+        
+        .tech-arrow {
+            font-size: 24px;
+            color: var(--primary-orange);
+        }
+        
+        .tech-apis {
+            text-align: center;
+            margin-top: var(--spacing-lg);
+            padding: var(--spacing-md);
+            background: rgba(255,255,255,0.05);
+            border-radius: var(--radius-md);
+        }
+        
+        .tech-apis p {
+            font-size: 14px;
+            opacity: 0.8;
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .api-tags {
+            display: flex;
+            justify-content: center;
+            gap: var(--spacing-xs);
+            flex-wrap: wrap;
+        }
+        
+        .api-tag {
+            padding: 6px 12px;
+            background: rgba(236, 77, 9, 0.2);
+            border-radius: 20px;
+            font-size: 13px;
+            border: 1px solid rgba(236, 77, 9, 0.3);
+        }
+        
+        /* ===== Partnership Section ===== */
+        .partnership {
+            background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%);
+        }
+        
+        .pricing-grid {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: var(--spacing-md);
+            max-width: 1000px;
+            margin: 0 auto var(--spacing-lg);
+        }
+        
+        .pricing-card {
+            background: white;
+            border-radius: var(--radius-lg);
+            padding: var(--spacing-lg);
+            text-align: center;
+            box-shadow: var(--shadow-sm);
+            transition: var(--transition);
+            border: 2px solid transparent;
+        }
+        
+        .pricing-card:hover {
+            transform: translateY(-8px);
+            box-shadow: var(--shadow-lg);
+        }
+        
+        .pricing-card.featured {
+            border-color: var(--primary-orange);
+            position: relative;
+            transform: scale(1.08);
+            box-shadow: var(--shadow-lg);
+            z-index: 1;
+        }
+        
+        .pricing-card.featured:hover {
+            transform: scale(1.08) translateY(-8px);
+        }
+        
+        .pricing-card.featured::before {
+            content: '🔥 热门推荐';
+            position: absolute;
+            top: -14px;
+            left: 50%;
+            transform: translateX(-50%);
+            background: var(--primary-gradient);
+            color: white;
+            padding: 6px 20px;
+            border-radius: 12px;
+            font-size: 13px;
+            font-weight: 600;
+            box-shadow: 0 4px 12px rgba(255, 106, 25, 0.4);
+        }
+        
+        .pricing-icon {
+            font-size: 48px;
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .pricing-name {
+            font-size: 20px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .pricing-price {
+            font-size: 36px;
+            font-weight: 700;
+            color: var(--primary-orange);
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .pricing-price span {
+            font-size: 14px;
+            font-weight: 400;
+            color: var(--text-light);
+        }
+        
+        .pricing-features {
+            margin: var(--spacing-md) 0;
+            text-align: left;
+        }
+        
+        .pricing-features li {
+            font-size: 14px;
+            color: var(--text-secondary);
+            padding: 8px 0;
+            display: flex;
+            align-items: center;
+            gap: 8px;
+        }
+        
+        .pricing-features li::before {
+            content: '✓';
+            color: var(--success);
+            font-weight: 700;
+        }
+        
+        /* Calculator - Advanced Profit Calculator */
+        .profit-calculator {
+            max-width: 1000px;
+            margin: var(--spacing-lg) auto;
+            background: white;
+            padding: var(--spacing-lg);
+            border-radius: var(--radius-lg);
+            box-shadow: var(--shadow-md);
+        }
+        
+        .calculator-title {
+            text-align: center;
+            font-size: 24px;
+            font-weight: 700;
+            margin-bottom: var(--spacing-md);
+            color: var(--text-primary);
+        }
+        
+        .level-tabs {
+            display: flex;
+            gap: 12px;
+            margin-bottom: 24px;
+        }
+        
+        .tab-btn {
+            flex: 1;
+            padding: 16px 20px;
+            border: 2px solid #e0e0e0;
+            border-radius: var(--radius-md);
+            background: #fff;
+            cursor: pointer;
+            font-size: 16px;
+            font-weight: 600;
+            transition: var(--transition);
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+        
+        .tab-btn:hover {
+            border-color: var(--primary-orange);
+        }
+        
+        .tab-btn.active {
+            border-color: var(--primary-orange);
+            background: var(--primary-gradient);
+            color: #fff;
+        }
+        
+        .tab-btn .price {
+            font-size: 13px;
+            font-weight: 400;
+            opacity: 0.9;
+        }
+        
+        .calculator-grid {
+            display: grid;
+            grid-template-columns: 1fr 1fr;
+            gap: 24px;
+        }
+        
+        .input-section, .profit-section {
+            background: var(--bg-gray);
+            padding: 20px;
+            border-radius: var(--radius-md);
+        }
+        
+        .input-section h4, .profit-section h4 {
+            font-size: 16px;
+            margin-bottom: 16px;
+            color: var(--text-primary);
+        }
+        
+        .input-group {
+            margin-bottom: 16px;
+        }
+        
+        .input-group label {
+            display: block;
+            margin-bottom: 6px;
+            font-size: 13px;
+            color: var(--text-secondary);
+        }
+        
+        .input-group input {
+            width: 100%;
+            padding: 10px 12px;
+            border: 1px solid #ddd;
+            border-radius: 6px;
+            font-size: 15px;
+            transition: var(--transition);
+        }
+        
+        .input-group input:focus {
+            outline: none;
+            border-color: var(--primary-orange);
+        }
+        
+        .profit-card {
+            background: #fff;
+            padding: 14px;
+            border-radius: 8px;
+            margin-bottom: 10px;
+        }
+        
+        .profit-card .label {
+            font-size: 13px;
+            color: var(--text-secondary);
+            margin-bottom: 4px;
+        }
+        
+        .profit-card .value {
+            font-size: 24px;
+            font-weight: 700;
+            color: var(--primary-orange);
+        }
+        
+        .profit-card .sub {
+            font-size: 11px;
+            color: #999;
+            margin-top: 4px;
+        }
+        
+        .profit-card.highlight {
+            background: #FFF3E0;
+            border: 2px solid var(--primary-orange);
+        }
+        
+        .profit-card.total {
+            background: var(--primary-gradient);
+            color: #fff;
+        }
+        
+        .profit-card.total .label,
+        .profit-card.total .value,
+        .profit-card.total .sub {
+            color: #fff;
+        }
+        
+        .roi-card {
+            background: #FFF3CD;
+            border: 2px solid #FFC107;
+            padding: 14px;
+            border-radius: 8px;
+            margin-top: 12px;
+        }
+        
+        .roi-card .label {
+            font-size: 13px;
+            color: #856404;
+        }
+        
+        .roi-card .value {
+            font-size: 20px;
+            font-weight: 700;
+            color: #856404;
+        }
+        
+        .roi-card .sub {
+            font-size: 11px;
+            color: #856404;
+            opacity: 0.8;
+            margin-top: 4px;
+        }
+        
+        .product-detail {
+            grid-column: 1 / -1;
+            background: #fff;
+            padding: 20px;
+            border-radius: var(--radius-md);
+            border: 1px solid #e0e0e0;
+            margin-top: 12px;
+        }
+        
+        .product-detail h4 {
+            font-size: 16px;
+            margin-bottom: 12px;
+            color: var(--text-primary);
+        }
+        
+        .product-detail table {
+            width: 100%;
+            border-collapse: collapse;
+            font-size: 13px;
+        }
+        
+        .product-detail th,
+        .product-detail td {
+            padding: 10px;
+            text-align: left;
+            border-bottom: 1px solid #e0e0e0;
+        }
+        
+        .product-detail th {
+            background: var(--bg-gray);
+            font-weight: 600;
+            color: var(--text-primary);
+        }
+        
+        .product-detail tr:hover {
+            background: var(--bg-gray-light);
+        }
+        
+        @media (max-width: 768px) {
+            .calculator-grid {
+                grid-template-columns: 1fr;
+            }
+            
+            .level-tabs {
+                flex-direction: column;
+            }
+        }
+        
+        /* ===== FAQ Section ===== */
+        .faq {
+            background: var(--bg-light);
+        }
+        
+        .faq-list {
+            max-width: 800px;
+            margin: 0 auto;
+        }
+        
+        .faq-item {
+            border-bottom: 1px solid #eee;
+            padding: var(--spacing-md) 0;
+            transition: var(--transition);
+        }
+        
+        .faq-item:hover {
+            background: rgba(255, 106, 25, 0.02);
+            padding-left: var(--spacing-sm);
+            padding-right: var(--spacing-sm);
+            margin-left: calc(-1 * var(--spacing-sm));
+            margin-right: calc(-1 * var(--spacing-sm));
+            border-radius: var(--radius-md);
+        }
+        }
+        
+        .faq-question {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            cursor: pointer;
+            padding: var(--spacing-sm) 0;
+            font-size: 18px;
+            font-weight: 500;
+            transition: var(--transition);
+        }
+        
+        .faq-question:hover {
+            color: var(--primary-orange);
+        }
+        
+        .faq-icon {
+            font-size: 24px;
+            color: var(--primary-orange);
+            transition: var(--transition);
+            width: 32px;
+            height: 32px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            border-radius: 50%;
+            background: rgba(255, 106, 25, 0.1);
+        }
+        
+        .faq-item.active .faq-icon {
+            background: var(--primary-gradient);
+            color: white;
+        }
+        
+        .faq-answer {
+            max-height: 0;
+            overflow: hidden;
+            transition: max-height 0.3s ease;
+            color: var(--text-secondary);
+            line-height: 1.8;
+        }
+        
+        .faq-item.active .faq-icon {
+            transform: rotate(45deg);
+        }
+        
+        .faq-item.active .faq-answer {
+            max-height: 500px;
+            margin-top: var(--spacing-sm);
+        }
+        
+        /* ===== CTA Section ===== */
+        .cta {
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 50%, #FF8A5C 100%);
+            background-size: 200% 200%;
+            animation: gradientShift 5s ease infinite;
+            color: white;
+            text-align: center;
+            padding: var(--spacing-xl) 0;
+            position: relative;
+            overflow: hidden;
+        }
+        
+        .cta::before {
+            content: '';
+            position: absolute;
+            top: -50%;
+            left: -50%;
+            width: 200%;
+            height: 200%;
+            background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
+            animation: rotate 20s linear infinite;
+        }
+        
+        @keyframes rotate {
+            from { transform: rotate(0deg); }
+            to { transform: rotate(360deg); }
+        }
+        
+        .cta h2 {
+            font-size: 36px;
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .cta p {
+            font-size: 18px;
+            opacity: 0.95;
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        .cta-buttons {
+            display: flex;
+            justify-content: center;
+            gap: var(--spacing-sm);
+            flex-wrap: wrap;
+            position: relative;
+            z-index: 1;
+        }
+        
+        .cta .btn {
+            background: white;
+            color: var(--primary-orange);
+        }
+        
+        .cta .btn:hover {
+            transform: translateY(-3px);
+            box-shadow: 0 8px 24px rgba(0,0,0,0.2);
+        }
+        
+        .cta .btn-outline {
+            background: transparent;
+            border-color: rgba(255,255,255,0.5);
+            color: white;
+        }
+        
+        .cta .btn-outline:hover {
+            background: white;
+            color: var(--primary-orange);
+        }
+        
+        .cta .btn-outline:hover {
+            background: white;
+            color: var(--primary-orange);
+        }
+        
+        /* ===== Footer ===== */
+        .footer {
+            background: #1A1A1A;
+            color: white;
+            padding: var(--spacing-xl) 0 var(--spacing-lg);
+        }
+        
+        .footer-grid {
+            display: grid;
+            grid-template-columns: 2fr repeat(3, 1fr);
+            gap: var(--spacing-lg);
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        .footer-brand h3 {
+            font-size: 24px;
+            margin-bottom: var(--spacing-sm);
+            color: var(--primary-orange);
+        }
+        
+        .footer-brand p {
+            font-size: 14px;
+            opacity: 0.8;
+            line-height: 1.8;
+        }
+        
+        .footer-title {
+            font-size: 16px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .footer-links li {
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .footer-links a {
+            font-size: 14px;
+            opacity: 0.8;
+            transition: var(--transition);
+        }
+        
+        .footer-links a:hover {
+            opacity: 1;
+            color: var(--primary-orange);
+        }
+        
+        .footer-bottom {
+            padding-top: var(--spacing-lg);
+            border-top: 1px solid rgba(255,255,255,0.1);
+            text-align: center;
+            font-size: 14px;
+            opacity: 0.6;
+        }
+        
+        .footer-icp {
+            margin-top: var(--spacing-sm);
+        }
+        
+        /* ===== Animations ===== */
+        @keyframes fadeInUp {
+            from {
+                opacity: 0;
+                transform: translateY(30px);
+            }
+            to {
+                opacity: 1;
+                transform: translateY(0);
+            }
+        }
+        
+        .fade-in-up {
+            animation: fadeInUp 0.6s ease forwards;
+        }
+        
+        .section-title {
+            opacity: 0;
+            animation: fadeInUp 0.6s ease forwards;
+        }
+        
+        .product-card {
+            opacity: 0;
+            animation: fadeInUp 0.6s ease forwards;
+            animation-play-state: paused;
+        }
+        
+        .product-card:nth-child(1) { animation-delay: 0.1s; }
+        .product-card:nth-child(2) { animation-delay: 0.15s; }
+        .product-card:nth-child(3) { animation-delay: 0.2s; }
+        .product-card:nth-child(4) { animation-delay: 0.25s; }
+        .product-card:nth-child(5) { animation-delay: 0.3s; }
+        .product-card:nth-child(6) { animation-delay: 0.35s; }
+        
+        .pricing-card {
+            opacity: 0;
+            animation: fadeInUp 0.6s ease forwards;
+            animation-play-state: paused;
+        }
+        
+        .pricing-card:nth-child(1) { animation-delay: 0.1s; }
+        .pricing-card:nth-child(2) { animation-delay: 0.2s; }
+        .pricing-card:nth-child(3) { animation-delay: 0.3s; }
+        
+        /* ===== Responsive ===== */
+        @media (max-width: 1024px) {
+            .features-grid {
+                grid-template-columns: repeat(2, 1fr);
+            }
+            
+            .products-grid {
+                grid-template-columns: repeat(2, 1fr);
+            }
+            
+            .pricing-grid {
+                grid-template-columns: repeat(2, 1fr);
+            }
+            
+            .footer-grid {
+                grid-template-columns: repeat(2, 1fr);
+            }
+        }
+        
+        /* ===== Mobile Responsive - 手机竖屏版 ===== */
+        @media (max-width: 768px) {
+            /* 导航栏 */
+            .navbar .container {
+                height: 60px;
+                padding: 0 12px;
+            }
+            
+            .logo {
+                padding: 0;
+                margin-left: 0;
+            }
+            
+            .logo-img {
+            background: rgba(255,255,255,0.95);
+                height: 40px;
+                margin-left: 0;
+            }
+            
+            .nav-menu {
+                display: none;
+                position: absolute;
+                top: 64px;
+                left: 0;
+                right: 0;
+                background: white;
+                flex-direction: column;
+                padding: var(--spacing-md);
+                box-shadow: var(--shadow-md);
+                z-index: 999;
+            }
+            
+            .nav-menu.active {
+                display: flex;
+            }
+            
+            .nav-menu li {
+                margin: 8px 0;
+            }
+            
+            .nav-link {
+                font-size: 16px;
+                padding: 12px 0;
+                display: block;
+            }
+            
+            .nav-cta {
+                display: none;
+            }
+            
+            .menu-toggle {
+                display: flex;
+            }
+            
+            /* Hero Section */
+            .hero {
+                padding-top: 100px;
+                padding-bottom: var(--spacing-lg);
+            }
+            
+            .hero h1 {
+                font-size: 28px;
+                line-height: 1.3;
+            }
+            
+            .hero p {
+                font-size: 14px;
+                margin-top: 12px;
+            }
+            
+            .hero-badge {
+                font-size: 12px;
+                padding: 6px 12px;
+            }
+            
+            .hero-stats {
+                flex-direction: column;
+                gap: var(--spacing-sm);
+                margin-top: var(--spacing-md);
+            }
+            
+            .stat-item {
+                flex-direction: row;
+                justify-content: space-between;
+                padding: 12px 16px;
+            }
+            
+            .stat-number {
+                font-size: 24px;
+            }
+            
+            .stat-label {
+                font-size: 13px;
+            }
+            
+            .hero-buttons {
+                flex-direction: column;
+                gap: 12px;
+            }
+            
+            .hero-buttons .btn {
+                width: 100%;
+            }
+            
+            /* Section Titles */
+            .section-title {
+                font-size: 26px;
+            }
+            
+            .section-subtitle {
+                font-size: 15px;
+            }
+            
+            /* Features */
+            .features-grid {
+                grid-template-columns: 1fr;
+                gap: var(--spacing-sm);
+            }
+            
+            .feature-card {
+                padding: var(--spacing-md);
+            }
+            
+            .feature-icon {
+                font-size: 36px;
+            }
+            
+            .feature-title {
+                font-size: 17px;
+            }
+            
+            .feature-desc {
+                font-size: 13px;
+            }
+            
+            /* Products */
+            .products-grid {
+                grid-template-columns: 1fr;
+                gap: var(--spacing-sm);
+            }
+            
+            .product-card {
+                padding: var(--spacing-md);
+            }
+            
+            .product-icon {
+                font-size: 40px;
+            }
+            
+            .product-name {
+                font-size: 17px;
+            }
+            
+            .product-price {
+                font-size: 20px;
+            }
+            
+            .product-features li {
+                font-size: 13px;
+            }
+            
+            /* Pricing */
+            .pricing-grid {
+                grid-template-columns: 1fr;
+                gap: var(--spacing-sm);
+            }
+            
+            .pricing-card {
+                padding: var(--spacing-md);
+            }
+            
+            .pricing-name {
+                font-size: 18px;
+            }
+            
+            .pricing-price {
+                font-size: 28px;
+            }
+            
+            .pricing-features {
+                font-size: 13px;
+            }
+            
+            .pricing-features li {
+                padding: 8px 0;
+            }
+            
+            /* Calculator */
+            .profit-calculator {
+                padding: var(--spacing-md);
+            }
+            
+            .calculator-grid {
+                grid-template-columns: 1fr;
+                gap: var(--spacing-sm);
+            }
+            
+            .level-tabs {
+                flex-direction: column;
+                gap: 8px;
+            }
+            
+            .tab-btn {
+                padding: 12px 16px;
+                font-size: 15px;
+            }
+            
+            .input-section,
+            .profit-section {
+                padding: 16px;
+            }
+            
+            .profit-card .value {
+                font-size: 20px;
+            }
+            
+            .product-detail table {
+                font-size: 12px;
+            }
+            
+            .product-detail th,
+            .product-detail td {
+                padding: 8px 4px;
+            }
+            
+            /* FAQ */
+            .faq-question {
+                font-size: 16px;
+            }
+            
+            .faq-answer {
+                font-size: 14px;
+            }
+            
+            /* CTA */
+            .cta {
+                padding: var(--spacing-lg) 0;
+            }
+            
+            .cta h2 {
+                font-size: 22px;
+            }
+            
+            .cta p {
+                font-size: 14px;
+            }
+            
+            .cta-buttons {
+                flex-direction: column;
+                gap: 12px;
+            }
+            
+            .cta-buttons .btn {
+                width: 100%;
+            }
+            
+            /* Footer */
+            .footer {
+                padding: var(--spacing-lg) 0;
+            }
+            
+            .footer-grid {
+                grid-template-columns: 1fr;
+                gap: var(--spacing-md);
+            }
+            
+            .footer-brand h3 {
+                font-size: 18px;
+            }
+            
+            .footer-title {
+                font-size: 15px;
+            }
+            
+            .footer-links li {
+                font-size: 13px;
+            }
+            
+            .footer-bottom {
+                flex-direction: column;
+                text-align: center;
+                font-size: 12px;
+            }
+            
+            /* Tech Section */
+            .tech-flow {
+                flex-direction: column;
+                gap: var(--spacing-sm);
+            }
+            
+            .tech-step {
+                padding: var(--spacing-sm);
+            }
+            
+            .tech-step-icon {
+                font-size: 32px;
+            }
+            
+            .tech-step-title {
+                font-size: 15px;
+            }
+            
+            .tech-step-desc {
+                font-size: 12px;
+            }
+            
+            .tech-arrow {
+                transform: rotate(90deg);
+                font-size: 20px;
+            }
+            
+            .api-tags {
+                flex-wrap: wrap;
+            }
+            
+            .api-tag {
+                font-size: 12px;
+                padding: 6px 12px;
+            }
+            
+            /* Buttons */
+            .btn {
+                padding: 12px 24px;
+                font-size: 15px;
+            }
+        }
+        
+        /* 超小屏幕优化 */
+        @media (max-width: 480px) {
+            .hero h1 {
+                font-size: 24px;
+            }
+            
+            .section-title {
+                font-size: 22px;
+            }
+            
+            .container {
+                padding: 0 12px;
+            }
+            
+            .navbar .container {
+                padding: 0 12px;
+            }
+        }
+    </style>
+</head>
+<body>
+    <!-- Navigation -->
+    <nav class="navbar" id="navbar">
+        <div class="container">
+            <a href="#" class="logo">
+                <img src="assets/logo.png" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            
+            <div class="menu-toggle" id="menuToggle">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+            
+            <ul class="nav-menu" id="navMenu">
+                <li><a href="#home" class="nav-link">首页</a></li>
+                <li><a href="#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="#technology" class="nav-link">AI 能力</a></li>
+                <li><a href="#partnership" class="nav-link">代理合作</a></li>
+                <li><a href="/about.html" class="nav-link">关于我们</a></li>
+            </ul>
+            
+            <div class="nav-cta">
+                <a href="#products" class="btn btn-outline nav-btn">立即查询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
+            </div>
+        </div>
+    </nav>
+
+    <!-- Hero Section -->
+    <section class="hero" id="home">
+        <div class="container">
+            <div class="hero-content">
+                <span class="hero-badge">🤖 AI 驱动的商业信任科技平台</span>
+                <h1>让信任无处不在<br>让合作没有距离</h1>
+                <p>200+ 数据接口 · 智能组合 · 秒级响应</p>
+                
+                <div class="hero-buttons">
+                    <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary">🚀 立即注册</a>
+                    <a href="#partnership" class="btn btn-outline">💼 代理合作</a>
+                </div>
+                
+                <div class="hero-stats">
+                    <div class="stat-item">
+                        <div class="stat-number" id="statReports">0</div>
+                        <div class="stat-label">已生成报告</div>
+                    </div>
+                    <div class="stat-item">
+                        <div class="stat-number" id="statUsers">0</div>
+                        <div class="stat-label">服务用户</div>
+                    </div>
+                    <div class="stat-item">
+                        <div class="stat-number" id="statApis">200+</div>
+                        <div class="stat-label">数据接口</div>
+                    </div>
+                    <div class="stat-item">
+                        <div class="stat-number" id="statEnterprises">0</div>
+                        <div class="stat-label">合作企业</div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+
+
+    <!-- Features Section -->
+    <section class="section features">
+        <div class="container">
+            <h2 class="section-title">核心优势</h2>
+            <p class="section-subtitle">为什么选择愉悦查</p>
+            
+            <div class="features-grid">
+                <div class="feature-card">
+                    <div class="feature-icon">📡</div>
+                    <h3 class="feature-title">海量数据</h3>
+                    <p class="feature-desc">200+ 官方数据接口<br>覆盖全维度信息</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">🤖</div>
+                    <h3 class="feature-title">AI 引擎</h3>
+                    <p class="feature-desc">智能组合接口<br>40+ 分析技能</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">⚡</div>
+                    <h3 class="feature-title">秒级响应</h3>
+                    <p class="feature-desc">实时生成报告<br>最快 3 秒出结果</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">🔒</div>
+                    <h3 class="feature-title">安全合规</h3>
+                    <p class="feature-desc">等保三级认证<br>数据加密传输</p>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Products Section -->
+    <section class="section products" id="products">
+        <div class="container">
+            <h2 class="section-title">产品服务</h2>
+            <p class="section-subtitle">6 大标准报告 + AI 智能定制</p>
+            
+            <div class="products-grid">
+                <!-- Product 1 -->
+                <div class="product-card">
+                    <div class="product-icon">📊</div>
+                    <h3 class="product-name">个人大数据报告</h3>
+                    <div class="product-price">¥49.8</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>全面个人背景分析</li>
+                        <li>秒级生成</li>
+                        <li>PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=riskassessment" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/riskassessment" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- Product 2 -->
+                <div class="product-card">
+                    <div class="product-icon">💕</div>
+                    <h3 class="product-name">婚恋风险报告</h3>
+                    <div class="product-price">¥39.9</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>婚恋风险评估</li>
+                        <li>隐私保护</li>
+                        <li>PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=marriage" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/marriage" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- Product 3 -->
+                <div class="product-card">
+                    <div class="product-icon">💼</div>
+                    <h3 class="product-name">入职背调报告</h3>
+                    <div class="product-price">¥69.9</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>员工背景筛查</li>
+                        <li>降低用工风险</li>
+                        <li>批量查询优惠</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=backgroundcheck" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/backgroundcheck" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- Product 4 -->
+                <div class="product-card">
+                    <div class="product-icon">🏢</div>
+                    <h3 class="product-name">小微企业报告</h3>
+                    <div class="product-price">¥69.9</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>企业风险筛查</li>
+                        <li>合作前必备</li>
+                        <li>PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=companyinfo" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/companyinfo" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- Product 5 -->
+                <div class="product-card">
+                    <div class="product-icon">🧹</div>
+                    <h3 class="product-name">家政风险报告</h3>
+                    <div class="product-price">¥39.9</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>家政人员背调</li>
+                        <li>雇佣更安全</li>
+                        <li>PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=homeservice" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/homeservice" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- Product 6 -->
+                <div class="product-card">
+                    <div class="product-icon">💳</div>
+                    <h3 class="product-name">消金报告</h3>
+                    <div class="product-price">¥39.9</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>消费金融风险评估</li>
+                        <li>快速决策支持</li>
+                        <li>PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=consumerFinanceReport" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/consumerFinanceReport" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- AI Custom Product -->
+                <div class="product-ai">
+                    <h3>✨ AI 定制报告</h3>
+                    <p>告诉我您的需求，AI 智能组合 200+ 接口，生成独一无二的专属报告</p>
+                    <p style="font-size:14px;opacity:0.8;">例："我想了解一个合作伙伴的信用和风险状况"</p>
+                    <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn">🎯 立即定制 - 从 ¥99 起</a>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Sample Reports Section -->
+    <section class="section sample-reports" id="sample-reports" style="background: var(--bg-gray);">
+        <div class="container">
+            <h2 class="section-title">示例报告</h2>
+            <p class="section-subtitle">查看真实报告样本，了解报告内容</p>
+            
+            <div class="sample-grid">
+                <!-- Sample 1 -->
+                <div class="sample-card">
+                    <div class="sample-icon">📊</div>
+                    <h3 class="sample-name">个人大数据报告</h3>
+                    <p class="sample-desc">全面个人背景分析，包含身份信息、社交网络、行为特征等多维度数据</p>
+                    <ul class="sample-features">
+                        <li>✓ 3-4 个数据接口组合</li>
+                        <li>✓ 秒级生成</li>
+                        <li>✓ PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=riskassessment" target="_blank" class="btn btn-outline" style="width:100%">👁️ 查看示例</a>
+                </div>
+                
+                <!-- Sample 2 -->
+                <div class="sample-card">
+                    <div class="sample-icon">💕</div>
+                    <h3 class="sample-name">婚恋风险报告</h3>
+                    <p class="sample-desc">婚恋风险评估，帮助了解对方的婚姻状况、信用记录等关键信息</p>
+                    <ul class="sample-features">
+                        <li>✓ 婚恋风险评估</li>
+                        <li>✓ 隐私保护</li>
+                        <li>✓ PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=marriage" target="_blank" class="btn btn-outline" style="width:100%">👁️ 查看示例</a>
+                </div>
+                
+                <!-- Sample 3 -->
+                <div class="sample-card">
+                    <div class="sample-icon">💼</div>
+                    <h3 class="sample-name">入职背调报告</h3>
+                    <p class="sample-desc">员工背景筛查，降低用工风险，包含学历、工作履历、信用记录等</p>
+                    <ul class="sample-features">
+                        <li>✓ 员工背景筛查</li>
+                        <li>✓ 降低用工风险</li>
+                        <li>✓ 批量查询优惠</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=backgroundcheck" target="_blank" class="btn btn-outline" style="width:100%">👁️ 查看示例</a>
+                </div>
+                
+                <!-- Sample 4 -->
+                <div class="sample-card">
+                    <div class="sample-icon">🏢</div>
+                    <h3 class="sample-name">小微企业报告</h3>
+                    <p class="sample-desc">企业风险筛查，合作前必备，包含工商信息、司法风险、经营状况等</p>
+                    <ul class="sample-features">
+                        <li>✓ 企业风险筛查</li>
+                        <li>✓ 合作前必备</li>
+                        <li>✓ PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=companyinfo" target="_blank" class="btn btn-outline" style="width:100%">👁️ 查看示例</a>
+                </div>
+                
+                <!-- Sample 5 -->
+                <div class="sample-card">
+                    <div class="sample-icon">🧹</div>
+                    <h3 class="sample-name">家政风险报告</h3>
+                    <p class="sample-desc">家政人员背调，雇佣更安全，包含身份信息、犯罪记录、信用状况等</p>
+                    <ul class="sample-features">
+                        <li>✓ 家政人员背调</li>
+                        <li>✓ 雇佣更安全</li>
+                        <li>✓ PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=homeservice" target="_blank" class="btn btn-outline" style="width:100%">👁️ 查看示例</a>
+                </div>
+                
+                <!-- Sample 6 -->
+                <div class="sample-card">
+                    <div class="sample-icon">💳</div>
+                    <h3 class="sample-name">消金报告</h3>
+                    <p class="sample-desc">消费金融风险评估，快速决策支持，包含信用记录、负债情况、还款能力等</p>
+                    <ul class="sample-features">
+                        <li>✓ 消费金融风险评估</li>
+                        <li>✓ 快速决策支持</li>
+                        <li>✓ PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=consumerFinanceReport" target="_blank" class="btn btn-outline" style="width:100%">👁️ 查看示例</a>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- Technology Section -->
+    <section class="section technology" id="technology">
+        <div class="container">
+            <h2 class="section-title">AI 技术能力</h2>
+            <p class="section-subtitle">200+ 数据接口智能组合引擎</p>
+            
+            <div class="tech-diagram">
+                <div class="tech-flow">
+                    <div class="tech-step">
+                        <div class="tech-step-icon">📝</div>
+                        <div class="tech-step-title">用户需求</div>
+                        <div class="tech-step-desc">自然语言描述</div>
+                    </div>
+                    <div class="tech-arrow">→</div>
+                    <div class="tech-step">
+                        <div class="tech-step-icon">🧠</div>
+                        <div class="tech-step-title">AI 分析</div>
+                        <div class="tech-step-desc">理解需求意图</div>
+                    </div>
+                    <div class="tech-arrow">→</div>
+                    <div class="tech-step">
+                        <div class="tech-step-icon">🔌</div>
+                        <div class="tech-step-title">接口选择</div>
+                        <div class="tech-step-desc">智能匹配接口</div>
+                    </div>
+                    <div class="tech-arrow">→</div>
+                    <div class="tech-step">
+                        <div class="tech-step-icon">📊</div>
+                        <div class="tech-step-title">报告生成</div>
+                        <div class="tech-step-desc">秒级输出结果</div>
+                    </div>
+                </div>
+                
+                <div class="tech-apis">
+                    <p>接口类型覆盖</p>
+                    <div class="api-tags">
+                        <span class="api-tag">公安数据</span>
+                        <span class="api-tag">法院数据</span>
+                        <span class="api-tag">学历验证</span>
+                        <span class="api-tag">工作履历</span>
+                        <span class="api-tag">金融信用</span>
+                        <span class="api-tag">社交网络</span>
+                        <span class="api-tag">商业信息</span>
+                        <span class="api-tag">更多...</span>
+                    </div>
+                </div>
+            </div>
+            
+            <div style="text-align:center;margin-top:var(--spacing-lg);">
+                <a href="/apidemo/" class="btn btn-outline" style="border-color:rgba(255,255,255,0.3);color:white;">📚 查看 API 文档</a>
+                <a href="https://yuyuecha.com/platform" class="btn btn-outline" style="border-color:rgba(255,255,255,0.3);color:white;margin-left:var(--spacing-sm);">🔧 开放平台</a>
+            </div>
+        </div>
+    </section>
+
+    <!-- Partnership Section -->
+    <section class="section partnership" id="partnership">
+        <div class="container">
+            <h2 class="section-title">代理合作</h2>
+            <p class="section-subtitle">加入愉悦查，共享信任经济红利</p>
+            
+            <div class="pricing-grid">
+                <!-- Silver -->
+                <div class="pricing-card">
+                    <div class="pricing-icon">🥈</div>
+                    <h3 class="pricing-name">白银代理</h3>
+                    <div class="pricing-price">¥0<span>/终身</span></div>
+                    <ul class="pricing-features">
+                        <li>10% 返佣</li>
+                        <li>基础培训支持</li>
+                        <li>标准产品价格</li>
+                        <li>在线帮助中心</li>
+                    </ul>
+                    <a href="https://p.yuyuecha.com/s/Cc9wgE" class="btn btn-outline" style="width:100%">立即申请</a>
+                </div>
+                
+                <!-- Gold -->
+                <div class="pricing-card featured">
+                    <div class="pricing-icon">🥇</div>
+                    <h3 class="pricing-name">黄金代理</h3>
+                    <div class="pricing-price">¥198<span>/年</span></div>
+                    <ul class="pricing-features">
+                        <li>30% 返佣</li>
+                        <li>优先技术支持</li>
+                        <li>专属代理价格</li>
+                        <li>营销素材支持</li>
+                        <li>定期培训</li>
+                    </ul>
+                    <a href="https://p.yuyuecha.com/s/Cc9wgE" class="btn btn-primary" style="width:100%">立即申请</a>
+                </div>
+                
+                <!-- Diamond -->
+                <div class="pricing-card">
+                    <div class="pricing-icon">💎</div>
+                    <h3 class="pricing-name">钻石代理</h3>
+                    <div class="pricing-price">¥980<span>/年</span></div>
+                    <ul class="pricing-features">
+                        <li>50% 返佣</li>
+                        <li>1 对 1 专属辅导</li>
+                        <li>最低代理价格</li>
+                        <li>联合营销支持</li>
+                        <li>优先新功能体验</li>
+                        <li>区域保护政策</li>
+                    </ul>
+                    <a href="https://p.yuyuecha.com/s/Cc9wgE" class="btn btn-outline" style="width:100%">立即申请</a>
+                </div>
+            </div>
+            
+            <!-- Advanced Profit Calculator -->
+            <div class="profit-calculator">
+                <h3 class="calculator-title">💵 代理收益计算器</h3>
+                
+                <!-- Level Tabs -->
+                <div class="level-tabs">
+                    <button class="tab-btn active" onclick="switchLevel('silver')">
+                        🥈 白银代理
+                        <span class="price">¥0</span>
+                    </button>
+                    <button class="tab-btn" onclick="switchLevel('gold')">
+                        🥇 黄金代理
+                        <span class="price">¥198</span>
+                    </button>
+                    <button class="tab-btn" onclick="switchLevel('diamond')">
+                        💎 钻石代理
+                        <span class="price">¥980</span>
+                    </button>
+                </div>
+                
+                <div class="calculator-grid">
+                    <!-- Input Section -->
+                    <div class="input-section">
+                        <h4>📊 输入您的销售数据</h4>
+                        
+                        <div class="input-group">
+                            <label>每日销售份数</label>
+                            <input type="number" id="dailySales" value="30" min="0" max="1000" oninput="calculateProfit()">
+                        </div>
+                        
+                        <div class="input-group">
+                            <label>直推代理人数（月）</label>
+                            <input type="number" id="referralCount" value="5" min="0" max="100" oninput="calculateProfit()">
+                        </div>
+                        
+                        <div class="input-group" id="teamSilverGroup" style="display:none;">
+                            <label>下级白银代理人数</label>
+                            <input type="number" id="teamSilver" value="20" min="0" max="500" oninput="calculateProfit()">
+                        </div>
+                        
+                        <div class="input-group" id="teamGoldGroup" style="display:none;">
+                            <label>下级黄金代理人数</label>
+                            <input type="number" id="teamGold" value="5" min="0" max="100" oninput="calculateProfit()">
+                        </div>
+                    </div>
+                    
+                    <!-- Profit Section -->
+                    <div class="profit-section">
+                        <h4>💰 预期收益</h4>
+                        
+                        <div class="profit-card">
+                            <div class="label">单份平均利润</div>
+                            <div class="value" id="avgProfit">¥38.22</div>
+                        </div>
+                        
+                        <div class="profit-card highlight">
+                            <div class="label">日零售收益</div>
+                            <div class="value" id="dailyRetailProfit">¥1,147</div>
+                            <div class="sub" id="dailyRetailSub">30 份 × ¥38.22</div>
+                        </div>
+                        
+                        <div class="profit-card">
+                            <div class="label">月零售收益</div>
+                            <div class="value" id="monthlyRetailProfit">¥34,410</div>
+                        </div>
+                        
+                        <div class="profit-card" id="referralCard">
+                            <div class="label">月直推奖励</div>
+                            <div class="value" id="monthlyReferralProfit">¥0</div>
+                            <div class="sub" id="referralSub">5 人 × ¥0/人</div>
+                        </div>
+                        
+                        <div class="profit-card" id="teamCard" style="display:none;">
+                            <div class="label">月团队提成</div>
+                            <div class="value" id="monthlyTeamProfit">¥0</div>
+                        </div>
+                        
+                        <div class="profit-card total">
+                            <div class="label">月总收益</div>
+                            <div class="value" id="totalMonthlyProfit">¥34,410</div>
+                        </div>
+                        
+                        <div class="roi-card" id="roiCard" style="display:none;">
+                            <div class="label">回本周期</div>
+                            <div class="value" id="paybackDays">0 天</div>
+                            <div class="sub" id="paybackHours">或 0 小时（日销 30 份）</div>
+                        </div>
+                    </div>
+                </div>
+                
+                <!-- Product Detail Table -->
+                <div class="product-detail">
+                    <h4>📦 各产品利润明细（<span id="currentLevelName">白银代理</span>）</h4>
+                    <table>
+                        <thead>
+                            <tr>
+                                <th>产品</th>
+                                <th>零售价</th>
+                                <th>您的底价</th>
+                                <th>单份利润</th>
+                                <th>利润率</th>
+                            </tr>
+                        </thead>
+                        <tbody id="productTableBody">
+                            <!-- Populated by JavaScript -->
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+            
+            <div style="text-align:center;">
+                <a href="https://p.yuyuecha.com/s/Cc9wgE" class="btn btn-primary">📝 立即申请代理</a>
+            </div>
+        </div>
+    </section>
+
+    <!-- FAQ Section -->
+    <section class="section faq" id="faq">
+        <div class="container">
+            <h2 class="section-title">常见问题</h2>
+            <p class="section-subtitle">您可能想知道的问题</p>
+            
+            <div class="faq-list">
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>报告准确率如何保证？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        愉悦查所有数据均来自官方授权渠道，通过 200+ 数据接口交叉验证，确保信息准确可靠。AI 引擎会自动识别异常数据并进行人工复核，准确率达 99% 以上。
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>数据来源是否合法合规？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        是的，我们严格遵守《个人信息保护法》和相关法律法规，所有数据接口均获得合法授权，查询过程需要被查询人授权同意，确保数据来源和使用完全合规。
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>多久能拿到报告？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        标准报告通常 3-5 秒即可生成，复杂报告或 AI 定制报告可能需要 30 秒 -2 分钟。报告生成后会通过短信/邮件通知您，也可在个人中心随时查看下载。
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>如何成为代理？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        点击页面上方的"立即申请"按钮，填写代理申请表，我们的招商团队会在 1-2 个工作日内联系您。白银代理零门槛免费加入，黄金/钻石代理需支付相应年费。
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>支持退款吗？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        报告一旦生成无法退款，因为数据查询成本已产生。但如果您对报告质量有异议，可在 7 天内联系客服申请复核或重新查询。
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- CTA Section -->
+    <section class="cta">
+        <div class="container">
+            <h2>准备好开始建立信任了吗？</h2>
+            <p>立即体验 AI 驱动的商业信任科技</p>
+            <div class="cta-buttons">
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn">🚀 立即注册</a>
+                <a href="#partnership" class="btn btn-outline">💼 代理合作</a>
+            </div>
+        </div>
+    </section>
+
+    <!-- Footer -->
+    <footer class="footer" id="about">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <h3>愉悦查</h3>
+                    <p>让信任无处不在，让合作没有距离</p>
+                    <p style="margin-top:16px;font-size:13px;">愉悦查（北京正信环宇科技有限公司）</p>
+                    <p style="font-size:13px;">AI 驱动的商业信任科技平台</p>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">产品</h4>
+                    <ul class="footer-links">
+                        <li><a href="/product/riskassessment.html">个人大数据报告</a></li>
+                        <li><a href="/product/marriage.html">婚恋风险报告</a></li>
+                        <li><a href="/product/backgroundcheck.html">入职背调报告</a></li>
+                        <li><a href="/product/companyinfo.html">小微企业报告</a></li>
+                        <li><a href="/product/homeservice.html">家政风险报告</a></li>
+                        <li><a href="/product/consumerFinanceReport.html">消金报告</a></li>
+                        <li><a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" target="_blank">AI 定制报告</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">公司</h4>
+                    <ul class="footer-links">
+                        <li><a href="/about.html">关于我们</a></li>
+                        <li><a href="/careers.html">加入我们</a></li>
+                        <li><a href="/contact.html">联系我们</a></li>
+                        <li><a href="/news.html">新闻动态</a></li>
+                        <li><a href="/partners.html">合作伙伴</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">支持</h4>
+                    <ul class="footer-links">
+                        <li><a href="/help.html">帮助中心</a></li>
+                        <li><a href="/apidemo/">API 文档</a></li>
+                        <li><a href="/index.html#partnership">代理支持</a></li>
+                        <li><a href="/privacy.html">隐私政策</a></li>
+                        <li><a href="/terms.html">服务条款</a></li>
+                        <li><a href="/disclaimer.html">免责声明</a></li>
+                    </ul>
+                </div>
+            </div>
+            
+            <div class="footer-bottom">
+                <p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p class="footer-icp">京 ICP 备 2025158088 号 -2</p>
+            </div>
+        </div>
+    </footer>
+
+    <!-- Back to Top Button -->
+    <button id="backToTop" style="position:fixed;bottom:30px;right:30px;width:50px;height:50px;border-radius:50%;background:var(--primary-gradient);border:none;cursor:pointer;box-shadow:var(--shadow-lg);display:none;align-items:center;justify-content:center;font-size:24px;z-index:999;transition:var(--transition);">↑</button>
+
+    <script>
+        // ===== Back to Top Button =====
+        const backToTopBtn = document.getElementById('backToTop');
+        
+        window.addEventListener('scroll', () => {
+            if (window.scrollY > 500) {
+                backToTopBtn.style.display = 'flex';
+            } else {
+                backToTopBtn.style.display = 'none';
+            }
+        });
+        
+        backToTopBtn.addEventListener('click', () => {
+            window.scrollTo({ top: 0, behavior: 'smooth' });
+        });
+        
+        backToTopBtn.addEventListener('mouseenter', () => {
+            backToTopBtn.style.transform = 'scale(1.1)';
+        });
+        
+        backToTopBtn.addEventListener('mouseleave', () => {
+            backToTopBtn.style.transform = 'scale(1)';
+        });
+
+        // ===== Navbar Scroll Effect =====
+        window.addEventListener('scroll', () => {
+            const navbar = document.getElementById('navbar');
+            if (window.scrollY > 50) {
+                navbar.classList.add('scrolled');
+            } else {
+                navbar.classList.remove('scrolled');
+            }
+        });
+
+        // ===== Mobile Menu Toggle =====
+        document.getElementById('menuToggle').addEventListener('click', () => {
+            document.getElementById('navMenu').classList.toggle('active');
+        });
+
+        // ===== Smooth Scroll =====
+        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' });
+                    // Close mobile menu
+                    document.getElementById('navMenu').classList.remove('active');
+                }
+            });
+        });
+
+        // ===== Animated Counter =====
+        function animateCounter(elementId, target, suffix = '') {
+            const element = document.getElementById(elementId);
+            if (!element) return;
+            
+            let current = 0;
+            const increment = target / 50;
+            const timer = setInterval(() => {
+                current += increment;
+                if (current >= target) {
+                    element.textContent = target.toLocaleString() + suffix;
+                    clearInterval(timer);
+                } else {
+                    element.textContent = Math.floor(current).toLocaleString() + suffix;
+                }
+            }, 30);
+        }
+
+        // ===== Intersection Observer for Animations =====
+        const observerOptions = {
+            threshold: 0.2,
+            rootMargin: '0px'
+        };
+
+        const observer = new IntersectionObserver((entries) => {
+            entries.forEach(entry => {
+                if (entry.isIntersecting) {
+                    // Animate stats when visible
+                    if (entry.target.id === 'statReports') {
+                        animateCounter('statReports', 100000, '+');
+                        animateCounter('statUsers', 50000, '+');
+                        animateCounter('statEnterprises', 5000, '+');
+                    }
+                    observer.unobserve(entry.target);
+                }
+            });
+        }, observerOptions);
+
+        document.getElementById('statReports') && observer.observe(document.getElementById('statReports'));
+
+        // ===== FAQ Toggle =====
+        document.querySelectorAll('.faq-question').forEach(question => {
+            question.addEventListener('click', () => {
+                const item = question.parentElement;
+                const icon = question.querySelector('.faq-icon');
+                
+                // Close other items
+                document.querySelectorAll('.faq-item').forEach(other => {
+                    if (other !== item) {
+                        other.classList.remove('active');
+                        other.querySelector('.faq-icon').textContent = '+';
+                    }
+                });
+                
+                // Toggle current item
+                item.classList.toggle('active');
+                icon.textContent = item.classList.contains('active') ? '×' : '+';
+            });
+        });
+
+        // ===== Advanced Profit Calculator =====
+        const levelData = {
+            silver: { name: '白银代理', fee: 0, markup: 6, referralBonus: 0, teamSilver: 2, teamGold: 0 },
+            gold: { name: '黄金代理', fee: 198, markup: 3, referralBonus: 60, teamSilver: 3, teamGold: 0 },
+            diamond: { name: '钻石代理', fee: 980, markup: 2, referralBonus: 300, teamSilver: 6, teamGold: 3 }
+        };
+        
+        const products = [
+            { name: '消金报告', retail: 39.9, baseCost: 6.0 },
+            { name: '家政风险报告', retail: 39.9, baseCost: 6.0 },
+            { name: '个人大数据报告', retail: 49.8, baseCost: 5.0 },
+            { name: '入职背调报告', retail: 69.9, baseCost: 9.0 },
+            { name: '小微企业报告', retail: 69.9, baseCost: 9.0 },
+            { name: '婚恋风险报告', retail: 39.9, baseCost: 9.0 }
+        ];
+        
+        let currentLevel = 'silver';
+        
+        function switchLevel(level) {
+            currentLevel = level;
+            
+            // Update tabs
+            document.querySelectorAll('.tab-btn').forEach(btn => btn.classList.remove('active'));
+            event.target.closest('.tab-btn').classList.add('active');
+            
+            // Show/hide team inputs for diamond
+            const isDiamond = level === 'diamond';
+            const isGoldOrDiamond = level === 'gold' || level === 'diamond';
+            document.getElementById('teamSilverGroup').style.display = isGoldOrDiamond ? 'block' : 'none';
+            document.getElementById('teamGoldGroup').style.display = isDiamond ? 'block' : 'none';
+            document.getElementById('teamCard').style.display = isGoldOrDiamond ? 'block' : 'none';
+            document.getElementById('roiCard').style.display = isGoldOrDiamond ? 'block' : 'none';
+            
+            calculateProfit();
+        }
+        
+        function getProductCost(product) {
+            return product.baseCost + levelData[currentLevel].markup;
+        }
+        
+        function getProductProfit(product) {
+            return product.retail - getProductCost(product);
+        }
+        
+        function getProductMargin(product) {
+            const profit = getProductProfit(product);
+            return ((profit / product.retail) * 100).toFixed(0);
+        }
+        
+        function calculateProfit() {
+            const dailySales = parseFloat(document.getElementById('dailySales').value) || 0;
+            const referralCount = parseFloat(document.getElementById('referralCount').value) || 0;
+            const teamSilver = parseFloat(document.getElementById('teamSilver').value) || 0;
+            const teamGold = parseFloat(document.getElementById('teamGold').value) || 0;
+            
+            const level = levelData[currentLevel];
+            
+            // Calculate average profit
+            const totalProfit = products.reduce((sum, p) => sum + getProductProfit(p), 0);
+            const avgProfit = totalProfit / products.length;
+            
+            // Retail profit
+            const dailyRetailProfit = avgProfit * dailySales;
+            const monthlyRetailProfit = dailyRetailProfit * 30;
+            
+            // Referral bonus
+            const monthlyReferralProfit = level.referralBonus * referralCount;
+            
+            // Team commission
+            let monthlyTeamProfit = 0;
+            if (currentLevel === 'gold') {
+                monthlyTeamProfit = level.teamSilver * teamSilver * 30;
+            } else if (currentLevel === 'diamond') {
+                monthlyTeamProfit = (level.teamSilver * teamSilver + level.teamGold * teamGold) * 30;
+            }
+            
+            // Total
+            const totalMonthlyProfit = monthlyRetailProfit + monthlyReferralProfit + monthlyTeamProfit;
+            
+            // ROI
+            let paybackDays = 0;
+            let paybackHours = 0;
+            if (level.fee > 0) {
+                const dailyTotal = dailyRetailProfit + (monthlyReferralProfit + monthlyTeamProfit) / 30;
+                if (dailyTotal > 0) {
+                    paybackDays = Math.ceil(level.fee / dailyTotal);
+                    paybackHours = (level.fee / (totalMonthlyProfit / 30 / 24)).toFixed(1);
+                }
+            }
+            
+            // Update UI
+            document.getElementById('avgProfit').textContent = '¥' + avgProfit.toFixed(2);
+            document.getElementById('dailyRetailProfit').textContent = '¥' + dailyRetailProfit.toLocaleString('zh-CN', {minimumFractionDigits: 0, maximumFractionDigits: 0});
+            document.getElementById('dailyRetailSub').textContent = dailySales + '份 × ¥' + avgProfit.toFixed(2);
+            document.getElementById('monthlyRetailProfit').textContent = '¥' + monthlyRetailProfit.toLocaleString('zh-CN', {minimumFractionDigits: 0, maximumFractionDigits: 0});
+            document.getElementById('monthlyReferralProfit').textContent = '¥' + monthlyReferralProfit.toLocaleString('zh-CN', {minimumFractionDigits: 0, maximumFractionDigits: 0});
+            document.getElementById('referralSub').textContent = referralCount + '人 × ¥' + level.referralBonus + '/人';
+            document.getElementById('monthlyTeamProfit').textContent = '¥' + monthlyTeamProfit.toLocaleString('zh-CN', {minimumFractionDigits: 0, maximumFractionDigits: 0});
+            document.getElementById('totalMonthlyProfit').textContent = '¥' + totalMonthlyProfit.toLocaleString('zh-CN', {minimumFractionDigits: 0, maximumFractionDigits: 0});
+            document.getElementById('paybackDays').textContent = paybackDays + '天';
+            document.getElementById('paybackHours').textContent = '或 ' + paybackHours + '小时（日销' + dailySales + '份）';
+            
+            // Update product table
+            document.getElementById('currentLevelName').textContent = level.name;
+            const tbody = document.getElementById('productTableBody');
+            tbody.innerHTML = products.map(p => `
+                <tr>
+                    <td>${p.name}</td>
+                    <td>¥${p.retail}</td>
+                    <td>¥${getProductCost(p).toFixed(2)}</td>
+                    <td>¥${getProductProfit(p).toFixed(2)}</td>
+                    <td>${getProductMargin(p)}%</td>
+                </tr>
+            `).join('');
+        }
+        
+        // Initialize calculator
+        calculateProfit();
+
+        // ===== Scroll Animation Trigger =====
+        const animationObserver = new IntersectionObserver((entries) => {
+            entries.forEach(entry => {
+                if (entry.isIntersecting) {
+                    entry.target.style.opacity = '1';
+                    entry.target.style.animationPlayState = 'running';
+                }
+            });
+        }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' });
+
+        document.querySelectorAll('.product-card, .pricing-card, .section-title').forEach(el => {
+            animationObserver.observe(el);
+        });
+
+        // ===== Initialize =====
+        console.log('愉悦查官网已加载 🚀');
+    </script>
+</body>
+</html>
diff --git a/index.html.bak.navbar_fix4 b/index.html.bak.navbar_fix4
new file mode 100755
index 0000000..b9af8bf
--- /dev/null
+++ b/index.html.bak.navbar_fix4
@@ -0,0 +1,2621 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>愉悦查 - 让信任无处不在，让合作没有距离 | AI 驱动的商业信任科技平台</title>
+    <meta name="description" content="愉悦查是 AI 驱动的商业信任科技平台，提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告，支持 AI 智能定制报告。200+ 数据接口，秒级响应，让信任无处不在。">
+    <meta name="keywords" 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=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    
+    <style>
+        /* ===== CSS Variables - 品牌色定义 ===== */
+        :root {
+            /* 品牌主色 - 橙色系 (来自蓝湖设计稿) */
+            --primary-orange: #FF6A19;
+            --primary-orange-light: #FC6E18;
+            --primary-orange-dark: #E64E10;
+            --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
+            --primary-orange-soft: #FFDECC;
+            
+            /* 辅助色 */
+            --bg-light: #FFFFFF;
+            --bg-gray: #F5F7FA;
+            --bg-gray-light: #E4E7E0;
+            
+            /* 文字色 */
+            --text-primary: #1A1A1A;
+            --text-secondary: #666666;
+            --text-light: #999999;
+            
+            /* 功能色 */
+            --success: #07C160;
+            --warning: #FF9500;
+            --error: #FF3B30;
+            
+            /* 间距 */
+            --spacing-xs: 8px;
+            --spacing-sm: 16px;
+            --spacing-md: 24px;
+            --spacing-lg: 48px;
+            --spacing-xl: 80px;
+            
+            /* 圆角 */
+            --radius-sm: 4px;
+            --radius-md: 8px;
+            --radius-lg: 16px;
+            --radius-xl: 24px;
+            
+            /* 阴影 */
+            --shadow-sm: 0 2px 8px rgba(0,0,0,0.08);
+            --shadow-md: 0 4px 16px rgba(0,0,0,0.12);
+            --shadow-lg: 0 8px 32px rgba(0,0,0,0.16);
+            
+            /* 过渡 */
+            --transition: all 0.3s ease;
+        }
+        
+        /* ===== Reset & Base ===== */
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+        
+        html {
+            scroll-behavior: smooth;
+        }
+        
+        body {
+            font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+            font-size: 16px;
+            line-height: 1.6;
+            color: var(--text-primary);
+            background-color: var(--bg-light);
+        }
+        
+        a {
+            text-decoration: none;
+            color: inherit;
+        }
+        
+        ul {
+            list-style: none;
+        }
+        
+        img {
+            max-width: 100%;
+            height: auto;
+        }
+        
+        .container {
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 0 var(--spacing-md);
+        }
+        
+        .btn {
+            display: inline-block;
+            padding: 14px 32px;
+            font-size: 16px;
+            font-weight: 500;
+            border-radius: var(--radius-md);
+            cursor: pointer;
+            transition: var(--transition);
+            border: none;
+            text-align: center;
+        }
+        
+        .btn-primary {
+            background: var(--primary-gradient);
+            color: white;
+            box-shadow: 0 4px 12px rgba(236, 77, 9, 0.3);
+        }
+        
+        .btn-primary:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 6px 20px rgba(236, 77, 9, 0.4);
+        }
+        
+        .btn-outline {
+            background: transparent;
+            border: 2px solid var(--primary-orange);
+            color: var(--primary-orange);
+        }
+        
+        .btn-outline:hover {
+            background: var(--primary-gradient);
+            color: white;
+            transform: translateY(-2px);
+            box-shadow: 0 4px 12px rgba(255, 106, 25, 0.3);
+        }
+        
+        .btn-primary:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 6px 20px rgba(255, 106, 25, 0.4);
+        }
+        
+        .section {
+            padding: var(--spacing-xl) 0;
+        }
+        
+        .section-title {
+            text-align: center;
+            font-size: 36px;
+            font-weight: 700;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .section-subtitle {
+            text-align: center;
+            font-size: 18px;
+            color: var(--text-secondary);
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        /* ===== Navigation ===== */
+        /* ===== Navigation ===== */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+            transition: var(--transition);
+        }
+        
+        .navbar.scrolled {
+            box-shadow: 0 4px 30px rgba(0,0,0,0.12);
+        }
+        
+        .navbar .container {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            height: 80px;
+            max-width: 1400px;
+            margin: 0 auto;
+            padding: 0 32px;
+        }
+        
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            text-decoration: none;
+            background: transparent;
+            padding: 4px 0;
+        }
+        
+        .logo-img {
+                background: transparent;
+                background: transparent !important;
+            background: rgba(255,255,255,0.95);
+            height: 60px;
+            width: auto;
+            object-fit: contain;
+            transition: var(--transition);
+            
+        }
+        
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            text-decoration: none;
+            padding: 6px 0;
+        }
+        
+        .logo-img {
+                background: transparent;
+                background: transparent !important;
+            background: rgba(255,255,255,0.95);
+            height: 60px;
+            width: auto;
+            object-fit: contain;
+            transition: var(--transition);
+            
+        }
+        
+        .logo:hover .logo-img {
+                background: transparent;
+                background: transparent !important;
+            background: rgba(255,255,255,0.95);
+            transform: scale(1.05);
+        }
+        
+        .nav-menu {
+            display: flex;
+            gap: var(--spacing-lg);
+            align-items: center;
+        }
+        
+        .nav-link {
+            font-size: 15px;
+            font-weight: 500;
+            color: var(--text-primary);
+            transition: var(--transition);
+            position: relative;
+        }
+        
+        .nav-link:hover {
+            color: var(--primary-orange);
+        }
+        
+        .nav-link::after {
+            content: '';
+            position: absolute;
+            bottom: -4px;
+            left: 0;
+            width: 0;
+            height: 2px;
+            background: var(--primary-orange);
+            transition: var(--transition);
+        }
+        
+        .nav-link:hover::after {
+            width: 100%;
+        }
+        
+        .nav-cta {
+            display: flex;
+            gap: var(--spacing-sm);
+        }
+        
+        .nav-btn {
+            padding: 10px 20px;
+            font-size: 14px;
+        }
+        
+        /* Mobile Menu */
+        .menu-toggle {
+            display: none;
+            flex-direction: column;
+            gap: 5px;
+            cursor: pointer;
+            padding: 5px;
+        }
+        
+        .menu-toggle span {
+            width: 25px;
+            height: 3px;
+            background: var(--primary-orange);
+            border-radius: 2px;
+            transition: var(--transition);
+        }
+        
+        /* ===== Hero Section ===== */
+        .hero {
+            padding-top: 160px;
+            padding-bottom: 100px;
+            background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 50%, #F5F7FA 100%);
+            position: relative;
+            overflow: hidden;
+        }
+        
+        .hero::before {
+            content: '';
+            position: absolute;
+            top: -50%;
+            right: -20%;
+            width: 80%;
+            height: 200%;
+            background: radial-gradient(circle, rgba(236, 77, 9, 0.05) 0%, transparent 70%);
+            animation: float 20s ease-in-out infinite;
+        }
+        
+        @keyframes float {
+            0%, 100% { transform: translateY(0) rotate(0deg); }
+            50% { transform: translateY(-20px) rotate(5deg); }
+        }
+        
+        .hero-content {
+            text-align: center;
+            max-width: 900px;
+            margin: 0 auto;
+            position: relative;
+            z-index: 1;
+        }
+        
+        .hero-badge {
+            display: inline-block;
+            padding: 8px 16px;
+            background: linear-gradient(135deg, rgba(255, 106, 25, 0.1), rgba(252, 110, 24, 0.15));
+            color: var(--primary-orange);
+            font-size: 14px;
+            font-weight: 600;
+            border-radius: 20px;
+            margin-bottom: var(--spacing-md);
+            border: 1px solid rgba(255, 106, 25, 0.2);
+            animation: pulse 2s ease-in-out infinite;
+        }
+        
+        @keyframes pulse {
+            0%, 100% { transform: scale(1); }
+            50% { transform: scale(1.02); }
+        }
+        
+        .hero h1 {
+            font-size: 56px;
+            font-weight: 900;
+            line-height: 1.2;
+            margin-bottom: var(--spacing-sm);
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 50%, #FF8A5C 100%);
+            background-size: 200% auto;
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+            animation: gradientShift 3s ease infinite;
+        }
+        
+        @keyframes gradientShift {
+            0%, 100% { background-position: 0% center; }
+            50% { background-position: 100% center; }
+        }
+        
+        .hero p {
+            font-size: 20px;
+            color: var(--text-secondary);
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        .hero-stats {
+            display: flex;
+            justify-content: center;
+            gap: var(--spacing-lg);
+            margin-top: var(--spacing-lg);
+            flex-wrap: wrap;
+        }
+        
+        .stat-item {
+            text-align: center;
+        }
+        
+        .stat-number {
+            font-size: 36px;
+            font-weight: 700;
+            background: var(--primary-gradient);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+        
+        .stat-label {
+            font-size: 14px;
+            color: var(--text-light);
+            margin-top: 4px;
+        }
+        
+        .hero-buttons {
+            display: flex;
+            justify-content: center;
+            gap: var(--spacing-sm);
+            margin-top: var(--spacing-lg);
+            flex-wrap: wrap;
+        }
+        
+        /* ===== Trust Bar ===== */
+        .trust-bar {
+            padding: var(--spacing-lg) 0;
+            background: var(--bg-gray);
+            border-top: 1px solid #eee;
+            border-bottom: 1px solid #eee;
+        }
+        
+        .trust-bar p {
+            text-align: center;
+            font-size: 14px;
+            color: var(--text-light);
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .trust-logos {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            gap: var(--spacing-lg);
+            flex-wrap: wrap;
+            opacity: 0.6;
+        }
+        
+        .trust-logo {
+            height: 40px;
+            filter: grayscale(100%);
+            transition: var(--transition);
+        }
+        
+        .trust-logo:hover {
+            filter: grayscale(0%);
+        }
+        
+        /* ===== Features Section ===== */
+        .features {
+            background: var(--bg-light);
+        }
+        
+        .features-grid {
+            display: grid;
+            grid-template-columns: repeat(4, 1fr);
+            gap: var(--spacing-md);
+        }
+        
+        .feature-card {
+            text-align: center;
+            padding: var(--spacing-lg) var(--spacing-md);
+            border-radius: var(--radius-lg);
+            transition: var(--transition);
+        }
+        
+        .feature-card:hover {
+            background: var(--bg-gray);
+            transform: translateY(-4px);
+        }
+        
+        .feature-icon {
+            width: 64px;
+            height: 64px;
+            margin: 0 auto var(--spacing-sm);
+            background: var(--primary-gradient);
+            border-radius: var(--radius-md);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 28px;
+        }
+        
+        .feature-title {
+            font-size: 18px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .feature-desc {
+            font-size: 14px;
+            color: var(--text-secondary);
+        }
+        
+        /* ===== Products Section ===== */
+        .products {
+            background: var(--bg-gray);
+        }
+        
+        .products-grid {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: var(--spacing-md);
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        .product-card {
+            background: white;
+            border-radius: var(--radius-lg);
+            padding: var(--spacing-lg);
+            box-shadow: var(--shadow-sm);
+            transition: var(--transition);
+            position: relative;
+            overflow: hidden;
+        }
+        
+        .product-card::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            height: 4px;
+            background: var(--primary-gradient);
+        }
+        
+        .product-card:hover {
+            transform: translateY(-12px);
+            box-shadow: var(--shadow-lg);
+        }
+        
+        .product-card:hover .product-icon {
+            transform: scale(1.1) rotate(5deg);
+        }
+        
+        .product-icon {
+            width: 80px;
+            height: 80px;
+            border-radius: 50%;
+            background: var(--primary-gradient);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 36px;
+            margin-bottom: var(--spacing-sm);
+            box-shadow: 0 4px 16px rgba(255, 106, 25, 0.3);
+            transition: var(--transition);
+        }
+        
+        .product-name {
+            font-size: 20px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .product-price {
+            font-size: 28px;
+            font-weight: 700;
+            color: var(--primary-orange);
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .product-price span {
+            font-size: 14px;
+            font-weight: 400;
+            color: var(--text-light);
+        }
+        
+        .product-features {
+            margin: var(--spacing-sm) 0;
+            padding: var(--spacing-sm) 0;
+            border-top: 1px solid #eee;
+            border-bottom: 1px solid #eee;
+        }
+        
+        .product-features li {
+            font-size: 14px;
+            color: var(--text-secondary);
+            padding: 4px 0;
+            display: flex;
+            align-items: center;
+            gap: 8px;
+        }
+        
+        .product-features li::before {
+            content: '✓';
+            color: var(--success);
+            font-weight: 700;
+        }
+        
+        /* AI Custom Product */
+        .product-ai {
+            grid-column: 1 / -1;
+            background: var(--primary-gradient);
+            color: white;
+            padding: var(--spacing-xl);
+            border-radius: var(--radius-xl);
+            text-align: center;
+            position: relative;
+            overflow: hidden;
+        }
+        
+        .product-ai::before {
+            content: '';
+            position: absolute;
+            top: -50%;
+            right: -10%;
+            width: 50%;
+            height: 200%;
+            background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
+            animation: float 15s ease-in-out infinite reverse;
+        }
+        
+        .product-ai h3 {
+            font-size: 32px;
+            margin-bottom: var(--spacing-sm);
+            position: relative;
+        }
+        
+        .product-ai p {
+            font-size: 18px;
+            opacity: 0.95;
+            margin-bottom: var(--spacing-md);
+            position: relative;
+        }
+        
+        .product-ai .btn {
+            background: white;
+            color: var(--primary-orange);
+            position: relative;
+        }
+        
+        /* ===== Technology Section ===== */
+        /* ===== Sample Reports Section ===== */
+        .sample-reports {
+            background: var(--bg-gray);
+        }
+        
+        .sample-grid {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: var(--spacing-md);
+        }
+        
+        .sample-card {
+            background: white;
+            border-radius: var(--radius-lg);
+            padding: var(--spacing-lg);
+            box-shadow: var(--shadow-sm);
+            transition: var(--transition);
+            position: relative;
+            overflow: hidden;
+            display: flex;
+            flex-direction: column;
+        }
+        
+        .sample-card::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            height: 4px;
+            background: var(--primary-gradient);
+        }
+        
+        .sample-card:hover {
+            transform: translateY(-8px);
+            box-shadow: var(--shadow-lg);
+        }
+        
+        .sample-icon {
+            width: 70px;
+            height: 70px;
+            border-radius: 50%;
+            background: var(--primary-orange-soft);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 32px;
+            margin-bottom: var(--spacing-sm);
+            transition: var(--transition);
+        }
+        
+        .sample-card:hover .sample-icon {
+            transform: scale(1.1);
+        }
+        
+        .sample-name {
+            font-size: 20px;
+            font-weight: 600;
+            margin-bottom: 12px;
+            color: var(--text-primary);
+        }
+        
+        .sample-desc {
+            font-size: 14px;
+            color: var(--text-secondary);
+            line-height: 1.6;
+            margin-bottom: 16px;
+            flex-grow: 1;
+        }
+        
+        .sample-features {
+            font-size: 13px;
+            color: var(--text-secondary);
+            margin-bottom: 20px;
+            padding-left: 0;
+        }
+        
+        .sample-features li {
+            padding: 4px 0;
+            list-style: none;
+        }
+
+        .technology {
+            background: linear-gradient(135deg, #1A1A2E 0%, #16213E 100%);
+            color: white;
+        }
+        
+        .technology .section-title,
+        .technology .section-subtitle {
+            color: white;
+        }
+        
+        .tech-diagram {
+            max-width: 1000px;
+            margin: var(--spacing-lg) auto;
+            background: rgba(255,255,255,0.05);
+            border-radius: var(--radius-xl);
+            padding: var(--spacing-xl);
+            backdrop-filter: blur(10px);
+        }
+        
+        .tech-flow {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            flex-wrap: wrap;
+            gap: var(--spacing-md);
+        }
+        
+        .tech-step {
+            flex: 1;
+            min-width: 150px;
+            text-align: center;
+            padding: var(--spacing-md);
+            background: rgba(236, 77, 9, 0.1);
+            border-radius: var(--radius-md);
+            border: 1px solid rgba(236, 77, 9, 0.3);
+        }
+        
+        .tech-step-icon {
+            font-size: 36px;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .tech-step-title {
+            font-size: 16px;
+            font-weight: 600;
+            margin-bottom: 4px;
+        }
+        
+        .tech-step-desc {
+            font-size: 13px;
+            opacity: 0.8;
+        }
+        
+        .tech-arrow {
+            font-size: 24px;
+            color: var(--primary-orange);
+        }
+        
+        .tech-apis {
+            text-align: center;
+            margin-top: var(--spacing-lg);
+            padding: var(--spacing-md);
+            background: rgba(255,255,255,0.05);
+            border-radius: var(--radius-md);
+        }
+        
+        .tech-apis p {
+            font-size: 14px;
+            opacity: 0.8;
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .api-tags {
+            display: flex;
+            justify-content: center;
+            gap: var(--spacing-xs);
+            flex-wrap: wrap;
+        }
+        
+        .api-tag {
+            padding: 6px 12px;
+            background: rgba(236, 77, 9, 0.2);
+            border-radius: 20px;
+            font-size: 13px;
+            border: 1px solid rgba(236, 77, 9, 0.3);
+        }
+        
+        /* ===== Partnership Section ===== */
+        .partnership {
+            background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%);
+        }
+        
+        .pricing-grid {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: var(--spacing-md);
+            max-width: 1000px;
+            margin: 0 auto var(--spacing-lg);
+        }
+        
+        .pricing-card {
+            background: white;
+            border-radius: var(--radius-lg);
+            padding: var(--spacing-lg);
+            text-align: center;
+            box-shadow: var(--shadow-sm);
+            transition: var(--transition);
+            border: 2px solid transparent;
+        }
+        
+        .pricing-card:hover {
+            transform: translateY(-8px);
+            box-shadow: var(--shadow-lg);
+        }
+        
+        .pricing-card.featured {
+            border-color: var(--primary-orange);
+            position: relative;
+            transform: scale(1.08);
+            box-shadow: var(--shadow-lg);
+            z-index: 1;
+        }
+        
+        .pricing-card.featured:hover {
+            transform: scale(1.08) translateY(-8px);
+        }
+        
+        .pricing-card.featured::before {
+            content: '🔥 热门推荐';
+            position: absolute;
+            top: -14px;
+            left: 50%;
+            transform: translateX(-50%);
+            background: var(--primary-gradient);
+            color: white;
+            padding: 6px 20px;
+            border-radius: 12px;
+            font-size: 13px;
+            font-weight: 600;
+            box-shadow: 0 4px 12px rgba(255, 106, 25, 0.4);
+        }
+        
+        .pricing-icon {
+            font-size: 48px;
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .pricing-name {
+            font-size: 20px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .pricing-price {
+            font-size: 36px;
+            font-weight: 700;
+            color: var(--primary-orange);
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .pricing-price span {
+            font-size: 14px;
+            font-weight: 400;
+            color: var(--text-light);
+        }
+        
+        .pricing-features {
+            margin: var(--spacing-md) 0;
+            text-align: left;
+        }
+        
+        .pricing-features li {
+            font-size: 14px;
+            color: var(--text-secondary);
+            padding: 8px 0;
+            display: flex;
+            align-items: center;
+            gap: 8px;
+        }
+        
+        .pricing-features li::before {
+            content: '✓';
+            color: var(--success);
+            font-weight: 700;
+        }
+        
+        /* Calculator - Advanced Profit Calculator */
+        .profit-calculator {
+            max-width: 1000px;
+            margin: var(--spacing-lg) auto;
+            background: white;
+            padding: var(--spacing-lg);
+            border-radius: var(--radius-lg);
+            box-shadow: var(--shadow-md);
+        }
+        
+        .calculator-title {
+            text-align: center;
+            font-size: 24px;
+            font-weight: 700;
+            margin-bottom: var(--spacing-md);
+            color: var(--text-primary);
+        }
+        
+        .level-tabs {
+            display: flex;
+            gap: 12px;
+            margin-bottom: 24px;
+        }
+        
+        .tab-btn {
+            flex: 1;
+            padding: 16px 20px;
+            border: 2px solid #e0e0e0;
+            border-radius: var(--radius-md);
+            background: #fff;
+            cursor: pointer;
+            font-size: 16px;
+            font-weight: 600;
+            transition: var(--transition);
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+        
+        .tab-btn:hover {
+            border-color: var(--primary-orange);
+        }
+        
+        .tab-btn.active {
+            border-color: var(--primary-orange);
+            background: var(--primary-gradient);
+            color: #fff;
+        }
+        
+        .tab-btn .price {
+            font-size: 13px;
+            font-weight: 400;
+            opacity: 0.9;
+        }
+        
+        .calculator-grid {
+            display: grid;
+            grid-template-columns: 1fr 1fr;
+            gap: 24px;
+        }
+        
+        .input-section, .profit-section {
+            background: var(--bg-gray);
+            padding: 20px;
+            border-radius: var(--radius-md);
+        }
+        
+        .input-section h4, .profit-section h4 {
+            font-size: 16px;
+            margin-bottom: 16px;
+            color: var(--text-primary);
+        }
+        
+        .input-group {
+            margin-bottom: 16px;
+        }
+        
+        .input-group label {
+            display: block;
+            margin-bottom: 6px;
+            font-size: 13px;
+            color: var(--text-secondary);
+        }
+        
+        .input-group input {
+            width: 100%;
+            padding: 10px 12px;
+            border: 1px solid #ddd;
+            border-radius: 6px;
+            font-size: 15px;
+            transition: var(--transition);
+        }
+        
+        .input-group input:focus {
+            outline: none;
+            border-color: var(--primary-orange);
+        }
+        
+        .profit-card {
+            background: #fff;
+            padding: 14px;
+            border-radius: 8px;
+            margin-bottom: 10px;
+        }
+        
+        .profit-card .label {
+            font-size: 13px;
+            color: var(--text-secondary);
+            margin-bottom: 4px;
+        }
+        
+        .profit-card .value {
+            font-size: 24px;
+            font-weight: 700;
+            color: var(--primary-orange);
+        }
+        
+        .profit-card .sub {
+            font-size: 11px;
+            color: #999;
+            margin-top: 4px;
+        }
+        
+        .profit-card.highlight {
+            background: #FFF3E0;
+            border: 2px solid var(--primary-orange);
+        }
+        
+        .profit-card.total {
+            background: var(--primary-gradient);
+            color: #fff;
+        }
+        
+        .profit-card.total .label,
+        .profit-card.total .value,
+        .profit-card.total .sub {
+            color: #fff;
+        }
+        
+        .roi-card {
+            background: #FFF3CD;
+            border: 2px solid #FFC107;
+            padding: 14px;
+            border-radius: 8px;
+            margin-top: 12px;
+        }
+        
+        .roi-card .label {
+            font-size: 13px;
+            color: #856404;
+        }
+        
+        .roi-card .value {
+            font-size: 20px;
+            font-weight: 700;
+            color: #856404;
+        }
+        
+        .roi-card .sub {
+            font-size: 11px;
+            color: #856404;
+            opacity: 0.8;
+            margin-top: 4px;
+        }
+        
+        .product-detail {
+            grid-column: 1 / -1;
+            background: #fff;
+            padding: 20px;
+            border-radius: var(--radius-md);
+            border: 1px solid #e0e0e0;
+            margin-top: 12px;
+        }
+        
+        .product-detail h4 {
+            font-size: 16px;
+            margin-bottom: 12px;
+            color: var(--text-primary);
+        }
+        
+        .product-detail table {
+            width: 100%;
+            border-collapse: collapse;
+            font-size: 13px;
+        }
+        
+        .product-detail th,
+        .product-detail td {
+            padding: 10px;
+            text-align: left;
+            border-bottom: 1px solid #e0e0e0;
+        }
+        
+        .product-detail th {
+            background: var(--bg-gray);
+            font-weight: 600;
+            color: var(--text-primary);
+        }
+        
+        .product-detail tr:hover {
+            background: var(--bg-gray-light);
+        }
+        
+        @media (max-width: 768px) {
+            .calculator-grid {
+                grid-template-columns: 1fr;
+            }
+            
+            .level-tabs {
+                flex-direction: column;
+            }
+        }
+        
+        /* ===== FAQ Section ===== */
+        .faq {
+            background: var(--bg-light);
+        }
+        
+        .faq-list {
+            max-width: 800px;
+            margin: 0 auto;
+        }
+        
+        .faq-item {
+            border-bottom: 1px solid #eee;
+            padding: var(--spacing-md) 0;
+            transition: var(--transition);
+        }
+        
+        .faq-item:hover {
+            background: rgba(255, 106, 25, 0.02);
+            padding-left: var(--spacing-sm);
+            padding-right: var(--spacing-sm);
+            margin-left: calc(-1 * var(--spacing-sm));
+            margin-right: calc(-1 * var(--spacing-sm));
+            border-radius: var(--radius-md);
+        }
+        }
+        
+        .faq-question {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            cursor: pointer;
+            padding: var(--spacing-sm) 0;
+            font-size: 18px;
+            font-weight: 500;
+            transition: var(--transition);
+        }
+        
+        .faq-question:hover {
+            color: var(--primary-orange);
+        }
+        
+        .faq-icon {
+            font-size: 24px;
+            color: var(--primary-orange);
+            transition: var(--transition);
+            width: 32px;
+            height: 32px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            border-radius: 50%;
+            background: rgba(255, 106, 25, 0.1);
+        }
+        
+        .faq-item.active .faq-icon {
+            background: var(--primary-gradient);
+            color: white;
+        }
+        
+        .faq-answer {
+            max-height: 0;
+            overflow: hidden;
+            transition: max-height 0.3s ease;
+            color: var(--text-secondary);
+            line-height: 1.8;
+        }
+        
+        .faq-item.active .faq-icon {
+            transform: rotate(45deg);
+        }
+        
+        .faq-item.active .faq-answer {
+            max-height: 500px;
+            margin-top: var(--spacing-sm);
+        }
+        
+        /* ===== CTA Section ===== */
+        .cta {
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 50%, #FF8A5C 100%);
+            background-size: 200% 200%;
+            animation: gradientShift 5s ease infinite;
+            color: white;
+            text-align: center;
+            padding: var(--spacing-xl) 0;
+            position: relative;
+            overflow: hidden;
+        }
+        
+        .cta::before {
+            content: '';
+            position: absolute;
+            top: -50%;
+            left: -50%;
+            width: 200%;
+            height: 200%;
+            background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
+            animation: rotate 20s linear infinite;
+        }
+        
+        @keyframes rotate {
+            from { transform: rotate(0deg); }
+            to { transform: rotate(360deg); }
+        }
+        
+        .cta h2 {
+            font-size: 36px;
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .cta p {
+            font-size: 18px;
+            opacity: 0.95;
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        .cta-buttons {
+            display: flex;
+            justify-content: center;
+            gap: var(--spacing-sm);
+            flex-wrap: wrap;
+            position: relative;
+            z-index: 1;
+        }
+        
+        .cta .btn {
+            background: white;
+            color: var(--primary-orange);
+        }
+        
+        .cta .btn:hover {
+            transform: translateY(-3px);
+            box-shadow: 0 8px 24px rgba(0,0,0,0.2);
+        }
+        
+        .cta .btn-outline {
+            background: transparent;
+            border-color: rgba(255,255,255,0.5);
+            color: white;
+        }
+        
+        .cta .btn-outline:hover {
+            background: white;
+            color: var(--primary-orange);
+        }
+        
+        .cta .btn-outline:hover {
+            background: white;
+            color: var(--primary-orange);
+        }
+        
+        /* ===== Footer ===== */
+        .footer {
+            background: #1A1A1A;
+            color: white;
+            padding: var(--spacing-xl) 0 var(--spacing-lg);
+        }
+        
+        .footer-grid {
+            display: grid;
+            grid-template-columns: 2fr repeat(3, 1fr);
+            gap: var(--spacing-lg);
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        .footer-brand h3 {
+            font-size: 24px;
+            margin-bottom: var(--spacing-sm);
+            color: var(--primary-orange);
+        }
+        
+        .footer-brand p {
+            font-size: 14px;
+            opacity: 0.8;
+            line-height: 1.8;
+        }
+        
+        .footer-title {
+            font-size: 16px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .footer-links li {
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .footer-links a {
+            font-size: 14px;
+            opacity: 0.8;
+            transition: var(--transition);
+        }
+        
+        .footer-links a:hover {
+            opacity: 1;
+            color: var(--primary-orange);
+        }
+        
+        .footer-bottom {
+            padding-top: var(--spacing-lg);
+            border-top: 1px solid rgba(255,255,255,0.1);
+            text-align: center;
+            font-size: 14px;
+            opacity: 0.6;
+        }
+        
+        .footer-icp {
+            margin-top: var(--spacing-sm);
+        }
+        
+        /* ===== Animations ===== */
+        @keyframes fadeInUp {
+            from {
+                opacity: 0;
+                transform: translateY(30px);
+            }
+            to {
+                opacity: 1;
+                transform: translateY(0);
+            }
+        }
+        
+        .fade-in-up {
+            animation: fadeInUp 0.6s ease forwards;
+        }
+        
+        .section-title {
+            opacity: 0;
+            animation: fadeInUp 0.6s ease forwards;
+        }
+        
+        .product-card {
+            opacity: 0;
+            animation: fadeInUp 0.6s ease forwards;
+            animation-play-state: paused;
+        }
+        
+        .product-card:nth-child(1) { animation-delay: 0.1s; }
+        .product-card:nth-child(2) { animation-delay: 0.15s; }
+        .product-card:nth-child(3) { animation-delay: 0.2s; }
+        .product-card:nth-child(4) { animation-delay: 0.25s; }
+        .product-card:nth-child(5) { animation-delay: 0.3s; }
+        .product-card:nth-child(6) { animation-delay: 0.35s; }
+        
+        .pricing-card {
+            opacity: 0;
+            animation: fadeInUp 0.6s ease forwards;
+            animation-play-state: paused;
+        }
+        
+        .pricing-card:nth-child(1) { animation-delay: 0.1s; }
+        .pricing-card:nth-child(2) { animation-delay: 0.2s; }
+        .pricing-card:nth-child(3) { animation-delay: 0.3s; }
+        
+        /* ===== Responsive ===== */
+        @media (max-width: 1024px) {
+            .features-grid {
+                grid-template-columns: repeat(2, 1fr);
+            }
+            
+            .products-grid {
+                grid-template-columns: repeat(2, 1fr);
+            }
+            
+            .pricing-grid {
+                grid-template-columns: repeat(2, 1fr);
+            }
+            
+            .footer-grid {
+                grid-template-columns: repeat(2, 1fr);
+            }
+        }
+        
+        /* ===== Mobile Responsive - 手机竖屏版 ===== */
+        @media (max-width: 768px) {
+            /* 导航栏 */
+            .navbar .container {
+                height: 60px;
+                padding: 0 12px;
+            }
+            
+            .logo {
+                padding: 0;
+                margin-left: 0;
+            }
+            
+            .logo-img {
+                background: transparent;
+                background: transparent !important;
+            background: rgba(255,255,255,0.95);
+                height: 40px;
+                margin-left: 0;
+            }
+            
+            .nav-menu {
+                display: none;
+                position: absolute;
+                top: 64px;
+                left: 0;
+                right: 0;
+                background: white;
+                flex-direction: column;
+                padding: var(--spacing-md);
+                box-shadow: var(--shadow-md);
+                z-index: 999;
+            }
+            
+            .nav-menu.active {
+                display: flex;
+            }
+            
+            .nav-menu li {
+                margin: 8px 0;
+            }
+            
+            .nav-link {
+                font-size: 16px;
+                padding: 12px 0;
+                display: block;
+            }
+            
+            .nav-cta {
+                display: none;
+            }
+            
+            .menu-toggle {
+                display: flex;
+            }
+            
+            /* Hero Section */
+            .hero {
+                padding-top: 100px;
+                padding-bottom: var(--spacing-lg);
+            }
+            
+            .hero h1 {
+                font-size: 28px;
+                line-height: 1.3;
+            }
+            
+            .hero p {
+                font-size: 14px;
+                margin-top: 12px;
+            }
+            
+            .hero-badge {
+                font-size: 12px;
+                padding: 6px 12px;
+            }
+            
+            .hero-stats {
+                flex-direction: column;
+                gap: var(--spacing-sm);
+                margin-top: var(--spacing-md);
+            }
+            
+            .stat-item {
+                flex-direction: row;
+                justify-content: space-between;
+                padding: 12px 16px;
+            }
+            
+            .stat-number {
+                font-size: 24px;
+            }
+            
+            .stat-label {
+                font-size: 13px;
+            }
+            
+            .hero-buttons {
+                flex-direction: column;
+                gap: 12px;
+            }
+            
+            .hero-buttons .btn {
+                width: 100%;
+            }
+            
+            /* Section Titles */
+            .section-title {
+                font-size: 26px;
+            }
+            
+            .section-subtitle {
+                font-size: 15px;
+            }
+            
+            /* Features */
+            .features-grid {
+                grid-template-columns: 1fr;
+                gap: var(--spacing-sm);
+            }
+            
+            .feature-card {
+                padding: var(--spacing-md);
+            }
+            
+            .feature-icon {
+                font-size: 36px;
+            }
+            
+            .feature-title {
+                font-size: 17px;
+            }
+            
+            .feature-desc {
+                font-size: 13px;
+            }
+            
+            /* Products */
+            .products-grid {
+                grid-template-columns: 1fr;
+                gap: var(--spacing-sm);
+            }
+            
+            .product-card {
+                padding: var(--spacing-md);
+            }
+            
+            .product-icon {
+                font-size: 40px;
+            }
+            
+            .product-name {
+                font-size: 17px;
+            }
+            
+            .product-price {
+                font-size: 20px;
+            }
+            
+            .product-features li {
+                font-size: 13px;
+            }
+            
+            /* Pricing */
+            .pricing-grid {
+                grid-template-columns: 1fr;
+                gap: var(--spacing-sm);
+            }
+            
+            .pricing-card {
+                padding: var(--spacing-md);
+            }
+            
+            .pricing-name {
+                font-size: 18px;
+            }
+            
+            .pricing-price {
+                font-size: 28px;
+            }
+            
+            .pricing-features {
+                font-size: 13px;
+            }
+            
+            .pricing-features li {
+                padding: 8px 0;
+            }
+            
+            /* Calculator */
+            .profit-calculator {
+                padding: var(--spacing-md);
+            }
+            
+            .calculator-grid {
+                grid-template-columns: 1fr;
+                gap: var(--spacing-sm);
+            }
+            
+            .level-tabs {
+                flex-direction: column;
+                gap: 8px;
+            }
+            
+            .tab-btn {
+                padding: 12px 16px;
+                font-size: 15px;
+            }
+            
+            .input-section,
+            .profit-section {
+                padding: 16px;
+            }
+            
+            .profit-card .value {
+                font-size: 20px;
+            }
+            
+            .product-detail table {
+                font-size: 12px;
+            }
+            
+            .product-detail th,
+            .product-detail td {
+                padding: 8px 4px;
+            }
+            
+            /* FAQ */
+            .faq-question {
+                font-size: 16px;
+            }
+            
+            .faq-answer {
+                font-size: 14px;
+            }
+            
+            /* CTA */
+            .cta {
+                padding: var(--spacing-lg) 0;
+            }
+            
+            .cta h2 {
+                font-size: 22px;
+            }
+            
+            .cta p {
+                font-size: 14px;
+            }
+            
+            .cta-buttons {
+                flex-direction: column;
+                gap: 12px;
+            }
+            
+            .cta-buttons .btn {
+                width: 100%;
+            }
+            
+            /* Footer */
+            .footer {
+                padding: var(--spacing-lg) 0;
+            }
+            
+            .footer-grid {
+                grid-template-columns: 1fr;
+                gap: var(--spacing-md);
+            }
+            
+            .footer-brand h3 {
+                font-size: 18px;
+            }
+            
+            .footer-title {
+                font-size: 15px;
+            }
+            
+            .footer-links li {
+                font-size: 13px;
+            }
+            
+            .footer-bottom {
+                flex-direction: column;
+                text-align: center;
+                font-size: 12px;
+            }
+            
+            /* Tech Section */
+            .tech-flow {
+                flex-direction: column;
+                gap: var(--spacing-sm);
+            }
+            
+            .tech-step {
+                padding: var(--spacing-sm);
+            }
+            
+            .tech-step-icon {
+                font-size: 32px;
+            }
+            
+            .tech-step-title {
+                font-size: 15px;
+            }
+            
+            .tech-step-desc {
+                font-size: 12px;
+            }
+            
+            .tech-arrow {
+                transform: rotate(90deg);
+                font-size: 20px;
+            }
+            
+            .api-tags {
+                flex-wrap: wrap;
+            }
+            
+            .api-tag {
+                font-size: 12px;
+                padding: 6px 12px;
+            }
+            
+            /* Buttons */
+            .btn {
+                padding: 12px 24px;
+                font-size: 15px;
+            }
+        }
+        
+        /* 超小屏幕优化 */
+        @media (max-width: 480px) {
+            .hero h1 {
+                font-size: 24px;
+            }
+            
+            .section-title {
+                font-size: 22px;
+            }
+            
+            .container {
+                padding: 0 12px;
+            }
+            
+            .navbar .container {
+                padding: 0 12px;
+            }
+        }
+    </style>
+</head>
+<body>
+    <!-- Navigation -->
+    <nav class="navbar" id="navbar">
+        <div class="container">
+            <a href="#" class="logo">
+                <img src="assets/logo.png" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            
+            <div class="menu-toggle" id="menuToggle">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+            
+            <ul class="nav-menu" id="navMenu">
+                <li><a href="#home" class="nav-link">首页</a></li>
+                <li><a href="#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="#technology" class="nav-link">AI 能力</a></li>
+                <li><a href="#partnership" class="nav-link">代理合作</a></li>
+                <li><a href="/about.html" class="nav-link">关于我们</a></li>
+            </ul>
+            
+            <div class="nav-cta">
+                <a href="#products" class="btn btn-outline nav-btn">立即查询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
+            </div>
+        </div>
+    </nav>
+
+    <!-- Hero Section -->
+    <section class="hero" id="home">
+        <div class="container">
+            <div class="hero-content">
+                <span class="hero-badge">🤖 AI 驱动的商业信任科技平台</span>
+                <h1>让信任无处不在<br>让合作没有距离</h1>
+                <p>200+ 数据接口 · 智能组合 · 秒级响应</p>
+                
+                <div class="hero-buttons">
+                    <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary">🚀 立即注册</a>
+                    <a href="#partnership" class="btn btn-outline">💼 代理合作</a>
+                </div>
+                
+                <div class="hero-stats">
+                    <div class="stat-item">
+                        <div class="stat-number" id="statReports">0</div>
+                        <div class="stat-label">已生成报告</div>
+                    </div>
+                    <div class="stat-item">
+                        <div class="stat-number" id="statUsers">0</div>
+                        <div class="stat-label">服务用户</div>
+                    </div>
+                    <div class="stat-item">
+                        <div class="stat-number" id="statApis">200+</div>
+                        <div class="stat-label">数据接口</div>
+                    </div>
+                    <div class="stat-item">
+                        <div class="stat-number" id="statEnterprises">0</div>
+                        <div class="stat-label">合作企业</div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+
+
+    <!-- Features Section -->
+    <section class="section features">
+        <div class="container">
+            <h2 class="section-title">核心优势</h2>
+            <p class="section-subtitle">为什么选择愉悦查</p>
+            
+            <div class="features-grid">
+                <div class="feature-card">
+                    <div class="feature-icon">📡</div>
+                    <h3 class="feature-title">海量数据</h3>
+                    <p class="feature-desc">200+ 官方数据接口<br>覆盖全维度信息</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">🤖</div>
+                    <h3 class="feature-title">AI 引擎</h3>
+                    <p class="feature-desc">智能组合接口<br>40+ 分析技能</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">⚡</div>
+                    <h3 class="feature-title">秒级响应</h3>
+                    <p class="feature-desc">实时生成报告<br>最快 3 秒出结果</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">🔒</div>
+                    <h3 class="feature-title">安全合规</h3>
+                    <p class="feature-desc">等保三级认证<br>数据加密传输</p>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Products Section -->
+    <section class="section products" id="products">
+        <div class="container">
+            <h2 class="section-title">产品服务</h2>
+            <p class="section-subtitle">6 大标准报告 + AI 智能定制</p>
+            
+            <div class="products-grid">
+                <!-- Product 1 -->
+                <div class="product-card">
+                    <div class="product-icon">📊</div>
+                    <h3 class="product-name">个人大数据报告</h3>
+                    <div class="product-price">¥49.8</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>全面个人背景分析</li>
+                        <li>秒级生成</li>
+                        <li>PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=riskassessment" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/riskassessment" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- Product 2 -->
+                <div class="product-card">
+                    <div class="product-icon">💕</div>
+                    <h3 class="product-name">婚恋风险报告</h3>
+                    <div class="product-price">¥39.9</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>婚恋风险评估</li>
+                        <li>隐私保护</li>
+                        <li>PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=marriage" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/marriage" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- Product 3 -->
+                <div class="product-card">
+                    <div class="product-icon">💼</div>
+                    <h3 class="product-name">入职背调报告</h3>
+                    <div class="product-price">¥69.9</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>员工背景筛查</li>
+                        <li>降低用工风险</li>
+                        <li>批量查询优惠</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=backgroundcheck" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/backgroundcheck" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- Product 4 -->
+                <div class="product-card">
+                    <div class="product-icon">🏢</div>
+                    <h3 class="product-name">小微企业报告</h3>
+                    <div class="product-price">¥69.9</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>企业风险筛查</li>
+                        <li>合作前必备</li>
+                        <li>PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=companyinfo" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/companyinfo" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- Product 5 -->
+                <div class="product-card">
+                    <div class="product-icon">🧹</div>
+                    <h3 class="product-name">家政风险报告</h3>
+                    <div class="product-price">¥39.9</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>家政人员背调</li>
+                        <li>雇佣更安全</li>
+                        <li>PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=homeservice" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/homeservice" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- Product 6 -->
+                <div class="product-card">
+                    <div class="product-icon">💳</div>
+                    <h3 class="product-name">消金报告</h3>
+                    <div class="product-price">¥39.9</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>消费金融风险评估</li>
+                        <li>快速决策支持</li>
+                        <li>PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=consumerFinanceReport" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/consumerFinanceReport" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- AI Custom Product -->
+                <div class="product-ai">
+                    <h3>✨ AI 定制报告</h3>
+                    <p>告诉我您的需求，AI 智能组合 200+ 接口，生成独一无二的专属报告</p>
+                    <p style="font-size:14px;opacity:0.8;">例："我想了解一个合作伙伴的信用和风险状况"</p>
+                    <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn">🎯 立即定制 - 从 ¥99 起</a>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Sample Reports Section -->
+    <section class="section sample-reports" id="sample-reports" style="background: var(--bg-gray);">
+        <div class="container">
+            <h2 class="section-title">示例报告</h2>
+            <p class="section-subtitle">查看真实报告样本，了解报告内容</p>
+            
+            <div class="sample-grid">
+                <!-- Sample 1 -->
+                <div class="sample-card">
+                    <div class="sample-icon">📊</div>
+                    <h3 class="sample-name">个人大数据报告</h3>
+                    <p class="sample-desc">全面个人背景分析，包含身份信息、社交网络、行为特征等多维度数据</p>
+                    <ul class="sample-features">
+                        <li>✓ 3-4 个数据接口组合</li>
+                        <li>✓ 秒级生成</li>
+                        <li>✓ PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=riskassessment" target="_blank" class="btn btn-outline" style="width:100%">👁️ 查看示例</a>
+                </div>
+                
+                <!-- Sample 2 -->
+                <div class="sample-card">
+                    <div class="sample-icon">💕</div>
+                    <h3 class="sample-name">婚恋风险报告</h3>
+                    <p class="sample-desc">婚恋风险评估，帮助了解对方的婚姻状况、信用记录等关键信息</p>
+                    <ul class="sample-features">
+                        <li>✓ 婚恋风险评估</li>
+                        <li>✓ 隐私保护</li>
+                        <li>✓ PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=marriage" target="_blank" class="btn btn-outline" style="width:100%">👁️ 查看示例</a>
+                </div>
+                
+                <!-- Sample 3 -->
+                <div class="sample-card">
+                    <div class="sample-icon">💼</div>
+                    <h3 class="sample-name">入职背调报告</h3>
+                    <p class="sample-desc">员工背景筛查，降低用工风险，包含学历、工作履历、信用记录等</p>
+                    <ul class="sample-features">
+                        <li>✓ 员工背景筛查</li>
+                        <li>✓ 降低用工风险</li>
+                        <li>✓ 批量查询优惠</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=backgroundcheck" target="_blank" class="btn btn-outline" style="width:100%">👁️ 查看示例</a>
+                </div>
+                
+                <!-- Sample 4 -->
+                <div class="sample-card">
+                    <div class="sample-icon">🏢</div>
+                    <h3 class="sample-name">小微企业报告</h3>
+                    <p class="sample-desc">企业风险筛查，合作前必备，包含工商信息、司法风险、经营状况等</p>
+                    <ul class="sample-features">
+                        <li>✓ 企业风险筛查</li>
+                        <li>✓ 合作前必备</li>
+                        <li>✓ PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=companyinfo" target="_blank" class="btn btn-outline" style="width:100%">👁️ 查看示例</a>
+                </div>
+                
+                <!-- Sample 5 -->
+                <div class="sample-card">
+                    <div class="sample-icon">🧹</div>
+                    <h3 class="sample-name">家政风险报告</h3>
+                    <p class="sample-desc">家政人员背调，雇佣更安全，包含身份信息、犯罪记录、信用状况等</p>
+                    <ul class="sample-features">
+                        <li>✓ 家政人员背调</li>
+                        <li>✓ 雇佣更安全</li>
+                        <li>✓ PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=homeservice" target="_blank" class="btn btn-outline" style="width:100%">👁️ 查看示例</a>
+                </div>
+                
+                <!-- Sample 6 -->
+                <div class="sample-card">
+                    <div class="sample-icon">💳</div>
+                    <h3 class="sample-name">消金报告</h3>
+                    <p class="sample-desc">消费金融风险评估，快速决策支持，包含信用记录、负债情况、还款能力等</p>
+                    <ul class="sample-features">
+                        <li>✓ 消费金融风险评估</li>
+                        <li>✓ 快速决策支持</li>
+                        <li>✓ PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=consumerFinanceReport" target="_blank" class="btn btn-outline" style="width:100%">👁️ 查看示例</a>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- Technology Section -->
+    <section class="section technology" id="technology">
+        <div class="container">
+            <h2 class="section-title">AI 技术能力</h2>
+            <p class="section-subtitle">200+ 数据接口智能组合引擎</p>
+            
+            <div class="tech-diagram">
+                <div class="tech-flow">
+                    <div class="tech-step">
+                        <div class="tech-step-icon">📝</div>
+                        <div class="tech-step-title">用户需求</div>
+                        <div class="tech-step-desc">自然语言描述</div>
+                    </div>
+                    <div class="tech-arrow">→</div>
+                    <div class="tech-step">
+                        <div class="tech-step-icon">🧠</div>
+                        <div class="tech-step-title">AI 分析</div>
+                        <div class="tech-step-desc">理解需求意图</div>
+                    </div>
+                    <div class="tech-arrow">→</div>
+                    <div class="tech-step">
+                        <div class="tech-step-icon">🔌</div>
+                        <div class="tech-step-title">接口选择</div>
+                        <div class="tech-step-desc">智能匹配接口</div>
+                    </div>
+                    <div class="tech-arrow">→</div>
+                    <div class="tech-step">
+                        <div class="tech-step-icon">📊</div>
+                        <div class="tech-step-title">报告生成</div>
+                        <div class="tech-step-desc">秒级输出结果</div>
+                    </div>
+                </div>
+                
+                <div class="tech-apis">
+                    <p>接口类型覆盖</p>
+                    <div class="api-tags">
+                        <span class="api-tag">公安数据</span>
+                        <span class="api-tag">法院数据</span>
+                        <span class="api-tag">学历验证</span>
+                        <span class="api-tag">工作履历</span>
+                        <span class="api-tag">金融信用</span>
+                        <span class="api-tag">社交网络</span>
+                        <span class="api-tag">商业信息</span>
+                        <span class="api-tag">更多...</span>
+                    </div>
+                </div>
+            </div>
+            
+            <div style="text-align:center;margin-top:var(--spacing-lg);">
+                <a href="/apidemo/" class="btn btn-outline" style="border-color:rgba(255,255,255,0.3);color:white;">📚 查看 API 文档</a>
+                <a href="https://yuyuecha.com/platform" class="btn btn-outline" style="border-color:rgba(255,255,255,0.3);color:white;margin-left:var(--spacing-sm);">🔧 开放平台</a>
+            </div>
+        </div>
+    </section>
+
+    <!-- Partnership Section -->
+    <section class="section partnership" id="partnership">
+        <div class="container">
+            <h2 class="section-title">代理合作</h2>
+            <p class="section-subtitle">加入愉悦查，共享信任经济红利</p>
+            
+            <div class="pricing-grid">
+                <!-- Silver -->
+                <div class="pricing-card">
+                    <div class="pricing-icon">🥈</div>
+                    <h3 class="pricing-name">白银代理</h3>
+                    <div class="pricing-price">¥0<span>/终身</span></div>
+                    <ul class="pricing-features">
+                        <li>10% 返佣</li>
+                        <li>基础培训支持</li>
+                        <li>标准产品价格</li>
+                        <li>在线帮助中心</li>
+                    </ul>
+                    <a href="https://p.yuyuecha.com/s/Cc9wgE" class="btn btn-outline" style="width:100%">立即申请</a>
+                </div>
+                
+                <!-- Gold -->
+                <div class="pricing-card featured">
+                    <div class="pricing-icon">🥇</div>
+                    <h3 class="pricing-name">黄金代理</h3>
+                    <div class="pricing-price">¥198<span>/年</span></div>
+                    <ul class="pricing-features">
+                        <li>30% 返佣</li>
+                        <li>优先技术支持</li>
+                        <li>专属代理价格</li>
+                        <li>营销素材支持</li>
+                        <li>定期培训</li>
+                    </ul>
+                    <a href="https://p.yuyuecha.com/s/Cc9wgE" class="btn btn-primary" style="width:100%">立即申请</a>
+                </div>
+                
+                <!-- Diamond -->
+                <div class="pricing-card">
+                    <div class="pricing-icon">💎</div>
+                    <h3 class="pricing-name">钻石代理</h3>
+                    <div class="pricing-price">¥980<span>/年</span></div>
+                    <ul class="pricing-features">
+                        <li>50% 返佣</li>
+                        <li>1 对 1 专属辅导</li>
+                        <li>最低代理价格</li>
+                        <li>联合营销支持</li>
+                        <li>优先新功能体验</li>
+                        <li>区域保护政策</li>
+                    </ul>
+                    <a href="https://p.yuyuecha.com/s/Cc9wgE" class="btn btn-outline" style="width:100%">立即申请</a>
+                </div>
+            </div>
+            
+            <!-- Advanced Profit Calculator -->
+            <div class="profit-calculator">
+                <h3 class="calculator-title">💵 代理收益计算器</h3>
+                
+                <!-- Level Tabs -->
+                <div class="level-tabs">
+                    <button class="tab-btn active" onclick="switchLevel('silver')">
+                        🥈 白银代理
+                        <span class="price">¥0</span>
+                    </button>
+                    <button class="tab-btn" onclick="switchLevel('gold')">
+                        🥇 黄金代理
+                        <span class="price">¥198</span>
+                    </button>
+                    <button class="tab-btn" onclick="switchLevel('diamond')">
+                        💎 钻石代理
+                        <span class="price">¥980</span>
+                    </button>
+                </div>
+                
+                <div class="calculator-grid">
+                    <!-- Input Section -->
+                    <div class="input-section">
+                        <h4>📊 输入您的销售数据</h4>
+                        
+                        <div class="input-group">
+                            <label>每日销售份数</label>
+                            <input type="number" id="dailySales" value="30" min="0" max="1000" oninput="calculateProfit()">
+                        </div>
+                        
+                        <div class="input-group">
+                            <label>直推代理人数（月）</label>
+                            <input type="number" id="referralCount" value="5" min="0" max="100" oninput="calculateProfit()">
+                        </div>
+                        
+                        <div class="input-group" id="teamSilverGroup" style="display:none;">
+                            <label>下级白银代理人数</label>
+                            <input type="number" id="teamSilver" value="20" min="0" max="500" oninput="calculateProfit()">
+                        </div>
+                        
+                        <div class="input-group" id="teamGoldGroup" style="display:none;">
+                            <label>下级黄金代理人数</label>
+                            <input type="number" id="teamGold" value="5" min="0" max="100" oninput="calculateProfit()">
+                        </div>
+                    </div>
+                    
+                    <!-- Profit Section -->
+                    <div class="profit-section">
+                        <h4>💰 预期收益</h4>
+                        
+                        <div class="profit-card">
+                            <div class="label">单份平均利润</div>
+                            <div class="value" id="avgProfit">¥38.22</div>
+                        </div>
+                        
+                        <div class="profit-card highlight">
+                            <div class="label">日零售收益</div>
+                            <div class="value" id="dailyRetailProfit">¥1,147</div>
+                            <div class="sub" id="dailyRetailSub">30 份 × ¥38.22</div>
+                        </div>
+                        
+                        <div class="profit-card">
+                            <div class="label">月零售收益</div>
+                            <div class="value" id="monthlyRetailProfit">¥34,410</div>
+                        </div>
+                        
+                        <div class="profit-card" id="referralCard">
+                            <div class="label">月直推奖励</div>
+                            <div class="value" id="monthlyReferralProfit">¥0</div>
+                            <div class="sub" id="referralSub">5 人 × ¥0/人</div>
+                        </div>
+                        
+                        <div class="profit-card" id="teamCard" style="display:none;">
+                            <div class="label">月团队提成</div>
+                            <div class="value" id="monthlyTeamProfit">¥0</div>
+                        </div>
+                        
+                        <div class="profit-card total">
+                            <div class="label">月总收益</div>
+                            <div class="value" id="totalMonthlyProfit">¥34,410</div>
+                        </div>
+                        
+                        <div class="roi-card" id="roiCard" style="display:none;">
+                            <div class="label">回本周期</div>
+                            <div class="value" id="paybackDays">0 天</div>
+                            <div class="sub" id="paybackHours">或 0 小时（日销 30 份）</div>
+                        </div>
+                    </div>
+                </div>
+                
+                <!-- Product Detail Table -->
+                <div class="product-detail">
+                    <h4>📦 各产品利润明细（<span id="currentLevelName">白银代理</span>）</h4>
+                    <table>
+                        <thead>
+                            <tr>
+                                <th>产品</th>
+                                <th>零售价</th>
+                                <th>您的底价</th>
+                                <th>单份利润</th>
+                                <th>利润率</th>
+                            </tr>
+                        </thead>
+                        <tbody id="productTableBody">
+                            <!-- Populated by JavaScript -->
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+            
+            <div style="text-align:center;">
+                <a href="https://p.yuyuecha.com/s/Cc9wgE" class="btn btn-primary">📝 立即申请代理</a>
+            </div>
+        </div>
+    </section>
+
+    <!-- FAQ Section -->
+    <section class="section faq" id="faq">
+        <div class="container">
+            <h2 class="section-title">常见问题</h2>
+            <p class="section-subtitle">您可能想知道的问题</p>
+            
+            <div class="faq-list">
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>报告准确率如何保证？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        愉悦查所有数据均来自官方授权渠道，通过 200+ 数据接口交叉验证，确保信息准确可靠。AI 引擎会自动识别异常数据并进行人工复核，准确率达 99% 以上。
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>数据来源是否合法合规？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        是的，我们严格遵守《个人信息保护法》和相关法律法规，所有数据接口均获得合法授权，查询过程需要被查询人授权同意，确保数据来源和使用完全合规。
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>多久能拿到报告？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        标准报告通常 3-5 秒即可生成，复杂报告或 AI 定制报告可能需要 30 秒 -2 分钟。报告生成后会通过短信/邮件通知您，也可在个人中心随时查看下载。
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>如何成为代理？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        点击页面上方的"立即申请"按钮，填写代理申请表，我们的招商团队会在 1-2 个工作日内联系您。白银代理零门槛免费加入，黄金/钻石代理需支付相应年费。
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>支持退款吗？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        报告一旦生成无法退款，因为数据查询成本已产生。但如果您对报告质量有异议，可在 7 天内联系客服申请复核或重新查询。
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- CTA Section -->
+    <section class="cta">
+        <div class="container">
+            <h2>准备好开始建立信任了吗？</h2>
+            <p>立即体验 AI 驱动的商业信任科技</p>
+            <div class="cta-buttons">
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn">🚀 立即注册</a>
+                <a href="#partnership" class="btn btn-outline">💼 代理合作</a>
+            </div>
+        </div>
+    </section>
+
+    <!-- Footer -->
+    <footer class="footer" id="about">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <h3>愉悦查</h3>
+                    <p>让信任无处不在，让合作没有距离</p>
+                    <p style="margin-top:16px;font-size:13px;">愉悦查（北京正信环宇科技有限公司）</p>
+                    <p style="font-size:13px;">AI 驱动的商业信任科技平台</p>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">产品</h4>
+                    <ul class="footer-links">
+                        <li><a href="/product/riskassessment.html">个人大数据报告</a></li>
+                        <li><a href="/product/marriage.html">婚恋风险报告</a></li>
+                        <li><a href="/product/backgroundcheck.html">入职背调报告</a></li>
+                        <li><a href="/product/companyinfo.html">小微企业报告</a></li>
+                        <li><a href="/product/homeservice.html">家政风险报告</a></li>
+                        <li><a href="/product/consumerFinanceReport.html">消金报告</a></li>
+                        <li><a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" target="_blank">AI 定制报告</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">公司</h4>
+                    <ul class="footer-links">
+                        <li><a href="/about.html">关于我们</a></li>
+                        <li><a href="/careers.html">加入我们</a></li>
+                        <li><a href="/contact.html">联系我们</a></li>
+                        <li><a href="/news.html">新闻动态</a></li>
+                        <li><a href="/partners.html">合作伙伴</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">支持</h4>
+                    <ul class="footer-links">
+                        <li><a href="/help.html">帮助中心</a></li>
+                        <li><a href="/apidemo/">API 文档</a></li>
+                        <li><a href="/index.html#partnership">代理支持</a></li>
+                        <li><a href="/privacy.html">隐私政策</a></li>
+                        <li><a href="/terms.html">服务条款</a></li>
+                        <li><a href="/disclaimer.html">免责声明</a></li>
+                    </ul>
+                </div>
+            </div>
+            
+            <div class="footer-bottom">
+                <p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p class="footer-icp">京 ICP 备 2025158088 号 -2</p>
+            </div>
+        </div>
+    </footer>
+
+    <!-- Back to Top Button -->
+    <button id="backToTop" style="position:fixed;bottom:30px;right:30px;width:50px;height:50px;border-radius:50%;background:var(--primary-gradient);border:none;cursor:pointer;box-shadow:var(--shadow-lg);display:none;align-items:center;justify-content:center;font-size:24px;z-index:999;transition:var(--transition);">↑</button>
+
+    <script>
+        // ===== Back to Top Button =====
+        const backToTopBtn = document.getElementById('backToTop');
+        
+        window.addEventListener('scroll', () => {
+            if (window.scrollY > 500) {
+                backToTopBtn.style.display = 'flex';
+            } else {
+                backToTopBtn.style.display = 'none';
+            }
+        });
+        
+        backToTopBtn.addEventListener('click', () => {
+            window.scrollTo({ top: 0, behavior: 'smooth' });
+        });
+        
+        backToTopBtn.addEventListener('mouseenter', () => {
+            backToTopBtn.style.transform = 'scale(1.1)';
+        });
+        
+        backToTopBtn.addEventListener('mouseleave', () => {
+            backToTopBtn.style.transform = 'scale(1)';
+        });
+
+        // ===== Navbar Scroll Effect =====
+        window.addEventListener('scroll', () => {
+            const navbar = document.getElementById('navbar');
+            if (window.scrollY > 50) {
+                navbar.classList.add('scrolled');
+            } else {
+                navbar.classList.remove('scrolled');
+            }
+        });
+
+        // ===== Mobile Menu Toggle =====
+        document.getElementById('menuToggle').addEventListener('click', () => {
+            document.getElementById('navMenu').classList.toggle('active');
+        });
+
+        // ===== Smooth Scroll =====
+        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' });
+                    // Close mobile menu
+                    document.getElementById('navMenu').classList.remove('active');
+                }
+            });
+        });
+
+        // ===== Animated Counter =====
+        function animateCounter(elementId, target, suffix = '') {
+            const element = document.getElementById(elementId);
+            if (!element) return;
+            
+            let current = 0;
+            const increment = target / 50;
+            const timer = setInterval(() => {
+                current += increment;
+                if (current >= target) {
+                    element.textContent = target.toLocaleString() + suffix;
+                    clearInterval(timer);
+                } else {
+                    element.textContent = Math.floor(current).toLocaleString() + suffix;
+                }
+            }, 30);
+        }
+
+        // ===== Intersection Observer for Animations =====
+        const observerOptions = {
+            threshold: 0.2,
+            rootMargin: '0px'
+        };
+
+        const observer = new IntersectionObserver((entries) => {
+            entries.forEach(entry => {
+                if (entry.isIntersecting) {
+                    // Animate stats when visible
+                    if (entry.target.id === 'statReports') {
+                        animateCounter('statReports', 100000, '+');
+                        animateCounter('statUsers', 50000, '+');
+                        animateCounter('statEnterprises', 5000, '+');
+                    }
+                    observer.unobserve(entry.target);
+                }
+            });
+        }, observerOptions);
+
+        document.getElementById('statReports') && observer.observe(document.getElementById('statReports'));
+
+        // ===== FAQ Toggle =====
+        document.querySelectorAll('.faq-question').forEach(question => {
+            question.addEventListener('click', () => {
+                const item = question.parentElement;
+                const icon = question.querySelector('.faq-icon');
+                
+                // Close other items
+                document.querySelectorAll('.faq-item').forEach(other => {
+                    if (other !== item) {
+                        other.classList.remove('active');
+                        other.querySelector('.faq-icon').textContent = '+';
+                    }
+                });
+                
+                // Toggle current item
+                item.classList.toggle('active');
+                icon.textContent = item.classList.contains('active') ? '×' : '+';
+            });
+        });
+
+        // ===== Advanced Profit Calculator =====
+        const levelData = {
+            silver: { name: '白银代理', fee: 0, markup: 6, referralBonus: 0, teamSilver: 2, teamGold: 0 },
+            gold: { name: '黄金代理', fee: 198, markup: 3, referralBonus: 60, teamSilver: 3, teamGold: 0 },
+            diamond: { name: '钻石代理', fee: 980, markup: 2, referralBonus: 300, teamSilver: 6, teamGold: 3 }
+        };
+        
+        const products = [
+            { name: '消金报告', retail: 39.9, baseCost: 6.0 },
+            { name: '家政风险报告', retail: 39.9, baseCost: 6.0 },
+            { name: '个人大数据报告', retail: 49.8, baseCost: 5.0 },
+            { name: '入职背调报告', retail: 69.9, baseCost: 9.0 },
+            { name: '小微企业报告', retail: 69.9, baseCost: 9.0 },
+            { name: '婚恋风险报告', retail: 39.9, baseCost: 9.0 }
+        ];
+        
+        let currentLevel = 'silver';
+        
+        function switchLevel(level) {
+            currentLevel = level;
+            
+            // Update tabs
+            document.querySelectorAll('.tab-btn').forEach(btn => btn.classList.remove('active'));
+            event.target.closest('.tab-btn').classList.add('active');
+            
+            // Show/hide team inputs for diamond
+            const isDiamond = level === 'diamond';
+            const isGoldOrDiamond = level === 'gold' || level === 'diamond';
+            document.getElementById('teamSilverGroup').style.display = isGoldOrDiamond ? 'block' : 'none';
+            document.getElementById('teamGoldGroup').style.display = isDiamond ? 'block' : 'none';
+            document.getElementById('teamCard').style.display = isGoldOrDiamond ? 'block' : 'none';
+            document.getElementById('roiCard').style.display = isGoldOrDiamond ? 'block' : 'none';
+            
+            calculateProfit();
+        }
+        
+        function getProductCost(product) {
+            return product.baseCost + levelData[currentLevel].markup;
+        }
+        
+        function getProductProfit(product) {
+            return product.retail - getProductCost(product);
+        }
+        
+        function getProductMargin(product) {
+            const profit = getProductProfit(product);
+            return ((profit / product.retail) * 100).toFixed(0);
+        }
+        
+        function calculateProfit() {
+            const dailySales = parseFloat(document.getElementById('dailySales').value) || 0;
+            const referralCount = parseFloat(document.getElementById('referralCount').value) || 0;
+            const teamSilver = parseFloat(document.getElementById('teamSilver').value) || 0;
+            const teamGold = parseFloat(document.getElementById('teamGold').value) || 0;
+            
+            const level = levelData[currentLevel];
+            
+            // Calculate average profit
+            const totalProfit = products.reduce((sum, p) => sum + getProductProfit(p), 0);
+            const avgProfit = totalProfit / products.length;
+            
+            // Retail profit
+            const dailyRetailProfit = avgProfit * dailySales;
+            const monthlyRetailProfit = dailyRetailProfit * 30;
+            
+            // Referral bonus
+            const monthlyReferralProfit = level.referralBonus * referralCount;
+            
+            // Team commission
+            let monthlyTeamProfit = 0;
+            if (currentLevel === 'gold') {
+                monthlyTeamProfit = level.teamSilver * teamSilver * 30;
+            } else if (currentLevel === 'diamond') {
+                monthlyTeamProfit = (level.teamSilver * teamSilver + level.teamGold * teamGold) * 30;
+            }
+            
+            // Total
+            const totalMonthlyProfit = monthlyRetailProfit + monthlyReferralProfit + monthlyTeamProfit;
+            
+            // ROI
+            let paybackDays = 0;
+            let paybackHours = 0;
+            if (level.fee > 0) {
+                const dailyTotal = dailyRetailProfit + (monthlyReferralProfit + monthlyTeamProfit) / 30;
+                if (dailyTotal > 0) {
+                    paybackDays = Math.ceil(level.fee / dailyTotal);
+                    paybackHours = (level.fee / (totalMonthlyProfit / 30 / 24)).toFixed(1);
+                }
+            }
+            
+            // Update UI
+            document.getElementById('avgProfit').textContent = '¥' + avgProfit.toFixed(2);
+            document.getElementById('dailyRetailProfit').textContent = '¥' + dailyRetailProfit.toLocaleString('zh-CN', {minimumFractionDigits: 0, maximumFractionDigits: 0});
+            document.getElementById('dailyRetailSub').textContent = dailySales + '份 × ¥' + avgProfit.toFixed(2);
+            document.getElementById('monthlyRetailProfit').textContent = '¥' + monthlyRetailProfit.toLocaleString('zh-CN', {minimumFractionDigits: 0, maximumFractionDigits: 0});
+            document.getElementById('monthlyReferralProfit').textContent = '¥' + monthlyReferralProfit.toLocaleString('zh-CN', {minimumFractionDigits: 0, maximumFractionDigits: 0});
+            document.getElementById('referralSub').textContent = referralCount + '人 × ¥' + level.referralBonus + '/人';
+            document.getElementById('monthlyTeamProfit').textContent = '¥' + monthlyTeamProfit.toLocaleString('zh-CN', {minimumFractionDigits: 0, maximumFractionDigits: 0});
+            document.getElementById('totalMonthlyProfit').textContent = '¥' + totalMonthlyProfit.toLocaleString('zh-CN', {minimumFractionDigits: 0, maximumFractionDigits: 0});
+            document.getElementById('paybackDays').textContent = paybackDays + '天';
+            document.getElementById('paybackHours').textContent = '或 ' + paybackHours + '小时（日销' + dailySales + '份）';
+            
+            // Update product table
+            document.getElementById('currentLevelName').textContent = level.name;
+            const tbody = document.getElementById('productTableBody');
+            tbody.innerHTML = products.map(p => `
+                <tr>
+                    <td>${p.name}</td>
+                    <td>¥${p.retail}</td>
+                    <td>¥${getProductCost(p).toFixed(2)}</td>
+                    <td>¥${getProductProfit(p).toFixed(2)}</td>
+                    <td>${getProductMargin(p)}%</td>
+                </tr>
+            `).join('');
+        }
+        
+        // Initialize calculator
+        calculateProfit();
+
+        // ===== Scroll Animation Trigger =====
+        const animationObserver = new IntersectionObserver((entries) => {
+            entries.forEach(entry => {
+                if (entry.isIntersecting) {
+                    entry.target.style.opacity = '1';
+                    entry.target.style.animationPlayState = 'running';
+                }
+            });
+        }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' });
+
+        document.querySelectorAll('.product-card, .pricing-card, .section-title').forEach(el => {
+            animationObserver.observe(el);
+        });
+
+        // ===== Initialize =====
+        console.log('愉悦查官网已加载 🚀');
+    </script>
+</body>
+</html>
diff --git a/index.html.bak.navlink b/index.html.bak.navlink
new file mode 100755
index 0000000..9461dfc
--- /dev/null
+++ b/index.html.bak.navlink
@@ -0,0 +1,2613 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>愉悦查 - 让信任无处不在，让合作没有距离 | AI 驱动的商业信任科技平台</title>
+    <meta name="description" content="愉悦查是 AI 驱动的商业信任科技平台，提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告，支持 AI 智能定制报告。200+ 数据接口，秒级响应，让信任无处不在。">
+    <meta name="keywords" 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=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    
+    <style>
+        /* ===== CSS Variables - 品牌色定义 ===== */
+        :root {
+            /* 品牌主色 - 橙色系 (来自蓝湖设计稿) */
+            --primary-orange: #FF6A19;
+            --primary-orange-light: #FC6E18;
+            --primary-orange-dark: #E64E10;
+            --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
+            --primary-orange-soft: #FFDECC;
+            
+            /* 辅助色 */
+            --bg-light: #FFFFFF;
+            --bg-gray: #F5F7FA;
+            --bg-gray-light: #E4E7E0;
+            
+            /* 文字色 */
+            --text-primary: #1A1A1A;
+            --text-secondary: #666666;
+            --text-light: #999999;
+            
+            /* 功能色 */
+            --success: #07C160;
+            --warning: #FF9500;
+            --error: #FF3B30;
+            
+            /* 间距 */
+            --spacing-xs: 8px;
+            --spacing-sm: 16px;
+            --spacing-md: 24px;
+            --spacing-lg: 48px;
+            --spacing-xl: 80px;
+            
+            /* 圆角 */
+            --radius-sm: 4px;
+            --radius-md: 8px;
+            --radius-lg: 16px;
+            --radius-xl: 24px;
+            
+            /* 阴影 */
+            --shadow-sm: 0 2px 8px rgba(0,0,0,0.08);
+            --shadow-md: 0 4px 16px rgba(0,0,0,0.12);
+            --shadow-lg: 0 8px 32px rgba(0,0,0,0.16);
+            
+            /* 过渡 */
+            --transition: all 0.3s ease;
+        }
+        
+        /* ===== Reset & Base ===== */
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+        
+        html {
+            scroll-behavior: smooth;
+        }
+        
+        body {
+            font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+            font-size: 16px;
+            line-height: 1.6;
+            color: var(--text-primary);
+            background-color: var(--bg-light);
+        }
+        
+        a {
+            text-decoration: none;
+            color: inherit;
+        }
+        
+        ul {
+            list-style: none;
+        }
+        
+        img {
+            max-width: 100%;
+            height: auto;
+        }
+        
+        .container {
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 0 var(--spacing-md);
+        }
+        
+        .btn {
+            display: inline-block;
+            padding: 14px 32px;
+            font-size: 16px;
+            font-weight: 500;
+            border-radius: var(--radius-md);
+            cursor: pointer;
+            transition: var(--transition);
+            border: none;
+            text-align: center;
+        }
+        
+        .btn-primary {
+            background: var(--primary-gradient);
+            color: white;
+            box-shadow: 0 4px 12px rgba(236, 77, 9, 0.3);
+        }
+        
+        .btn-primary:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 6px 20px rgba(236, 77, 9, 0.4);
+        }
+        
+        .btn-outline {
+            background: transparent;
+            border: 2px solid var(--primary-orange);
+            color: var(--primary-orange);
+        }
+        
+        .btn-outline:hover {
+            background: var(--primary-gradient);
+            color: white;
+            transform: translateY(-2px);
+            box-shadow: 0 4px 12px rgba(255, 106, 25, 0.3);
+        }
+        
+        .btn-primary:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 6px 20px rgba(255, 106, 25, 0.4);
+        }
+        
+        .section {
+            padding: var(--spacing-xl) 0;
+        }
+        
+        .section-title {
+            text-align: center;
+            font-size: 36px;
+            font-weight: 700;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .section-subtitle {
+            text-align: center;
+            font-size: 18px;
+            color: var(--text-secondary);
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        /* ===== Navigation ===== */
+        /* ===== Navigation ===== */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+            transition: var(--transition);
+        }
+        
+        .navbar.scrolled {
+            box-shadow: 0 4px 30px rgba(0,0,0,0.12);
+        }
+        
+        .navbar .container {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            height: 80px;
+            max-width: 1400px;
+            margin: 0 auto;
+            padding: 0 32px;
+        }
+        
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            text-decoration: none;
+            background: transparent;
+            padding: 4px 0;
+        }
+        
+        .logo-img {
+            background: rgba(255,255,255,0.95);
+            height: 60px;
+            width: auto;
+            object-fit: contain;
+            transition: var(--transition);
+            
+        }
+        
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            text-decoration: none;
+            padding: 6px 0;
+        }
+        
+        .logo-img {
+            background: rgba(255,255,255,0.95);
+            height: 60px;
+            width: auto;
+            object-fit: contain;
+            transition: var(--transition);
+            
+        }
+        
+        .logo:hover .logo-img {
+            background: rgba(255,255,255,0.95);
+            transform: scale(1.05);
+        }
+        
+        .nav-menu {
+            display: flex;
+            gap: var(--spacing-lg);
+            align-items: center;
+        }
+        
+        .nav-link {
+            font-size: 15px;
+            font-weight: 500;
+            color: var(--text-primary);
+            transition: var(--transition);
+            position: relative;
+        }
+        
+        .nav-link:hover {
+            color: var(--primary-orange);
+        }
+        
+        .nav-link::after {
+            content: '';
+            position: absolute;
+            bottom: -4px;
+            left: 0;
+            width: 0;
+            height: 2px;
+            background: var(--primary-orange);
+            transition: var(--transition);
+        }
+        
+        .nav-link:hover::after {
+            width: 100%;
+        }
+        
+        .nav-cta {
+            display: flex;
+            gap: var(--spacing-sm);
+        }
+        
+        .nav-btn {
+            padding: 10px 20px;
+            font-size: 14px;
+        }
+        
+        /* Mobile Menu */
+        .menu-toggle {
+            display: none;
+            flex-direction: column;
+            gap: 5px;
+            cursor: pointer;
+            padding: 5px;
+        }
+        
+        .menu-toggle span {
+            width: 25px;
+            height: 3px;
+            background: var(--primary-orange);
+            border-radius: 2px;
+            transition: var(--transition);
+        }
+        
+        /* ===== Hero Section ===== */
+        .hero {
+            padding-top: 160px;
+            padding-bottom: 100px;
+            background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 50%, #F5F7FA 100%);
+            position: relative;
+            overflow: hidden;
+        }
+        
+        .hero::before {
+            content: '';
+            position: absolute;
+            top: -50%;
+            right: -20%;
+            width: 80%;
+            height: 200%;
+            background: radial-gradient(circle, rgba(236, 77, 9, 0.05) 0%, transparent 70%);
+            animation: float 20s ease-in-out infinite;
+        }
+        
+        @keyframes float {
+            0%, 100% { transform: translateY(0) rotate(0deg); }
+            50% { transform: translateY(-20px) rotate(5deg); }
+        }
+        
+        .hero-content {
+            text-align: center;
+            max-width: 900px;
+            margin: 0 auto;
+            position: relative;
+            z-index: 1;
+        }
+        
+        .hero-badge {
+            display: inline-block;
+            padding: 8px 16px;
+            background: linear-gradient(135deg, rgba(255, 106, 25, 0.1), rgba(252, 110, 24, 0.15));
+            color: var(--primary-orange);
+            font-size: 14px;
+            font-weight: 600;
+            border-radius: 20px;
+            margin-bottom: var(--spacing-md);
+            border: 1px solid rgba(255, 106, 25, 0.2);
+            animation: pulse 2s ease-in-out infinite;
+        }
+        
+        @keyframes pulse {
+            0%, 100% { transform: scale(1); }
+            50% { transform: scale(1.02); }
+        }
+        
+        .hero h1 {
+            font-size: 56px;
+            font-weight: 900;
+            line-height: 1.2;
+            margin-bottom: var(--spacing-sm);
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 50%, #FF8A5C 100%);
+            background-size: 200% auto;
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+            animation: gradientShift 3s ease infinite;
+        }
+        
+        @keyframes gradientShift {
+            0%, 100% { background-position: 0% center; }
+            50% { background-position: 100% center; }
+        }
+        
+        .hero p {
+            font-size: 20px;
+            color: var(--text-secondary);
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        .hero-stats {
+            display: flex;
+            justify-content: center;
+            gap: var(--spacing-lg);
+            margin-top: var(--spacing-lg);
+            flex-wrap: wrap;
+        }
+        
+        .stat-item {
+            text-align: center;
+        }
+        
+        .stat-number {
+            font-size: 36px;
+            font-weight: 700;
+            background: var(--primary-gradient);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+        
+        .stat-label {
+            font-size: 14px;
+            color: var(--text-light);
+            margin-top: 4px;
+        }
+        
+        .hero-buttons {
+            display: flex;
+            justify-content: center;
+            gap: var(--spacing-sm);
+            margin-top: var(--spacing-lg);
+            flex-wrap: wrap;
+        }
+        
+        /* ===== Trust Bar ===== */
+        .trust-bar {
+            padding: var(--spacing-lg) 0;
+            background: var(--bg-gray);
+            border-top: 1px solid #eee;
+            border-bottom: 1px solid #eee;
+        }
+        
+        .trust-bar p {
+            text-align: center;
+            font-size: 14px;
+            color: var(--text-light);
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .trust-logos {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            gap: var(--spacing-lg);
+            flex-wrap: wrap;
+            opacity: 0.6;
+        }
+        
+        .trust-logo {
+            height: 40px;
+            filter: grayscale(100%);
+            transition: var(--transition);
+        }
+        
+        .trust-logo:hover {
+            filter: grayscale(0%);
+        }
+        
+        /* ===== Features Section ===== */
+        .features {
+            background: var(--bg-light);
+        }
+        
+        .features-grid {
+            display: grid;
+            grid-template-columns: repeat(4, 1fr);
+            gap: var(--spacing-md);
+        }
+        
+        .feature-card {
+            text-align: center;
+            padding: var(--spacing-lg) var(--spacing-md);
+            border-radius: var(--radius-lg);
+            transition: var(--transition);
+        }
+        
+        .feature-card:hover {
+            background: var(--bg-gray);
+            transform: translateY(-4px);
+        }
+        
+        .feature-icon {
+            width: 64px;
+            height: 64px;
+            margin: 0 auto var(--spacing-sm);
+            background: var(--primary-gradient);
+            border-radius: var(--radius-md);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 28px;
+        }
+        
+        .feature-title {
+            font-size: 18px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .feature-desc {
+            font-size: 14px;
+            color: var(--text-secondary);
+        }
+        
+        /* ===== Products Section ===== */
+        .products {
+            background: var(--bg-gray);
+        }
+        
+        .products-grid {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: var(--spacing-md);
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        .product-card {
+            background: white;
+            border-radius: var(--radius-lg);
+            padding: var(--spacing-lg);
+            box-shadow: var(--shadow-sm);
+            transition: var(--transition);
+            position: relative;
+            overflow: hidden;
+        }
+        
+        .product-card::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            height: 4px;
+            background: var(--primary-gradient);
+        }
+        
+        .product-card:hover {
+            transform: translateY(-12px);
+            box-shadow: var(--shadow-lg);
+        }
+        
+        .product-card:hover .product-icon {
+            transform: scale(1.1) rotate(5deg);
+        }
+        
+        .product-icon {
+            width: 80px;
+            height: 80px;
+            border-radius: 50%;
+            background: var(--primary-gradient);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 36px;
+            margin-bottom: var(--spacing-sm);
+            box-shadow: 0 4px 16px rgba(255, 106, 25, 0.3);
+            transition: var(--transition);
+        }
+        
+        .product-name {
+            font-size: 20px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .product-price {
+            font-size: 28px;
+            font-weight: 700;
+            color: var(--primary-orange);
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .product-price span {
+            font-size: 14px;
+            font-weight: 400;
+            color: var(--text-light);
+        }
+        
+        .product-features {
+            margin: var(--spacing-sm) 0;
+            padding: var(--spacing-sm) 0;
+            border-top: 1px solid #eee;
+            border-bottom: 1px solid #eee;
+        }
+        
+        .product-features li {
+            font-size: 14px;
+            color: var(--text-secondary);
+            padding: 4px 0;
+            display: flex;
+            align-items: center;
+            gap: 8px;
+        }
+        
+        .product-features li::before {
+            content: '✓';
+            color: var(--success);
+            font-weight: 700;
+        }
+        
+        /* AI Custom Product */
+        .product-ai {
+            grid-column: 1 / -1;
+            background: var(--primary-gradient);
+            color: white;
+            padding: var(--spacing-xl);
+            border-radius: var(--radius-xl);
+            text-align: center;
+            position: relative;
+            overflow: hidden;
+        }
+        
+        .product-ai::before {
+            content: '';
+            position: absolute;
+            top: -50%;
+            right: -10%;
+            width: 50%;
+            height: 200%;
+            background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
+            animation: float 15s ease-in-out infinite reverse;
+        }
+        
+        .product-ai h3 {
+            font-size: 32px;
+            margin-bottom: var(--spacing-sm);
+            position: relative;
+        }
+        
+        .product-ai p {
+            font-size: 18px;
+            opacity: 0.95;
+            margin-bottom: var(--spacing-md);
+            position: relative;
+        }
+        
+        .product-ai .btn {
+            background: white;
+            color: var(--primary-orange);
+            position: relative;
+        }
+        
+        /* ===== Technology Section ===== */
+        /* ===== Sample Reports Section ===== */
+        .sample-reports {
+            background: var(--bg-gray);
+        }
+        
+        .sample-grid {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: var(--spacing-md);
+        }
+        
+        .sample-card {
+            background: white;
+            border-radius: var(--radius-lg);
+            padding: var(--spacing-lg);
+            box-shadow: var(--shadow-sm);
+            transition: var(--transition);
+            position: relative;
+            overflow: hidden;
+            display: flex;
+            flex-direction: column;
+        }
+        
+        .sample-card::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            height: 4px;
+            background: var(--primary-gradient);
+        }
+        
+        .sample-card:hover {
+            transform: translateY(-8px);
+            box-shadow: var(--shadow-lg);
+        }
+        
+        .sample-icon {
+            width: 70px;
+            height: 70px;
+            border-radius: 50%;
+            background: var(--primary-orange-soft);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 32px;
+            margin-bottom: var(--spacing-sm);
+            transition: var(--transition);
+        }
+        
+        .sample-card:hover .sample-icon {
+            transform: scale(1.1);
+        }
+        
+        .sample-name {
+            font-size: 20px;
+            font-weight: 600;
+            margin-bottom: 12px;
+            color: var(--text-primary);
+        }
+        
+        .sample-desc {
+            font-size: 14px;
+            color: var(--text-secondary);
+            line-height: 1.6;
+            margin-bottom: 16px;
+            flex-grow: 1;
+        }
+        
+        .sample-features {
+            font-size: 13px;
+            color: var(--text-secondary);
+            margin-bottom: 20px;
+            padding-left: 0;
+        }
+        
+        .sample-features li {
+            padding: 4px 0;
+            list-style: none;
+        }
+
+        .technology {
+            background: linear-gradient(135deg, #1A1A2E 0%, #16213E 100%);
+            color: white;
+        }
+        
+        .technology .section-title,
+        .technology .section-subtitle {
+            color: white;
+        }
+        
+        .tech-diagram {
+            max-width: 1000px;
+            margin: var(--spacing-lg) auto;
+            background: rgba(255,255,255,0.05);
+            border-radius: var(--radius-xl);
+            padding: var(--spacing-xl);
+            backdrop-filter: blur(10px);
+        }
+        
+        .tech-flow {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            flex-wrap: wrap;
+            gap: var(--spacing-md);
+        }
+        
+        .tech-step {
+            flex: 1;
+            min-width: 150px;
+            text-align: center;
+            padding: var(--spacing-md);
+            background: rgba(236, 77, 9, 0.1);
+            border-radius: var(--radius-md);
+            border: 1px solid rgba(236, 77, 9, 0.3);
+        }
+        
+        .tech-step-icon {
+            font-size: 36px;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .tech-step-title {
+            font-size: 16px;
+            font-weight: 600;
+            margin-bottom: 4px;
+        }
+        
+        .tech-step-desc {
+            font-size: 13px;
+            opacity: 0.8;
+        }
+        
+        .tech-arrow {
+            font-size: 24px;
+            color: var(--primary-orange);
+        }
+        
+        .tech-apis {
+            text-align: center;
+            margin-top: var(--spacing-lg);
+            padding: var(--spacing-md);
+            background: rgba(255,255,255,0.05);
+            border-radius: var(--radius-md);
+        }
+        
+        .tech-apis p {
+            font-size: 14px;
+            opacity: 0.8;
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .api-tags {
+            display: flex;
+            justify-content: center;
+            gap: var(--spacing-xs);
+            flex-wrap: wrap;
+        }
+        
+        .api-tag {
+            padding: 6px 12px;
+            background: rgba(236, 77, 9, 0.2);
+            border-radius: 20px;
+            font-size: 13px;
+            border: 1px solid rgba(236, 77, 9, 0.3);
+        }
+        
+        /* ===== Partnership Section ===== */
+        .partnership {
+            background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%);
+        }
+        
+        .pricing-grid {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: var(--spacing-md);
+            max-width: 1000px;
+            margin: 0 auto var(--spacing-lg);
+        }
+        
+        .pricing-card {
+            background: white;
+            border-radius: var(--radius-lg);
+            padding: var(--spacing-lg);
+            text-align: center;
+            box-shadow: var(--shadow-sm);
+            transition: var(--transition);
+            border: 2px solid transparent;
+        }
+        
+        .pricing-card:hover {
+            transform: translateY(-8px);
+            box-shadow: var(--shadow-lg);
+        }
+        
+        .pricing-card.featured {
+            border-color: var(--primary-orange);
+            position: relative;
+            transform: scale(1.08);
+            box-shadow: var(--shadow-lg);
+            z-index: 1;
+        }
+        
+        .pricing-card.featured:hover {
+            transform: scale(1.08) translateY(-8px);
+        }
+        
+        .pricing-card.featured::before {
+            content: '🔥 热门推荐';
+            position: absolute;
+            top: -14px;
+            left: 50%;
+            transform: translateX(-50%);
+            background: var(--primary-gradient);
+            color: white;
+            padding: 6px 20px;
+            border-radius: 12px;
+            font-size: 13px;
+            font-weight: 600;
+            box-shadow: 0 4px 12px rgba(255, 106, 25, 0.4);
+        }
+        
+        .pricing-icon {
+            font-size: 48px;
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .pricing-name {
+            font-size: 20px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .pricing-price {
+            font-size: 36px;
+            font-weight: 700;
+            color: var(--primary-orange);
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .pricing-price span {
+            font-size: 14px;
+            font-weight: 400;
+            color: var(--text-light);
+        }
+        
+        .pricing-features {
+            margin: var(--spacing-md) 0;
+            text-align: left;
+        }
+        
+        .pricing-features li {
+            font-size: 14px;
+            color: var(--text-secondary);
+            padding: 8px 0;
+            display: flex;
+            align-items: center;
+            gap: 8px;
+        }
+        
+        .pricing-features li::before {
+            content: '✓';
+            color: var(--success);
+            font-weight: 700;
+        }
+        
+        /* Calculator - Advanced Profit Calculator */
+        .profit-calculator {
+            max-width: 1000px;
+            margin: var(--spacing-lg) auto;
+            background: white;
+            padding: var(--spacing-lg);
+            border-radius: var(--radius-lg);
+            box-shadow: var(--shadow-md);
+        }
+        
+        .calculator-title {
+            text-align: center;
+            font-size: 24px;
+            font-weight: 700;
+            margin-bottom: var(--spacing-md);
+            color: var(--text-primary);
+        }
+        
+        .level-tabs {
+            display: flex;
+            gap: 12px;
+            margin-bottom: 24px;
+        }
+        
+        .tab-btn {
+            flex: 1;
+            padding: 16px 20px;
+            border: 2px solid #e0e0e0;
+            border-radius: var(--radius-md);
+            background: #fff;
+            cursor: pointer;
+            font-size: 16px;
+            font-weight: 600;
+            transition: var(--transition);
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+        
+        .tab-btn:hover {
+            border-color: var(--primary-orange);
+        }
+        
+        .tab-btn.active {
+            border-color: var(--primary-orange);
+            background: var(--primary-gradient);
+            color: #fff;
+        }
+        
+        .tab-btn .price {
+            font-size: 13px;
+            font-weight: 400;
+            opacity: 0.9;
+        }
+        
+        .calculator-grid {
+            display: grid;
+            grid-template-columns: 1fr 1fr;
+            gap: 24px;
+        }
+        
+        .input-section, .profit-section {
+            background: var(--bg-gray);
+            padding: 20px;
+            border-radius: var(--radius-md);
+        }
+        
+        .input-section h4, .profit-section h4 {
+            font-size: 16px;
+            margin-bottom: 16px;
+            color: var(--text-primary);
+        }
+        
+        .input-group {
+            margin-bottom: 16px;
+        }
+        
+        .input-group label {
+            display: block;
+            margin-bottom: 6px;
+            font-size: 13px;
+            color: var(--text-secondary);
+        }
+        
+        .input-group input {
+            width: 100%;
+            padding: 10px 12px;
+            border: 1px solid #ddd;
+            border-radius: 6px;
+            font-size: 15px;
+            transition: var(--transition);
+        }
+        
+        .input-group input:focus {
+            outline: none;
+            border-color: var(--primary-orange);
+        }
+        
+        .profit-card {
+            background: #fff;
+            padding: 14px;
+            border-radius: 8px;
+            margin-bottom: 10px;
+        }
+        
+        .profit-card .label {
+            font-size: 13px;
+            color: var(--text-secondary);
+            margin-bottom: 4px;
+        }
+        
+        .profit-card .value {
+            font-size: 24px;
+            font-weight: 700;
+            color: var(--primary-orange);
+        }
+        
+        .profit-card .sub {
+            font-size: 11px;
+            color: #999;
+            margin-top: 4px;
+        }
+        
+        .profit-card.highlight {
+            background: #FFF3E0;
+            border: 2px solid var(--primary-orange);
+        }
+        
+        .profit-card.total {
+            background: var(--primary-gradient);
+            color: #fff;
+        }
+        
+        .profit-card.total .label,
+        .profit-card.total .value,
+        .profit-card.total .sub {
+            color: #fff;
+        }
+        
+        .roi-card {
+            background: #FFF3CD;
+            border: 2px solid #FFC107;
+            padding: 14px;
+            border-radius: 8px;
+            margin-top: 12px;
+        }
+        
+        .roi-card .label {
+            font-size: 13px;
+            color: #856404;
+        }
+        
+        .roi-card .value {
+            font-size: 20px;
+            font-weight: 700;
+            color: #856404;
+        }
+        
+        .roi-card .sub {
+            font-size: 11px;
+            color: #856404;
+            opacity: 0.8;
+            margin-top: 4px;
+        }
+        
+        .product-detail {
+            grid-column: 1 / -1;
+            background: #fff;
+            padding: 20px;
+            border-radius: var(--radius-md);
+            border: 1px solid #e0e0e0;
+            margin-top: 12px;
+        }
+        
+        .product-detail h4 {
+            font-size: 16px;
+            margin-bottom: 12px;
+            color: var(--text-primary);
+        }
+        
+        .product-detail table {
+            width: 100%;
+            border-collapse: collapse;
+            font-size: 13px;
+        }
+        
+        .product-detail th,
+        .product-detail td {
+            padding: 10px;
+            text-align: left;
+            border-bottom: 1px solid #e0e0e0;
+        }
+        
+        .product-detail th {
+            background: var(--bg-gray);
+            font-weight: 600;
+            color: var(--text-primary);
+        }
+        
+        .product-detail tr:hover {
+            background: var(--bg-gray-light);
+        }
+        
+        @media (max-width: 768px) {
+            .calculator-grid {
+                grid-template-columns: 1fr;
+            }
+            
+            .level-tabs {
+                flex-direction: column;
+            }
+        }
+        
+        /* ===== FAQ Section ===== */
+        .faq {
+            background: var(--bg-light);
+        }
+        
+        .faq-list {
+            max-width: 800px;
+            margin: 0 auto;
+        }
+        
+        .faq-item {
+            border-bottom: 1px solid #eee;
+            padding: var(--spacing-md) 0;
+            transition: var(--transition);
+        }
+        
+        .faq-item:hover {
+            background: rgba(255, 106, 25, 0.02);
+            padding-left: var(--spacing-sm);
+            padding-right: var(--spacing-sm);
+            margin-left: calc(-1 * var(--spacing-sm));
+            margin-right: calc(-1 * var(--spacing-sm));
+            border-radius: var(--radius-md);
+        }
+        }
+        
+        .faq-question {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            cursor: pointer;
+            padding: var(--spacing-sm) 0;
+            font-size: 18px;
+            font-weight: 500;
+            transition: var(--transition);
+        }
+        
+        .faq-question:hover {
+            color: var(--primary-orange);
+        }
+        
+        .faq-icon {
+            font-size: 24px;
+            color: var(--primary-orange);
+            transition: var(--transition);
+            width: 32px;
+            height: 32px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            border-radius: 50%;
+            background: rgba(255, 106, 25, 0.1);
+        }
+        
+        .faq-item.active .faq-icon {
+            background: var(--primary-gradient);
+            color: white;
+        }
+        
+        .faq-answer {
+            max-height: 0;
+            overflow: hidden;
+            transition: max-height 0.3s ease;
+            color: var(--text-secondary);
+            line-height: 1.8;
+        }
+        
+        .faq-item.active .faq-icon {
+            transform: rotate(45deg);
+        }
+        
+        .faq-item.active .faq-answer {
+            max-height: 500px;
+            margin-top: var(--spacing-sm);
+        }
+        
+        /* ===== CTA Section ===== */
+        .cta {
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 50%, #FF8A5C 100%);
+            background-size: 200% 200%;
+            animation: gradientShift 5s ease infinite;
+            color: white;
+            text-align: center;
+            padding: var(--spacing-xl) 0;
+            position: relative;
+            overflow: hidden;
+        }
+        
+        .cta::before {
+            content: '';
+            position: absolute;
+            top: -50%;
+            left: -50%;
+            width: 200%;
+            height: 200%;
+            background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
+            animation: rotate 20s linear infinite;
+        }
+        
+        @keyframes rotate {
+            from { transform: rotate(0deg); }
+            to { transform: rotate(360deg); }
+        }
+        
+        .cta h2 {
+            font-size: 36px;
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .cta p {
+            font-size: 18px;
+            opacity: 0.95;
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        .cta-buttons {
+            display: flex;
+            justify-content: center;
+            gap: var(--spacing-sm);
+            flex-wrap: wrap;
+            position: relative;
+            z-index: 1;
+        }
+        
+        .cta .btn {
+            background: white;
+            color: var(--primary-orange);
+        }
+        
+        .cta .btn:hover {
+            transform: translateY(-3px);
+            box-shadow: 0 8px 24px rgba(0,0,0,0.2);
+        }
+        
+        .cta .btn-outline {
+            background: transparent;
+            border-color: rgba(255,255,255,0.5);
+            color: white;
+        }
+        
+        .cta .btn-outline:hover {
+            background: white;
+            color: var(--primary-orange);
+        }
+        
+        .cta .btn-outline:hover {
+            background: white;
+            color: var(--primary-orange);
+        }
+        
+        /* ===== Footer ===== */
+        .footer {
+            background: #1A1A1A;
+            color: white;
+            padding: var(--spacing-xl) 0 var(--spacing-lg);
+        }
+        
+        .footer-grid {
+            display: grid;
+            grid-template-columns: 2fr repeat(3, 1fr);
+            gap: var(--spacing-lg);
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        .footer-brand h3 {
+            font-size: 24px;
+            margin-bottom: var(--spacing-sm);
+            color: var(--primary-orange);
+        }
+        
+        .footer-brand p {
+            font-size: 14px;
+            opacity: 0.8;
+            line-height: 1.8;
+        }
+        
+        .footer-title {
+            font-size: 16px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .footer-links li {
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .footer-links a {
+            font-size: 14px;
+            opacity: 0.8;
+            transition: var(--transition);
+        }
+        
+        .footer-links a:hover {
+            opacity: 1;
+            color: var(--primary-orange);
+        }
+        
+        .footer-bottom {
+            padding-top: var(--spacing-lg);
+            border-top: 1px solid rgba(255,255,255,0.1);
+            text-align: center;
+            font-size: 14px;
+            opacity: 0.6;
+        }
+        
+        .footer-icp {
+            margin-top: var(--spacing-sm);
+        }
+        
+        /* ===== Animations ===== */
+        @keyframes fadeInUp {
+            from {
+                opacity: 0;
+                transform: translateY(30px);
+            }
+            to {
+                opacity: 1;
+                transform: translateY(0);
+            }
+        }
+        
+        .fade-in-up {
+            animation: fadeInUp 0.6s ease forwards;
+        }
+        
+        .section-title {
+            opacity: 0;
+            animation: fadeInUp 0.6s ease forwards;
+        }
+        
+        .product-card {
+            opacity: 0;
+            animation: fadeInUp 0.6s ease forwards;
+            animation-play-state: paused;
+        }
+        
+        .product-card:nth-child(1) { animation-delay: 0.1s; }
+        .product-card:nth-child(2) { animation-delay: 0.15s; }
+        .product-card:nth-child(3) { animation-delay: 0.2s; }
+        .product-card:nth-child(4) { animation-delay: 0.25s; }
+        .product-card:nth-child(5) { animation-delay: 0.3s; }
+        .product-card:nth-child(6) { animation-delay: 0.35s; }
+        
+        .pricing-card {
+            opacity: 0;
+            animation: fadeInUp 0.6s ease forwards;
+            animation-play-state: paused;
+        }
+        
+        .pricing-card:nth-child(1) { animation-delay: 0.1s; }
+        .pricing-card:nth-child(2) { animation-delay: 0.2s; }
+        .pricing-card:nth-child(3) { animation-delay: 0.3s; }
+        
+        /* ===== Responsive ===== */
+        @media (max-width: 1024px) {
+            .features-grid {
+                grid-template-columns: repeat(2, 1fr);
+            }
+            
+            .products-grid {
+                grid-template-columns: repeat(2, 1fr);
+            }
+            
+            .pricing-grid {
+                grid-template-columns: repeat(2, 1fr);
+            }
+            
+            .footer-grid {
+                grid-template-columns: repeat(2, 1fr);
+            }
+        }
+        
+        /* ===== Mobile Responsive - 手机竖屏版 ===== */
+        @media (max-width: 768px) {
+            /* 导航栏 */
+            .navbar .container {
+                height: 60px;
+                padding: 0 12px;
+            }
+            
+            .logo {
+                padding: 0;
+                margin-left: 0;
+            }
+            
+            .logo-img {
+            background: rgba(255,255,255,0.95);
+                height: 40px;
+                margin-left: 0;
+            }
+            
+            .nav-menu {
+                display: none;
+                position: absolute;
+                top: 64px;
+                left: 0;
+                right: 0;
+                background: white;
+                flex-direction: column;
+                padding: var(--spacing-md);
+                box-shadow: var(--shadow-md);
+                z-index: 999;
+            }
+            
+            .nav-menu.active {
+                display: flex;
+            }
+            
+            .nav-menu li {
+                margin: 8px 0;
+            }
+            
+            .nav-link {
+                font-size: 16px;
+                padding: 12px 0;
+                display: block;
+            }
+            
+            .nav-cta {
+                display: none;
+            }
+            
+            .menu-toggle {
+                display: flex;
+            }
+            
+            /* Hero Section */
+            .hero {
+                padding-top: 100px;
+                padding-bottom: var(--spacing-lg);
+            }
+            
+            .hero h1 {
+                font-size: 28px;
+                line-height: 1.3;
+            }
+            
+            .hero p {
+                font-size: 14px;
+                margin-top: 12px;
+            }
+            
+            .hero-badge {
+                font-size: 12px;
+                padding: 6px 12px;
+            }
+            
+            .hero-stats {
+                flex-direction: column;
+                gap: var(--spacing-sm);
+                margin-top: var(--spacing-md);
+            }
+            
+            .stat-item {
+                flex-direction: row;
+                justify-content: space-between;
+                padding: 12px 16px;
+            }
+            
+            .stat-number {
+                font-size: 24px;
+            }
+            
+            .stat-label {
+                font-size: 13px;
+            }
+            
+            .hero-buttons {
+                flex-direction: column;
+                gap: 12px;
+            }
+            
+            .hero-buttons .btn {
+                width: 100%;
+            }
+            
+            /* Section Titles */
+            .section-title {
+                font-size: 26px;
+            }
+            
+            .section-subtitle {
+                font-size: 15px;
+            }
+            
+            /* Features */
+            .features-grid {
+                grid-template-columns: 1fr;
+                gap: var(--spacing-sm);
+            }
+            
+            .feature-card {
+                padding: var(--spacing-md);
+            }
+            
+            .feature-icon {
+                font-size: 36px;
+            }
+            
+            .feature-title {
+                font-size: 17px;
+            }
+            
+            .feature-desc {
+                font-size: 13px;
+            }
+            
+            /* Products */
+            .products-grid {
+                grid-template-columns: 1fr;
+                gap: var(--spacing-sm);
+            }
+            
+            .product-card {
+                padding: var(--spacing-md);
+            }
+            
+            .product-icon {
+                font-size: 40px;
+            }
+            
+            .product-name {
+                font-size: 17px;
+            }
+            
+            .product-price {
+                font-size: 20px;
+            }
+            
+            .product-features li {
+                font-size: 13px;
+            }
+            
+            /* Pricing */
+            .pricing-grid {
+                grid-template-columns: 1fr;
+                gap: var(--spacing-sm);
+            }
+            
+            .pricing-card {
+                padding: var(--spacing-md);
+            }
+            
+            .pricing-name {
+                font-size: 18px;
+            }
+            
+            .pricing-price {
+                font-size: 28px;
+            }
+            
+            .pricing-features {
+                font-size: 13px;
+            }
+            
+            .pricing-features li {
+                padding: 8px 0;
+            }
+            
+            /* Calculator */
+            .profit-calculator {
+                padding: var(--spacing-md);
+            }
+            
+            .calculator-grid {
+                grid-template-columns: 1fr;
+                gap: var(--spacing-sm);
+            }
+            
+            .level-tabs {
+                flex-direction: column;
+                gap: 8px;
+            }
+            
+            .tab-btn {
+                padding: 12px 16px;
+                font-size: 15px;
+            }
+            
+            .input-section,
+            .profit-section {
+                padding: 16px;
+            }
+            
+            .profit-card .value {
+                font-size: 20px;
+            }
+            
+            .product-detail table {
+                font-size: 12px;
+            }
+            
+            .product-detail th,
+            .product-detail td {
+                padding: 8px 4px;
+            }
+            
+            /* FAQ */
+            .faq-question {
+                font-size: 16px;
+            }
+            
+            .faq-answer {
+                font-size: 14px;
+            }
+            
+            /* CTA */
+            .cta {
+                padding: var(--spacing-lg) 0;
+            }
+            
+            .cta h2 {
+                font-size: 22px;
+            }
+            
+            .cta p {
+                font-size: 14px;
+            }
+            
+            .cta-buttons {
+                flex-direction: column;
+                gap: 12px;
+            }
+            
+            .cta-buttons .btn {
+                width: 100%;
+            }
+            
+            /* Footer */
+            .footer {
+                padding: var(--spacing-lg) 0;
+            }
+            
+            .footer-grid {
+                grid-template-columns: 1fr;
+                gap: var(--spacing-md);
+            }
+            
+            .footer-brand h3 {
+                font-size: 18px;
+            }
+            
+            .footer-title {
+                font-size: 15px;
+            }
+            
+            .footer-links li {
+                font-size: 13px;
+            }
+            
+            .footer-bottom {
+                flex-direction: column;
+                text-align: center;
+                font-size: 12px;
+            }
+            
+            /* Tech Section */
+            .tech-flow {
+                flex-direction: column;
+                gap: var(--spacing-sm);
+            }
+            
+            .tech-step {
+                padding: var(--spacing-sm);
+            }
+            
+            .tech-step-icon {
+                font-size: 32px;
+            }
+            
+            .tech-step-title {
+                font-size: 15px;
+            }
+            
+            .tech-step-desc {
+                font-size: 12px;
+            }
+            
+            .tech-arrow {
+                transform: rotate(90deg);
+                font-size: 20px;
+            }
+            
+            .api-tags {
+                flex-wrap: wrap;
+            }
+            
+            .api-tag {
+                font-size: 12px;
+                padding: 6px 12px;
+            }
+            
+            /* Buttons */
+            .btn {
+                padding: 12px 24px;
+                font-size: 15px;
+            }
+        }
+        
+        /* 超小屏幕优化 */
+        @media (max-width: 480px) {
+            .hero h1 {
+                font-size: 24px;
+            }
+            
+            .section-title {
+                font-size: 22px;
+            }
+            
+            .container {
+                padding: 0 12px;
+            }
+            
+            .navbar .container {
+                padding: 0 12px;
+            }
+        }
+    </style>
+</head>
+<body>
+    <!-- Navigation -->
+    <nav class="navbar" id="navbar">
+        <div class="container">
+            <a href="#" class="logo">
+                <img src="assets/logo.png" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            
+            <div class="menu-toggle" id="menuToggle">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+            
+            <ul class="nav-menu" id="navMenu">
+                <li><a href="#home" class="nav-link">首页</a></li>
+                <li><a href="#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="#technology" class="nav-link">AI 能力</a></li>
+                <li><a href="#partnership" class="nav-link">代理合作</a></li>
+                <li><a href="#about" class="nav-link">关于我们</a></li>
+            </ul>
+            
+            <div class="nav-cta">
+                <a href="#products" class="btn btn-outline nav-btn">立即查询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
+            </div>
+        </div>
+    </nav>
+
+    <!-- Hero Section -->
+    <section class="hero" id="home">
+        <div class="container">
+            <div class="hero-content">
+                <span class="hero-badge">🤖 AI 驱动的商业信任科技平台</span>
+                <h1>让信任无处不在<br>让合作没有距离</h1>
+                <p>200+ 数据接口 · 智能组合 · 秒级响应</p>
+                
+                <div class="hero-buttons">
+                    <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary">🚀 立即注册</a>
+                    <a href="#partnership" class="btn btn-outline">💼 代理合作</a>
+                </div>
+                
+                <div class="hero-stats">
+                    <div class="stat-item">
+                        <div class="stat-number" id="statReports">0</div>
+                        <div class="stat-label">已生成报告</div>
+                    </div>
+                    <div class="stat-item">
+                        <div class="stat-number" id="statUsers">0</div>
+                        <div class="stat-label">服务用户</div>
+                    </div>
+                    <div class="stat-item">
+                        <div class="stat-number" id="statApis">200+</div>
+                        <div class="stat-label">数据接口</div>
+                    </div>
+                    <div class="stat-item">
+                        <div class="stat-number" id="statEnterprises">0</div>
+                        <div class="stat-label">合作企业</div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+
+
+    <!-- Features Section -->
+    <section class="section features">
+        <div class="container">
+            <h2 class="section-title">核心优势</h2>
+            <p class="section-subtitle">为什么选择愉悦查</p>
+            
+            <div class="features-grid">
+                <div class="feature-card">
+                    <div class="feature-icon">📡</div>
+                    <h3 class="feature-title">海量数据</h3>
+                    <p class="feature-desc">200+ 官方数据接口<br>覆盖全维度信息</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">🤖</div>
+                    <h3 class="feature-title">AI 引擎</h3>
+                    <p class="feature-desc">智能组合接口<br>40+ 分析技能</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">⚡</div>
+                    <h3 class="feature-title">秒级响应</h3>
+                    <p class="feature-desc">实时生成报告<br>最快 3 秒出结果</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">🔒</div>
+                    <h3 class="feature-title">安全合规</h3>
+                    <p class="feature-desc">等保三级认证<br>数据加密传输</p>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Products Section -->
+    <section class="section products" id="products">
+        <div class="container">
+            <h2 class="section-title">产品服务</h2>
+            <p class="section-subtitle">6 大标准报告 + AI 智能定制</p>
+            
+            <div class="products-grid">
+                <!-- Product 1 -->
+                <div class="product-card">
+                    <div class="product-icon">📊</div>
+                    <h3 class="product-name">个人大数据报告</h3>
+                    <div class="product-price">¥49.8</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>全面个人背景分析</li>
+                        <li>秒级生成</li>
+                        <li>PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=riskassessment" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/riskassessment" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- Product 2 -->
+                <div class="product-card">
+                    <div class="product-icon">💕</div>
+                    <h3 class="product-name">婚恋风险报告</h3>
+                    <div class="product-price">¥39.9</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>婚恋风险评估</li>
+                        <li>隐私保护</li>
+                        <li>PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=marriage" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/marriage" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- Product 3 -->
+                <div class="product-card">
+                    <div class="product-icon">💼</div>
+                    <h3 class="product-name">入职背调报告</h3>
+                    <div class="product-price">¥69.9</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>员工背景筛查</li>
+                        <li>降低用工风险</li>
+                        <li>批量查询优惠</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=backgroundcheck" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/backgroundcheck" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- Product 4 -->
+                <div class="product-card">
+                    <div class="product-icon">🏢</div>
+                    <h3 class="product-name">小微企业报告</h3>
+                    <div class="product-price">¥69.9</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>企业风险筛查</li>
+                        <li>合作前必备</li>
+                        <li>PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=companyinfo" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/companyinfo" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- Product 5 -->
+                <div class="product-card">
+                    <div class="product-icon">🧹</div>
+                    <h3 class="product-name">家政风险报告</h3>
+                    <div class="product-price">¥39.9</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>家政人员背调</li>
+                        <li>雇佣更安全</li>
+                        <li>PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=homeservice" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/homeservice" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- Product 6 -->
+                <div class="product-card">
+                    <div class="product-icon">💳</div>
+                    <h3 class="product-name">消金报告</h3>
+                    <div class="product-price">¥39.9</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>消费金融风险评估</li>
+                        <li>快速决策支持</li>
+                        <li>PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=consumerFinanceReport" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/consumerFinanceReport" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- AI Custom Product -->
+                <div class="product-ai">
+                    <h3>✨ AI 定制报告</h3>
+                    <p>告诉我您的需求，AI 智能组合 200+ 接口，生成独一无二的专属报告</p>
+                    <p style="font-size:14px;opacity:0.8;">例："我想了解一个合作伙伴的信用和风险状况"</p>
+                    <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn">🎯 立即定制 - 从 ¥99 起</a>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Sample Reports Section -->
+    <section class="section sample-reports" id="sample-reports" style="background: var(--bg-gray);">
+        <div class="container">
+            <h2 class="section-title">示例报告</h2>
+            <p class="section-subtitle">查看真实报告样本，了解报告内容</p>
+            
+            <div class="sample-grid">
+                <!-- Sample 1 -->
+                <div class="sample-card">
+                    <div class="sample-icon">📊</div>
+                    <h3 class="sample-name">个人大数据报告</h3>
+                    <p class="sample-desc">全面个人背景分析，包含身份信息、社交网络、行为特征等多维度数据</p>
+                    <ul class="sample-features">
+                        <li>✓ 3-4 个数据接口组合</li>
+                        <li>✓ 秒级生成</li>
+                        <li>✓ PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=riskassessment" target="_blank" class="btn btn-outline" style="width:100%">👁️ 查看示例</a>
+                </div>
+                
+                <!-- Sample 2 -->
+                <div class="sample-card">
+                    <div class="sample-icon">💕</div>
+                    <h3 class="sample-name">婚恋风险报告</h3>
+                    <p class="sample-desc">婚恋风险评估，帮助了解对方的婚姻状况、信用记录等关键信息</p>
+                    <ul class="sample-features">
+                        <li>✓ 婚恋风险评估</li>
+                        <li>✓ 隐私保护</li>
+                        <li>✓ PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=marriage" target="_blank" class="btn btn-outline" style="width:100%">👁️ 查看示例</a>
+                </div>
+                
+                <!-- Sample 3 -->
+                <div class="sample-card">
+                    <div class="sample-icon">💼</div>
+                    <h3 class="sample-name">入职背调报告</h3>
+                    <p class="sample-desc">员工背景筛查，降低用工风险，包含学历、工作履历、信用记录等</p>
+                    <ul class="sample-features">
+                        <li>✓ 员工背景筛查</li>
+                        <li>✓ 降低用工风险</li>
+                        <li>✓ 批量查询优惠</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=backgroundcheck" target="_blank" class="btn btn-outline" style="width:100%">👁️ 查看示例</a>
+                </div>
+                
+                <!-- Sample 4 -->
+                <div class="sample-card">
+                    <div class="sample-icon">🏢</div>
+                    <h3 class="sample-name">小微企业报告</h3>
+                    <p class="sample-desc">企业风险筛查，合作前必备，包含工商信息、司法风险、经营状况等</p>
+                    <ul class="sample-features">
+                        <li>✓ 企业风险筛查</li>
+                        <li>✓ 合作前必备</li>
+                        <li>✓ PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=companyinfo" target="_blank" class="btn btn-outline" style="width:100%">👁️ 查看示例</a>
+                </div>
+                
+                <!-- Sample 5 -->
+                <div class="sample-card">
+                    <div class="sample-icon">🧹</div>
+                    <h3 class="sample-name">家政风险报告</h3>
+                    <p class="sample-desc">家政人员背调，雇佣更安全，包含身份信息、犯罪记录、信用状况等</p>
+                    <ul class="sample-features">
+                        <li>✓ 家政人员背调</li>
+                        <li>✓ 雇佣更安全</li>
+                        <li>✓ PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=homeservice" target="_blank" class="btn btn-outline" style="width:100%">👁️ 查看示例</a>
+                </div>
+                
+                <!-- Sample 6 -->
+                <div class="sample-card">
+                    <div class="sample-icon">💳</div>
+                    <h3 class="sample-name">消金报告</h3>
+                    <p class="sample-desc">消费金融风险评估，快速决策支持，包含信用记录、负债情况、还款能力等</p>
+                    <ul class="sample-features">
+                        <li>✓ 消费金融风险评估</li>
+                        <li>✓ 快速决策支持</li>
+                        <li>✓ PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=consumerFinanceReport" target="_blank" class="btn btn-outline" style="width:100%">👁️ 查看示例</a>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- Technology Section -->
+    <section class="section technology" id="technology">
+        <div class="container">
+            <h2 class="section-title">AI 技术能力</h2>
+            <p class="section-subtitle">200+ 数据接口智能组合引擎</p>
+            
+            <div class="tech-diagram">
+                <div class="tech-flow">
+                    <div class="tech-step">
+                        <div class="tech-step-icon">📝</div>
+                        <div class="tech-step-title">用户需求</div>
+                        <div class="tech-step-desc">自然语言描述</div>
+                    </div>
+                    <div class="tech-arrow">→</div>
+                    <div class="tech-step">
+                        <div class="tech-step-icon">🧠</div>
+                        <div class="tech-step-title">AI 分析</div>
+                        <div class="tech-step-desc">理解需求意图</div>
+                    </div>
+                    <div class="tech-arrow">→</div>
+                    <div class="tech-step">
+                        <div class="tech-step-icon">🔌</div>
+                        <div class="tech-step-title">接口选择</div>
+                        <div class="tech-step-desc">智能匹配接口</div>
+                    </div>
+                    <div class="tech-arrow">→</div>
+                    <div class="tech-step">
+                        <div class="tech-step-icon">📊</div>
+                        <div class="tech-step-title">报告生成</div>
+                        <div class="tech-step-desc">秒级输出结果</div>
+                    </div>
+                </div>
+                
+                <div class="tech-apis">
+                    <p>接口类型覆盖</p>
+                    <div class="api-tags">
+                        <span class="api-tag">公安数据</span>
+                        <span class="api-tag">法院数据</span>
+                        <span class="api-tag">学历验证</span>
+                        <span class="api-tag">工作履历</span>
+                        <span class="api-tag">金融信用</span>
+                        <span class="api-tag">社交网络</span>
+                        <span class="api-tag">商业信息</span>
+                        <span class="api-tag">更多...</span>
+                    </div>
+                </div>
+            </div>
+            
+            <div style="text-align:center;margin-top:var(--spacing-lg);">
+                <a href="/apidemo/" class="btn btn-outline" style="border-color:rgba(255,255,255,0.3);color:white;">📚 查看 API 文档</a>
+                <a href="https://yuyuecha.com/platform" class="btn btn-outline" style="border-color:rgba(255,255,255,0.3);color:white;margin-left:var(--spacing-sm);">🔧 开放平台</a>
+            </div>
+        </div>
+    </section>
+
+    <!-- Partnership Section -->
+    <section class="section partnership" id="partnership">
+        <div class="container">
+            <h2 class="section-title">代理合作</h2>
+            <p class="section-subtitle">加入愉悦查，共享信任经济红利</p>
+            
+            <div class="pricing-grid">
+                <!-- Silver -->
+                <div class="pricing-card">
+                    <div class="pricing-icon">🥈</div>
+                    <h3 class="pricing-name">白银代理</h3>
+                    <div class="pricing-price">¥0<span>/终身</span></div>
+                    <ul class="pricing-features">
+                        <li>10% 返佣</li>
+                        <li>基础培训支持</li>
+                        <li>标准产品价格</li>
+                        <li>在线帮助中心</li>
+                    </ul>
+                    <a href="https://p.yuyuecha.com/s/Cc9wgE" class="btn btn-outline" style="width:100%">立即申请</a>
+                </div>
+                
+                <!-- Gold -->
+                <div class="pricing-card featured">
+                    <div class="pricing-icon">🥇</div>
+                    <h3 class="pricing-name">黄金代理</h3>
+                    <div class="pricing-price">¥198<span>/年</span></div>
+                    <ul class="pricing-features">
+                        <li>30% 返佣</li>
+                        <li>优先技术支持</li>
+                        <li>专属代理价格</li>
+                        <li>营销素材支持</li>
+                        <li>定期培训</li>
+                    </ul>
+                    <a href="https://p.yuyuecha.com/s/Cc9wgE" class="btn btn-primary" style="width:100%">立即申请</a>
+                </div>
+                
+                <!-- Diamond -->
+                <div class="pricing-card">
+                    <div class="pricing-icon">💎</div>
+                    <h3 class="pricing-name">钻石代理</h3>
+                    <div class="pricing-price">¥980<span>/年</span></div>
+                    <ul class="pricing-features">
+                        <li>50% 返佣</li>
+                        <li>1 对 1 专属辅导</li>
+                        <li>最低代理价格</li>
+                        <li>联合营销支持</li>
+                        <li>优先新功能体验</li>
+                        <li>区域保护政策</li>
+                    </ul>
+                    <a href="https://p.yuyuecha.com/s/Cc9wgE" class="btn btn-outline" style="width:100%">立即申请</a>
+                </div>
+            </div>
+            
+            <!-- Advanced Profit Calculator -->
+            <div class="profit-calculator">
+                <h3 class="calculator-title">💵 代理收益计算器</h3>
+                
+                <!-- Level Tabs -->
+                <div class="level-tabs">
+                    <button class="tab-btn active" onclick="switchLevel('silver')">
+                        🥈 白银代理
+                        <span class="price">¥0</span>
+                    </button>
+                    <button class="tab-btn" onclick="switchLevel('gold')">
+                        🥇 黄金代理
+                        <span class="price">¥198</span>
+                    </button>
+                    <button class="tab-btn" onclick="switchLevel('diamond')">
+                        💎 钻石代理
+                        <span class="price">¥980</span>
+                    </button>
+                </div>
+                
+                <div class="calculator-grid">
+                    <!-- Input Section -->
+                    <div class="input-section">
+                        <h4>📊 输入您的销售数据</h4>
+                        
+                        <div class="input-group">
+                            <label>每日销售份数</label>
+                            <input type="number" id="dailySales" value="30" min="0" max="1000" oninput="calculateProfit()">
+                        </div>
+                        
+                        <div class="input-group">
+                            <label>直推代理人数（月）</label>
+                            <input type="number" id="referralCount" value="5" min="0" max="100" oninput="calculateProfit()">
+                        </div>
+                        
+                        <div class="input-group" id="teamSilverGroup" style="display:none;">
+                            <label>下级白银代理人数</label>
+                            <input type="number" id="teamSilver" value="20" min="0" max="500" oninput="calculateProfit()">
+                        </div>
+                        
+                        <div class="input-group" id="teamGoldGroup" style="display:none;">
+                            <label>下级黄金代理人数</label>
+                            <input type="number" id="teamGold" value="5" min="0" max="100" oninput="calculateProfit()">
+                        </div>
+                    </div>
+                    
+                    <!-- Profit Section -->
+                    <div class="profit-section">
+                        <h4>💰 预期收益</h4>
+                        
+                        <div class="profit-card">
+                            <div class="label">单份平均利润</div>
+                            <div class="value" id="avgProfit">¥38.22</div>
+                        </div>
+                        
+                        <div class="profit-card highlight">
+                            <div class="label">日零售收益</div>
+                            <div class="value" id="dailyRetailProfit">¥1,147</div>
+                            <div class="sub" id="dailyRetailSub">30 份 × ¥38.22</div>
+                        </div>
+                        
+                        <div class="profit-card">
+                            <div class="label">月零售收益</div>
+                            <div class="value" id="monthlyRetailProfit">¥34,410</div>
+                        </div>
+                        
+                        <div class="profit-card" id="referralCard">
+                            <div class="label">月直推奖励</div>
+                            <div class="value" id="monthlyReferralProfit">¥0</div>
+                            <div class="sub" id="referralSub">5 人 × ¥0/人</div>
+                        </div>
+                        
+                        <div class="profit-card" id="teamCard" style="display:none;">
+                            <div class="label">月团队提成</div>
+                            <div class="value" id="monthlyTeamProfit">¥0</div>
+                        </div>
+                        
+                        <div class="profit-card total">
+                            <div class="label">月总收益</div>
+                            <div class="value" id="totalMonthlyProfit">¥34,410</div>
+                        </div>
+                        
+                        <div class="roi-card" id="roiCard" style="display:none;">
+                            <div class="label">回本周期</div>
+                            <div class="value" id="paybackDays">0 天</div>
+                            <div class="sub" id="paybackHours">或 0 小时（日销 30 份）</div>
+                        </div>
+                    </div>
+                </div>
+                
+                <!-- Product Detail Table -->
+                <div class="product-detail">
+                    <h4>📦 各产品利润明细（<span id="currentLevelName">白银代理</span>）</h4>
+                    <table>
+                        <thead>
+                            <tr>
+                                <th>产品</th>
+                                <th>零售价</th>
+                                <th>您的底价</th>
+                                <th>单份利润</th>
+                                <th>利润率</th>
+                            </tr>
+                        </thead>
+                        <tbody id="productTableBody">
+                            <!-- Populated by JavaScript -->
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+            
+            <div style="text-align:center;">
+                <a href="https://p.yuyuecha.com/s/Cc9wgE" class="btn btn-primary">📝 立即申请代理</a>
+            </div>
+        </div>
+    </section>
+
+    <!-- FAQ Section -->
+    <section class="section faq" id="faq">
+        <div class="container">
+            <h2 class="section-title">常见问题</h2>
+            <p class="section-subtitle">您可能想知道的问题</p>
+            
+            <div class="faq-list">
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>报告准确率如何保证？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        愉悦查所有数据均来自官方授权渠道，通过 200+ 数据接口交叉验证，确保信息准确可靠。AI 引擎会自动识别异常数据并进行人工复核，准确率达 99% 以上。
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>数据来源是否合法合规？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        是的，我们严格遵守《个人信息保护法》和相关法律法规，所有数据接口均获得合法授权，查询过程需要被查询人授权同意，确保数据来源和使用完全合规。
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>多久能拿到报告？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        标准报告通常 3-5 秒即可生成，复杂报告或 AI 定制报告可能需要 30 秒 -2 分钟。报告生成后会通过短信/邮件通知您，也可在个人中心随时查看下载。
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>如何成为代理？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        点击页面上方的"立即申请"按钮，填写代理申请表，我们的招商团队会在 1-2 个工作日内联系您。白银代理零门槛免费加入，黄金/钻石代理需支付相应年费。
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>支持退款吗？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        报告一旦生成无法退款，因为数据查询成本已产生。但如果您对报告质量有异议，可在 7 天内联系客服申请复核或重新查询。
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- CTA Section -->
+    <section class="cta">
+        <div class="container">
+            <h2>准备好开始建立信任了吗？</h2>
+            <p>立即体验 AI 驱动的商业信任科技</p>
+            <div class="cta-buttons">
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn">🚀 立即注册</a>
+                <a href="#partnership" class="btn btn-outline">💼 代理合作</a>
+            </div>
+        </div>
+    </section>
+
+    <!-- Footer -->
+    <footer class="footer" id="about">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <h3>愉悦查</h3>
+                    <p>让信任无处不在，让合作没有距离</p>
+                    <p style="margin-top:16px;font-size:13px;">愉悦查（北京正信环宇科技有限公司）</p>
+                    <p style="font-size:13px;">AI 驱动的商业信任科技平台</p>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">产品</h4>
+                    <ul class="footer-links">
+                        <li><a href="/product/riskassessment.html">个人大数据报告</a></li>
+                        <li><a href="/product/marriage.html">婚恋风险报告</a></li>
+                        <li><a href="/product/backgroundcheck.html">入职背调报告</a></li>
+                        <li><a href="/product/companyinfo.html">小微企业报告</a></li>
+                        <li><a href="/product/homeservice.html">家政风险报告</a></li>
+                        <li><a href="/product/consumerFinanceReport.html">消金报告</a></li>
+                        <li><a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" target="_blank">AI 定制报告</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">公司</h4>
+                    <ul class="footer-links">
+                        <li><a href="/about.html">关于我们</a></li>
+                        <li><a href="/careers.html">加入我们</a></li>
+                        <li><a href="/contact.html">联系我们</a></li>
+                        <li><a href="/news.html">新闻动态</a></li>
+                        <li><a href="/partners.html">合作伙伴</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">支持</h4>
+                    <ul class="footer-links">
+                        <li><a href="/help.html">帮助中心</a></li>
+                        <li><a href="/apidemo/">API 文档</a></li>
+                        <li><a href="/index.html#partnership">代理支持</a></li>
+                        <li><a href="/privacy.html">隐私政策</a></li>
+                        <li><a href="/terms.html">服务条款</a></li>
+                        <li><a href="/disclaimer.html">免责声明</a></li>
+                    </ul>
+                </div>
+            </div>
+            
+            <div class="footer-bottom">
+                <p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p class="footer-icp">京 ICP 备 2025158088 号 -2</p>
+            </div>
+        </div>
+    </footer>
+
+    <!-- Back to Top Button -->
+    <button id="backToTop" style="position:fixed;bottom:30px;right:30px;width:50px;height:50px;border-radius:50%;background:var(--primary-gradient);border:none;cursor:pointer;box-shadow:var(--shadow-lg);display:none;align-items:center;justify-content:center;font-size:24px;z-index:999;transition:var(--transition);">↑</button>
+
+    <script>
+        // ===== Back to Top Button =====
+        const backToTopBtn = document.getElementById('backToTop');
+        
+        window.addEventListener('scroll', () => {
+            if (window.scrollY > 500) {
+                backToTopBtn.style.display = 'flex';
+            } else {
+                backToTopBtn.style.display = 'none';
+            }
+        });
+        
+        backToTopBtn.addEventListener('click', () => {
+            window.scrollTo({ top: 0, behavior: 'smooth' });
+        });
+        
+        backToTopBtn.addEventListener('mouseenter', () => {
+            backToTopBtn.style.transform = 'scale(1.1)';
+        });
+        
+        backToTopBtn.addEventListener('mouseleave', () => {
+            backToTopBtn.style.transform = 'scale(1)';
+        });
+
+        // ===== Navbar Scroll Effect =====
+        window.addEventListener('scroll', () => {
+            const navbar = document.getElementById('navbar');
+            if (window.scrollY > 50) {
+                navbar.classList.add('scrolled');
+            } else {
+                navbar.classList.remove('scrolled');
+            }
+        });
+
+        // ===== Mobile Menu Toggle =====
+        document.getElementById('menuToggle').addEventListener('click', () => {
+            document.getElementById('navMenu').classList.toggle('active');
+        });
+
+        // ===== Smooth Scroll =====
+        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' });
+                    // Close mobile menu
+                    document.getElementById('navMenu').classList.remove('active');
+                }
+            });
+        });
+
+        // ===== Animated Counter =====
+        function animateCounter(elementId, target, suffix = '') {
+            const element = document.getElementById(elementId);
+            if (!element) return;
+            
+            let current = 0;
+            const increment = target / 50;
+            const timer = setInterval(() => {
+                current += increment;
+                if (current >= target) {
+                    element.textContent = target.toLocaleString() + suffix;
+                    clearInterval(timer);
+                } else {
+                    element.textContent = Math.floor(current).toLocaleString() + suffix;
+                }
+            }, 30);
+        }
+
+        // ===== Intersection Observer for Animations =====
+        const observerOptions = {
+            threshold: 0.2,
+            rootMargin: '0px'
+        };
+
+        const observer = new IntersectionObserver((entries) => {
+            entries.forEach(entry => {
+                if (entry.isIntersecting) {
+                    // Animate stats when visible
+                    if (entry.target.id === 'statReports') {
+                        animateCounter('statReports', 100000, '+');
+                        animateCounter('statUsers', 50000, '+');
+                        animateCounter('statEnterprises', 5000, '+');
+                    }
+                    observer.unobserve(entry.target);
+                }
+            });
+        }, observerOptions);
+
+        document.getElementById('statReports') && observer.observe(document.getElementById('statReports'));
+
+        // ===== FAQ Toggle =====
+        document.querySelectorAll('.faq-question').forEach(question => {
+            question.addEventListener('click', () => {
+                const item = question.parentElement;
+                const icon = question.querySelector('.faq-icon');
+                
+                // Close other items
+                document.querySelectorAll('.faq-item').forEach(other => {
+                    if (other !== item) {
+                        other.classList.remove('active');
+                        other.querySelector('.faq-icon').textContent = '+';
+                    }
+                });
+                
+                // Toggle current item
+                item.classList.toggle('active');
+                icon.textContent = item.classList.contains('active') ? '×' : '+';
+            });
+        });
+
+        // ===== Advanced Profit Calculator =====
+        const levelData = {
+            silver: { name: '白银代理', fee: 0, markup: 6, referralBonus: 0, teamSilver: 2, teamGold: 0 },
+            gold: { name: '黄金代理', fee: 198, markup: 3, referralBonus: 60, teamSilver: 3, teamGold: 0 },
+            diamond: { name: '钻石代理', fee: 980, markup: 2, referralBonus: 300, teamSilver: 6, teamGold: 3 }
+        };
+        
+        const products = [
+            { name: '消金报告', retail: 39.9, baseCost: 6.0 },
+            { name: '家政风险报告', retail: 39.9, baseCost: 6.0 },
+            { name: '个人大数据报告', retail: 49.8, baseCost: 5.0 },
+            { name: '入职背调报告', retail: 69.9, baseCost: 9.0 },
+            { name: '小微企业报告', retail: 69.9, baseCost: 9.0 },
+            { name: '婚恋风险报告', retail: 39.9, baseCost: 9.0 }
+        ];
+        
+        let currentLevel = 'silver';
+        
+        function switchLevel(level) {
+            currentLevel = level;
+            
+            // Update tabs
+            document.querySelectorAll('.tab-btn').forEach(btn => btn.classList.remove('active'));
+            event.target.closest('.tab-btn').classList.add('active');
+            
+            // Show/hide team inputs for diamond
+            const isDiamond = level === 'diamond';
+            const isGoldOrDiamond = level === 'gold' || level === 'diamond';
+            document.getElementById('teamSilverGroup').style.display = isGoldOrDiamond ? 'block' : 'none';
+            document.getElementById('teamGoldGroup').style.display = isDiamond ? 'block' : 'none';
+            document.getElementById('teamCard').style.display = isGoldOrDiamond ? 'block' : 'none';
+            document.getElementById('roiCard').style.display = isGoldOrDiamond ? 'block' : 'none';
+            
+            calculateProfit();
+        }
+        
+        function getProductCost(product) {
+            return product.baseCost + levelData[currentLevel].markup;
+        }
+        
+        function getProductProfit(product) {
+            return product.retail - getProductCost(product);
+        }
+        
+        function getProductMargin(product) {
+            const profit = getProductProfit(product);
+            return ((profit / product.retail) * 100).toFixed(0);
+        }
+        
+        function calculateProfit() {
+            const dailySales = parseFloat(document.getElementById('dailySales').value) || 0;
+            const referralCount = parseFloat(document.getElementById('referralCount').value) || 0;
+            const teamSilver = parseFloat(document.getElementById('teamSilver').value) || 0;
+            const teamGold = parseFloat(document.getElementById('teamGold').value) || 0;
+            
+            const level = levelData[currentLevel];
+            
+            // Calculate average profit
+            const totalProfit = products.reduce((sum, p) => sum + getProductProfit(p), 0);
+            const avgProfit = totalProfit / products.length;
+            
+            // Retail profit
+            const dailyRetailProfit = avgProfit * dailySales;
+            const monthlyRetailProfit = dailyRetailProfit * 30;
+            
+            // Referral bonus
+            const monthlyReferralProfit = level.referralBonus * referralCount;
+            
+            // Team commission
+            let monthlyTeamProfit = 0;
+            if (currentLevel === 'gold') {
+                monthlyTeamProfit = level.teamSilver * teamSilver * 30;
+            } else if (currentLevel === 'diamond') {
+                monthlyTeamProfit = (level.teamSilver * teamSilver + level.teamGold * teamGold) * 30;
+            }
+            
+            // Total
+            const totalMonthlyProfit = monthlyRetailProfit + monthlyReferralProfit + monthlyTeamProfit;
+            
+            // ROI
+            let paybackDays = 0;
+            let paybackHours = 0;
+            if (level.fee > 0) {
+                const dailyTotal = dailyRetailProfit + (monthlyReferralProfit + monthlyTeamProfit) / 30;
+                if (dailyTotal > 0) {
+                    paybackDays = Math.ceil(level.fee / dailyTotal);
+                    paybackHours = (level.fee / (totalMonthlyProfit / 30 / 24)).toFixed(1);
+                }
+            }
+            
+            // Update UI
+            document.getElementById('avgProfit').textContent = '¥' + avgProfit.toFixed(2);
+            document.getElementById('dailyRetailProfit').textContent = '¥' + dailyRetailProfit.toLocaleString('zh-CN', {minimumFractionDigits: 0, maximumFractionDigits: 0});
+            document.getElementById('dailyRetailSub').textContent = dailySales + '份 × ¥' + avgProfit.toFixed(2);
+            document.getElementById('monthlyRetailProfit').textContent = '¥' + monthlyRetailProfit.toLocaleString('zh-CN', {minimumFractionDigits: 0, maximumFractionDigits: 0});
+            document.getElementById('monthlyReferralProfit').textContent = '¥' + monthlyReferralProfit.toLocaleString('zh-CN', {minimumFractionDigits: 0, maximumFractionDigits: 0});
+            document.getElementById('referralSub').textContent = referralCount + '人 × ¥' + level.referralBonus + '/人';
+            document.getElementById('monthlyTeamProfit').textContent = '¥' + monthlyTeamProfit.toLocaleString('zh-CN', {minimumFractionDigits: 0, maximumFractionDigits: 0});
+            document.getElementById('totalMonthlyProfit').textContent = '¥' + totalMonthlyProfit.toLocaleString('zh-CN', {minimumFractionDigits: 0, maximumFractionDigits: 0});
+            document.getElementById('paybackDays').textContent = paybackDays + '天';
+            document.getElementById('paybackHours').textContent = '或 ' + paybackHours + '小时（日销' + dailySales + '份）';
+            
+            // Update product table
+            document.getElementById('currentLevelName').textContent = level.name;
+            const tbody = document.getElementById('productTableBody');
+            tbody.innerHTML = products.map(p => `
+                <tr>
+                    <td>${p.name}</td>
+                    <td>¥${p.retail}</td>
+                    <td>¥${getProductCost(p).toFixed(2)}</td>
+                    <td>¥${getProductProfit(p).toFixed(2)}</td>
+                    <td>${getProductMargin(p)}%</td>
+                </tr>
+            `).join('');
+        }
+        
+        // Initialize calculator
+        calculateProfit();
+
+        // ===== Scroll Animation Trigger =====
+        const animationObserver = new IntersectionObserver((entries) => {
+            entries.forEach(entry => {
+                if (entry.isIntersecting) {
+                    entry.target.style.opacity = '1';
+                    entry.target.style.animationPlayState = 'running';
+                }
+            });
+        }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' });
+
+        document.querySelectorAll('.product-card, .pricing-card, .section-title').forEach(el => {
+            animationObserver.observe(el);
+        });
+
+        // ===== Initialize =====
+        console.log('愉悦查官网已加载 🚀');
+    </script>
+</body>
+</html>
diff --git a/index.html.bak.remove_sample b/index.html.bak.remove_sample
new file mode 100755
index 0000000..3cfae63
--- /dev/null
+++ b/index.html.bak.remove_sample
@@ -0,0 +1,2613 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>愉悦查 - 让信任无处不在，让合作没有距离 | AI 驱动的商业信任科技平台</title>
+    <meta name="description" content="愉悦查是 AI 驱动的商业信任科技平台，提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告，支持 AI 智能定制报告。200+ 数据接口，秒级响应，让信任无处不在。">
+    <meta name="keywords" 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=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    
+    <style>
+        /* ===== CSS Variables - 品牌色定义 ===== */
+        :root {
+            /* 品牌主色 - 橙色系 (来自蓝湖设计稿) */
+            --primary-orange: #FF6A19;
+            --primary-orange-light: #FC6E18;
+            --primary-orange-dark: #E64E10;
+            --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
+            --primary-orange-soft: #FFDECC;
+            
+            /* 辅助色 */
+            --bg-light: #FFFFFF;
+            --bg-gray: #F5F7FA;
+            --bg-gray-light: #E4E7E0;
+            
+            /* 文字色 */
+            --text-primary: #1A1A1A;
+            --text-secondary: #666666;
+            --text-light: #999999;
+            
+            /* 功能色 */
+            --success: #07C160;
+            --warning: #FF9500;
+            --error: #FF3B30;
+            
+            /* 间距 */
+            --spacing-xs: 8px;
+            --spacing-sm: 16px;
+            --spacing-md: 24px;
+            --spacing-lg: 48px;
+            --spacing-xl: 80px;
+            
+            /* 圆角 */
+            --radius-sm: 4px;
+            --radius-md: 8px;
+            --radius-lg: 16px;
+            --radius-xl: 24px;
+            
+            /* 阴影 */
+            --shadow-sm: 0 2px 8px rgba(0,0,0,0.08);
+            --shadow-md: 0 4px 16px rgba(0,0,0,0.12);
+            --shadow-lg: 0 8px 32px rgba(0,0,0,0.16);
+            
+            /* 过渡 */
+            --transition: all 0.3s ease;
+        }
+        
+        /* ===== Reset & Base ===== */
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+        
+        html {
+            scroll-behavior: smooth;
+        }
+        
+        body {
+            font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+            font-size: 16px;
+            line-height: 1.6;
+            color: var(--text-primary);
+            background-color: var(--bg-light);
+        }
+        
+        a {
+            text-decoration: none;
+            color: inherit;
+        }
+        
+        ul {
+            list-style: none;
+        }
+        
+        img {
+            max-width: 100%;
+            height: auto;
+        }
+        
+        .container {
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 0 var(--spacing-md);
+        }
+        
+        .btn {
+            display: inline-block;
+            padding: 14px 32px;
+            font-size: 16px;
+            font-weight: 500;
+            border-radius: var(--radius-md);
+            cursor: pointer;
+            transition: var(--transition);
+            border: none;
+            text-align: center;
+        }
+        
+        .btn-primary {
+            background: var(--primary-gradient);
+            color: white;
+            box-shadow: 0 4px 12px rgba(236, 77, 9, 0.3);
+        }
+        
+        .btn-primary:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 6px 20px rgba(236, 77, 9, 0.4);
+        }
+        
+        .btn-outline {
+            background: transparent;
+            border: 2px solid var(--primary-orange);
+            color: var(--primary-orange);
+        }
+        
+        .btn-outline:hover {
+            background: var(--primary-gradient);
+            color: white;
+            transform: translateY(-2px);
+            box-shadow: 0 4px 12px rgba(255, 106, 25, 0.3);
+        }
+        
+        .btn-primary:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 6px 20px rgba(255, 106, 25, 0.4);
+        }
+        
+        .section {
+            padding: var(--spacing-xl) 0;
+        }
+        
+        .section-title {
+            text-align: center;
+            font-size: 36px;
+            font-weight: 700;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .section-subtitle {
+            text-align: center;
+            font-size: 18px;
+            color: var(--text-secondary);
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        /* ===== Navigation ===== */
+        /* ===== Navigation ===== */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+            transition: var(--transition);
+        }
+        
+        .navbar.scrolled {
+            box-shadow: 0 4px 30px rgba(0,0,0,0.12);
+        }
+        
+        .navbar .container {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            height: 80px;
+            max-width: 1400px;
+            margin: 0 auto;
+            padding: 0 32px;
+        }
+        
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            text-decoration: none;
+            background: transparent;
+            padding: 4px 0;
+        }
+        
+        .logo-img {
+            background: rgba(255,255,255,0.95);
+            height: 60px;
+            width: auto;
+            object-fit: contain;
+            transition: var(--transition);
+            
+        }
+        
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            text-decoration: none;
+            padding: 6px 0;
+        }
+        
+        .logo-img {
+            background: rgba(255,255,255,0.95);
+            height: 60px;
+            width: auto;
+            object-fit: contain;
+            transition: var(--transition);
+            
+        }
+        
+        .logo:hover .logo-img {
+            background: rgba(255,255,255,0.95);
+            transform: scale(1.05);
+        }
+        
+        .nav-menu {
+            display: flex;
+            gap: var(--spacing-lg);
+            align-items: center;
+        }
+        
+        .nav-link {
+            font-size: 15px;
+            font-weight: 500;
+            color: var(--text-primary);
+            transition: var(--transition);
+            position: relative;
+        }
+        
+        .nav-link:hover {
+            color: var(--primary-orange);
+        }
+        
+        .nav-link::after {
+            content: '';
+            position: absolute;
+            bottom: -4px;
+            left: 0;
+            width: 0;
+            height: 2px;
+            background: var(--primary-orange);
+            transition: var(--transition);
+        }
+        
+        .nav-link:hover::after {
+            width: 100%;
+        }
+        
+        .nav-cta {
+            display: flex;
+            gap: var(--spacing-sm);
+        }
+        
+        .nav-btn {
+            padding: 10px 20px;
+            font-size: 14px;
+        }
+        
+        /* Mobile Menu */
+        .menu-toggle {
+            display: none;
+            flex-direction: column;
+            gap: 5px;
+            cursor: pointer;
+            padding: 5px;
+        }
+        
+        .menu-toggle span {
+            width: 25px;
+            height: 3px;
+            background: var(--primary-orange);
+            border-radius: 2px;
+            transition: var(--transition);
+        }
+        
+        /* ===== Hero Section ===== */
+        .hero {
+            padding-top: 160px;
+            padding-bottom: 100px;
+            background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 50%, #F5F7FA 100%);
+            position: relative;
+            overflow: hidden;
+        }
+        
+        .hero::before {
+            content: '';
+            position: absolute;
+            top: -50%;
+            right: -20%;
+            width: 80%;
+            height: 200%;
+            background: radial-gradient(circle, rgba(236, 77, 9, 0.05) 0%, transparent 70%);
+            animation: float 20s ease-in-out infinite;
+        }
+        
+        @keyframes float {
+            0%, 100% { transform: translateY(0) rotate(0deg); }
+            50% { transform: translateY(-20px) rotate(5deg); }
+        }
+        
+        .hero-content {
+            text-align: center;
+            max-width: 900px;
+            margin: 0 auto;
+            position: relative;
+            z-index: 1;
+        }
+        
+        .hero-badge {
+            display: inline-block;
+            padding: 8px 16px;
+            background: linear-gradient(135deg, rgba(255, 106, 25, 0.1), rgba(252, 110, 24, 0.15));
+            color: var(--primary-orange);
+            font-size: 14px;
+            font-weight: 600;
+            border-radius: 20px;
+            margin-bottom: var(--spacing-md);
+            border: 1px solid rgba(255, 106, 25, 0.2);
+            animation: pulse 2s ease-in-out infinite;
+        }
+        
+        @keyframes pulse {
+            0%, 100% { transform: scale(1); }
+            50% { transform: scale(1.02); }
+        }
+        
+        .hero h1 {
+            font-size: 56px;
+            font-weight: 900;
+            line-height: 1.2;
+            margin-bottom: var(--spacing-sm);
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 50%, #FF8A5C 100%);
+            background-size: 200% auto;
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+            animation: gradientShift 3s ease infinite;
+        }
+        
+        @keyframes gradientShift {
+            0%, 100% { background-position: 0% center; }
+            50% { background-position: 100% center; }
+        }
+        
+        .hero p {
+            font-size: 20px;
+            color: var(--text-secondary);
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        .hero-stats {
+            display: flex;
+            justify-content: center;
+            gap: var(--spacing-lg);
+            margin-top: var(--spacing-lg);
+            flex-wrap: wrap;
+        }
+        
+        .stat-item {
+            text-align: center;
+        }
+        
+        .stat-number {
+            font-size: 36px;
+            font-weight: 700;
+            background: var(--primary-gradient);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+        
+        .stat-label {
+            font-size: 14px;
+            color: var(--text-light);
+            margin-top: 4px;
+        }
+        
+        .hero-buttons {
+            display: flex;
+            justify-content: center;
+            gap: var(--spacing-sm);
+            margin-top: var(--spacing-lg);
+            flex-wrap: wrap;
+        }
+        
+        /* ===== Trust Bar ===== */
+        .trust-bar {
+            padding: var(--spacing-lg) 0;
+            background: var(--bg-gray);
+            border-top: 1px solid #eee;
+            border-bottom: 1px solid #eee;
+        }
+        
+        .trust-bar p {
+            text-align: center;
+            font-size: 14px;
+            color: var(--text-light);
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .trust-logos {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            gap: var(--spacing-lg);
+            flex-wrap: wrap;
+            opacity: 0.6;
+        }
+        
+        .trust-logo {
+            height: 40px;
+            filter: grayscale(100%);
+            transition: var(--transition);
+        }
+        
+        .trust-logo:hover {
+            filter: grayscale(0%);
+        }
+        
+        /* ===== Features Section ===== */
+        .features {
+            background: var(--bg-light);
+        }
+        
+        .features-grid {
+            display: grid;
+            grid-template-columns: repeat(4, 1fr);
+            gap: var(--spacing-md);
+        }
+        
+        .feature-card {
+            text-align: center;
+            padding: var(--spacing-lg) var(--spacing-md);
+            border-radius: var(--radius-lg);
+            transition: var(--transition);
+        }
+        
+        .feature-card:hover {
+            background: var(--bg-gray);
+            transform: translateY(-4px);
+        }
+        
+        .feature-icon {
+            width: 64px;
+            height: 64px;
+            margin: 0 auto var(--spacing-sm);
+            background: var(--primary-gradient);
+            border-radius: var(--radius-md);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 28px;
+        }
+        
+        .feature-title {
+            font-size: 18px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .feature-desc {
+            font-size: 14px;
+            color: var(--text-secondary);
+        }
+        
+        /* ===== Products Section ===== */
+        .products {
+            background: var(--bg-gray);
+        }
+        
+        .products-grid {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: var(--spacing-md);
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        .product-card {
+            background: white;
+            border-radius: var(--radius-lg);
+            padding: var(--spacing-lg);
+            box-shadow: var(--shadow-sm);
+            transition: var(--transition);
+            position: relative;
+            overflow: hidden;
+        }
+        
+        .product-card::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            height: 4px;
+            background: var(--primary-gradient);
+        }
+        
+        .product-card:hover {
+            transform: translateY(-12px);
+            box-shadow: var(--shadow-lg);
+        }
+        
+        .product-card:hover .product-icon {
+            transform: scale(1.1) rotate(5deg);
+        }
+        
+        .product-icon {
+            width: 80px;
+            height: 80px;
+            border-radius: 50%;
+            background: var(--primary-gradient);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 36px;
+            margin-bottom: var(--spacing-sm);
+            box-shadow: 0 4px 16px rgba(255, 106, 25, 0.3);
+            transition: var(--transition);
+        }
+        
+        .product-name {
+            font-size: 20px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .product-price {
+            font-size: 28px;
+            font-weight: 700;
+            color: var(--primary-orange);
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .product-price span {
+            font-size: 14px;
+            font-weight: 400;
+            color: var(--text-light);
+        }
+        
+        .product-features {
+            margin: var(--spacing-sm) 0;
+            padding: var(--spacing-sm) 0;
+            border-top: 1px solid #eee;
+            border-bottom: 1px solid #eee;
+        }
+        
+        .product-features li {
+            font-size: 14px;
+            color: var(--text-secondary);
+            padding: 4px 0;
+            display: flex;
+            align-items: center;
+            gap: 8px;
+        }
+        
+        .product-features li::before {
+            content: '✓';
+            color: var(--success);
+            font-weight: 700;
+        }
+        
+        /* AI Custom Product */
+        .product-ai {
+            grid-column: 1 / -1;
+            background: var(--primary-gradient);
+            color: white;
+            padding: var(--spacing-xl);
+            border-radius: var(--radius-xl);
+            text-align: center;
+            position: relative;
+            overflow: hidden;
+        }
+        
+        .product-ai::before {
+            content: '';
+            position: absolute;
+            top: -50%;
+            right: -10%;
+            width: 50%;
+            height: 200%;
+            background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
+            animation: float 15s ease-in-out infinite reverse;
+        }
+        
+        .product-ai h3 {
+            font-size: 32px;
+            margin-bottom: var(--spacing-sm);
+            position: relative;
+        }
+        
+        .product-ai p {
+            font-size: 18px;
+            opacity: 0.95;
+            margin-bottom: var(--spacing-md);
+            position: relative;
+        }
+        
+        .product-ai .btn {
+            background: white;
+            color: var(--primary-orange);
+            position: relative;
+        }
+        
+        /* ===== Technology Section ===== */
+        /* ===== Sample Reports Section ===== */
+        .sample-reports {
+            background: var(--bg-gray);
+        }
+        
+        .sample-grid {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: var(--spacing-md);
+        }
+        
+        .sample-card {
+            background: white;
+            border-radius: var(--radius-lg);
+            padding: var(--spacing-lg);
+            box-shadow: var(--shadow-sm);
+            transition: var(--transition);
+            position: relative;
+            overflow: hidden;
+            display: flex;
+            flex-direction: column;
+        }
+        
+        .sample-card::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            height: 4px;
+            background: var(--primary-gradient);
+        }
+        
+        .sample-card:hover {
+            transform: translateY(-8px);
+            box-shadow: var(--shadow-lg);
+        }
+        
+        .sample-icon {
+            width: 70px;
+            height: 70px;
+            border-radius: 50%;
+            background: var(--primary-orange-soft);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 32px;
+            margin-bottom: var(--spacing-sm);
+            transition: var(--transition);
+        }
+        
+        .sample-card:hover .sample-icon {
+            transform: scale(1.1);
+        }
+        
+        .sample-name {
+            font-size: 20px;
+            font-weight: 600;
+            margin-bottom: 12px;
+            color: var(--text-primary);
+        }
+        
+        .sample-desc {
+            font-size: 14px;
+            color: var(--text-secondary);
+            line-height: 1.6;
+            margin-bottom: 16px;
+            flex-grow: 1;
+        }
+        
+        .sample-features {
+            font-size: 13px;
+            color: var(--text-secondary);
+            margin-bottom: 20px;
+            padding-left: 0;
+        }
+        
+        .sample-features li {
+            padding: 4px 0;
+            list-style: none;
+        }
+
+        .technology {
+            background: linear-gradient(135deg, #1A1A2E 0%, #16213E 100%);
+            color: white;
+        }
+        
+        .technology .section-title,
+        .technology .section-subtitle {
+            color: white;
+        }
+        
+        .tech-diagram {
+            max-width: 1000px;
+            margin: var(--spacing-lg) auto;
+            background: rgba(255,255,255,0.05);
+            border-radius: var(--radius-xl);
+            padding: var(--spacing-xl);
+            backdrop-filter: blur(10px);
+        }
+        
+        .tech-flow {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            flex-wrap: wrap;
+            gap: var(--spacing-md);
+        }
+        
+        .tech-step {
+            flex: 1;
+            min-width: 150px;
+            text-align: center;
+            padding: var(--spacing-md);
+            background: rgba(236, 77, 9, 0.1);
+            border-radius: var(--radius-md);
+            border: 1px solid rgba(236, 77, 9, 0.3);
+        }
+        
+        .tech-step-icon {
+            font-size: 36px;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .tech-step-title {
+            font-size: 16px;
+            font-weight: 600;
+            margin-bottom: 4px;
+        }
+        
+        .tech-step-desc {
+            font-size: 13px;
+            opacity: 0.8;
+        }
+        
+        .tech-arrow {
+            font-size: 24px;
+            color: var(--primary-orange);
+        }
+        
+        .tech-apis {
+            text-align: center;
+            margin-top: var(--spacing-lg);
+            padding: var(--spacing-md);
+            background: rgba(255,255,255,0.05);
+            border-radius: var(--radius-md);
+        }
+        
+        .tech-apis p {
+            font-size: 14px;
+            opacity: 0.8;
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .api-tags {
+            display: flex;
+            justify-content: center;
+            gap: var(--spacing-xs);
+            flex-wrap: wrap;
+        }
+        
+        .api-tag {
+            padding: 6px 12px;
+            background: rgba(236, 77, 9, 0.2);
+            border-radius: 20px;
+            font-size: 13px;
+            border: 1px solid rgba(236, 77, 9, 0.3);
+        }
+        
+        /* ===== Partnership Section ===== */
+        .partnership {
+            background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%);
+        }
+        
+        .pricing-grid {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: var(--spacing-md);
+            max-width: 1000px;
+            margin: 0 auto var(--spacing-lg);
+        }
+        
+        .pricing-card {
+            background: white;
+            border-radius: var(--radius-lg);
+            padding: var(--spacing-lg);
+            text-align: center;
+            box-shadow: var(--shadow-sm);
+            transition: var(--transition);
+            border: 2px solid transparent;
+        }
+        
+        .pricing-card:hover {
+            transform: translateY(-8px);
+            box-shadow: var(--shadow-lg);
+        }
+        
+        .pricing-card.featured {
+            border-color: var(--primary-orange);
+            position: relative;
+            transform: scale(1.08);
+            box-shadow: var(--shadow-lg);
+            z-index: 1;
+        }
+        
+        .pricing-card.featured:hover {
+            transform: scale(1.08) translateY(-8px);
+        }
+        
+        .pricing-card.featured::before {
+            content: '🔥 热门推荐';
+            position: absolute;
+            top: -14px;
+            left: 50%;
+            transform: translateX(-50%);
+            background: var(--primary-gradient);
+            color: white;
+            padding: 6px 20px;
+            border-radius: 12px;
+            font-size: 13px;
+            font-weight: 600;
+            box-shadow: 0 4px 12px rgba(255, 106, 25, 0.4);
+        }
+        
+        .pricing-icon {
+            font-size: 48px;
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .pricing-name {
+            font-size: 20px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .pricing-price {
+            font-size: 36px;
+            font-weight: 700;
+            color: var(--primary-orange);
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .pricing-price span {
+            font-size: 14px;
+            font-weight: 400;
+            color: var(--text-light);
+        }
+        
+        .pricing-features {
+            margin: var(--spacing-md) 0;
+            text-align: left;
+        }
+        
+        .pricing-features li {
+            font-size: 14px;
+            color: var(--text-secondary);
+            padding: 8px 0;
+            display: flex;
+            align-items: center;
+            gap: 8px;
+        }
+        
+        .pricing-features li::before {
+            content: '✓';
+            color: var(--success);
+            font-weight: 700;
+        }
+        
+        /* Calculator - Advanced Profit Calculator */
+        .profit-calculator {
+            max-width: 1000px;
+            margin: var(--spacing-lg) auto;
+            background: white;
+            padding: var(--spacing-lg);
+            border-radius: var(--radius-lg);
+            box-shadow: var(--shadow-md);
+        }
+        
+        .calculator-title {
+            text-align: center;
+            font-size: 24px;
+            font-weight: 700;
+            margin-bottom: var(--spacing-md);
+            color: var(--text-primary);
+        }
+        
+        .level-tabs {
+            display: flex;
+            gap: 12px;
+            margin-bottom: 24px;
+        }
+        
+        .tab-btn {
+            flex: 1;
+            padding: 16px 20px;
+            border: 2px solid #e0e0e0;
+            border-radius: var(--radius-md);
+            background: #fff;
+            cursor: pointer;
+            font-size: 16px;
+            font-weight: 600;
+            transition: var(--transition);
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+        
+        .tab-btn:hover {
+            border-color: var(--primary-orange);
+        }
+        
+        .tab-btn.active {
+            border-color: var(--primary-orange);
+            background: var(--primary-gradient);
+            color: #fff;
+        }
+        
+        .tab-btn .price {
+            font-size: 13px;
+            font-weight: 400;
+            opacity: 0.9;
+        }
+        
+        .calculator-grid {
+            display: grid;
+            grid-template-columns: 1fr 1fr;
+            gap: 24px;
+        }
+        
+        .input-section, .profit-section {
+            background: var(--bg-gray);
+            padding: 20px;
+            border-radius: var(--radius-md);
+        }
+        
+        .input-section h4, .profit-section h4 {
+            font-size: 16px;
+            margin-bottom: 16px;
+            color: var(--text-primary);
+        }
+        
+        .input-group {
+            margin-bottom: 16px;
+        }
+        
+        .input-group label {
+            display: block;
+            margin-bottom: 6px;
+            font-size: 13px;
+            color: var(--text-secondary);
+        }
+        
+        .input-group input {
+            width: 100%;
+            padding: 10px 12px;
+            border: 1px solid #ddd;
+            border-radius: 6px;
+            font-size: 15px;
+            transition: var(--transition);
+        }
+        
+        .input-group input:focus {
+            outline: none;
+            border-color: var(--primary-orange);
+        }
+        
+        .profit-card {
+            background: #fff;
+            padding: 14px;
+            border-radius: 8px;
+            margin-bottom: 10px;
+        }
+        
+        .profit-card .label {
+            font-size: 13px;
+            color: var(--text-secondary);
+            margin-bottom: 4px;
+        }
+        
+        .profit-card .value {
+            font-size: 24px;
+            font-weight: 700;
+            color: var(--primary-orange);
+        }
+        
+        .profit-card .sub {
+            font-size: 11px;
+            color: #999;
+            margin-top: 4px;
+        }
+        
+        .profit-card.highlight {
+            background: #FFF3E0;
+            border: 2px solid var(--primary-orange);
+        }
+        
+        .profit-card.total {
+            background: var(--primary-gradient);
+            color: #fff;
+        }
+        
+        .profit-card.total .label,
+        .profit-card.total .value,
+        .profit-card.total .sub {
+            color: #fff;
+        }
+        
+        .roi-card {
+            background: #FFF3CD;
+            border: 2px solid #FFC107;
+            padding: 14px;
+            border-radius: 8px;
+            margin-top: 12px;
+        }
+        
+        .roi-card .label {
+            font-size: 13px;
+            color: #856404;
+        }
+        
+        .roi-card .value {
+            font-size: 20px;
+            font-weight: 700;
+            color: #856404;
+        }
+        
+        .roi-card .sub {
+            font-size: 11px;
+            color: #856404;
+            opacity: 0.8;
+            margin-top: 4px;
+        }
+        
+        .product-detail {
+            grid-column: 1 / -1;
+            background: #fff;
+            padding: 20px;
+            border-radius: var(--radius-md);
+            border: 1px solid #e0e0e0;
+            margin-top: 12px;
+        }
+        
+        .product-detail h4 {
+            font-size: 16px;
+            margin-bottom: 12px;
+            color: var(--text-primary);
+        }
+        
+        .product-detail table {
+            width: 100%;
+            border-collapse: collapse;
+            font-size: 13px;
+        }
+        
+        .product-detail th,
+        .product-detail td {
+            padding: 10px;
+            text-align: left;
+            border-bottom: 1px solid #e0e0e0;
+        }
+        
+        .product-detail th {
+            background: var(--bg-gray);
+            font-weight: 600;
+            color: var(--text-primary);
+        }
+        
+        .product-detail tr:hover {
+            background: var(--bg-gray-light);
+        }
+        
+        @media (max-width: 768px) {
+            .calculator-grid {
+                grid-template-columns: 1fr;
+            }
+            
+            .level-tabs {
+                flex-direction: column;
+            }
+        }
+        
+        /* ===== FAQ Section ===== */
+        .faq {
+            background: var(--bg-light);
+        }
+        
+        .faq-list {
+            max-width: 800px;
+            margin: 0 auto;
+        }
+        
+        .faq-item {
+            border-bottom: 1px solid #eee;
+            padding: var(--spacing-md) 0;
+            transition: var(--transition);
+        }
+        
+        .faq-item:hover {
+            background: rgba(255, 106, 25, 0.02);
+            padding-left: var(--spacing-sm);
+            padding-right: var(--spacing-sm);
+            margin-left: calc(-1 * var(--spacing-sm));
+            margin-right: calc(-1 * var(--spacing-sm));
+            border-radius: var(--radius-md);
+        }
+        }
+        
+        .faq-question {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            cursor: pointer;
+            padding: var(--spacing-sm) 0;
+            font-size: 18px;
+            font-weight: 500;
+            transition: var(--transition);
+        }
+        
+        .faq-question:hover {
+            color: var(--primary-orange);
+        }
+        
+        .faq-icon {
+            font-size: 24px;
+            color: var(--primary-orange);
+            transition: var(--transition);
+            width: 32px;
+            height: 32px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            border-radius: 50%;
+            background: rgba(255, 106, 25, 0.1);
+        }
+        
+        .faq-item.active .faq-icon {
+            background: var(--primary-gradient);
+            color: white;
+        }
+        
+        .faq-answer {
+            max-height: 0;
+            overflow: hidden;
+            transition: max-height 0.3s ease;
+            color: var(--text-secondary);
+            line-height: 1.8;
+        }
+        
+        .faq-item.active .faq-icon {
+            transform: rotate(45deg);
+        }
+        
+        .faq-item.active .faq-answer {
+            max-height: 500px;
+            margin-top: var(--spacing-sm);
+        }
+        
+        /* ===== CTA Section ===== */
+        .cta {
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 50%, #FF8A5C 100%);
+            background-size: 200% 200%;
+            animation: gradientShift 5s ease infinite;
+            color: white;
+            text-align: center;
+            padding: var(--spacing-xl) 0;
+            position: relative;
+            overflow: hidden;
+        }
+        
+        .cta::before {
+            content: '';
+            position: absolute;
+            top: -50%;
+            left: -50%;
+            width: 200%;
+            height: 200%;
+            background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
+            animation: rotate 20s linear infinite;
+        }
+        
+        @keyframes rotate {
+            from { transform: rotate(0deg); }
+            to { transform: rotate(360deg); }
+        }
+        
+        .cta h2 {
+            font-size: 36px;
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .cta p {
+            font-size: 18px;
+            opacity: 0.95;
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        .cta-buttons {
+            display: flex;
+            justify-content: center;
+            gap: var(--spacing-sm);
+            flex-wrap: wrap;
+            position: relative;
+            z-index: 1;
+        }
+        
+        .cta .btn {
+            background: white;
+            color: var(--primary-orange);
+        }
+        
+        .cta .btn:hover {
+            transform: translateY(-3px);
+            box-shadow: 0 8px 24px rgba(0,0,0,0.2);
+        }
+        
+        .cta .btn-outline {
+            background: transparent;
+            border-color: rgba(255,255,255,0.5);
+            color: white;
+        }
+        
+        .cta .btn-outline:hover {
+            background: white;
+            color: var(--primary-orange);
+        }
+        
+        .cta .btn-outline:hover {
+            background: white;
+            color: var(--primary-orange);
+        }
+        
+        /* ===== Footer ===== */
+        .footer {
+            background: #1A1A1A;
+            color: white;
+            padding: var(--spacing-xl) 0 var(--spacing-lg);
+        }
+        
+        .footer-grid {
+            display: grid;
+            grid-template-columns: 2fr repeat(3, 1fr);
+            gap: var(--spacing-lg);
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        .footer-brand h3 {
+            font-size: 24px;
+            margin-bottom: var(--spacing-sm);
+            color: var(--primary-orange);
+        }
+        
+        .footer-brand p {
+            font-size: 14px;
+            opacity: 0.8;
+            line-height: 1.8;
+        }
+        
+        .footer-title {
+            font-size: 16px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .footer-links li {
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .footer-links a {
+            font-size: 14px;
+            opacity: 0.8;
+            transition: var(--transition);
+        }
+        
+        .footer-links a:hover {
+            opacity: 1;
+            color: var(--primary-orange);
+        }
+        
+        .footer-bottom {
+            padding-top: var(--spacing-lg);
+            border-top: 1px solid rgba(255,255,255,0.1);
+            text-align: center;
+            font-size: 14px;
+            opacity: 0.6;
+        }
+        
+        .footer-icp {
+            margin-top: var(--spacing-sm);
+        }
+        
+        /* ===== Animations ===== */
+        @keyframes fadeInUp {
+            from {
+                opacity: 0;
+                transform: translateY(30px);
+            }
+            to {
+                opacity: 1;
+                transform: translateY(0);
+            }
+        }
+        
+        .fade-in-up {
+            animation: fadeInUp 0.6s ease forwards;
+        }
+        
+        .section-title {
+            opacity: 0;
+            animation: fadeInUp 0.6s ease forwards;
+        }
+        
+        .product-card {
+            opacity: 0;
+            animation: fadeInUp 0.6s ease forwards;
+            animation-play-state: paused;
+        }
+        
+        .product-card:nth-child(1) { animation-delay: 0.1s; }
+        .product-card:nth-child(2) { animation-delay: 0.15s; }
+        .product-card:nth-child(3) { animation-delay: 0.2s; }
+        .product-card:nth-child(4) { animation-delay: 0.25s; }
+        .product-card:nth-child(5) { animation-delay: 0.3s; }
+        .product-card:nth-child(6) { animation-delay: 0.35s; }
+        
+        .pricing-card {
+            opacity: 0;
+            animation: fadeInUp 0.6s ease forwards;
+            animation-play-state: paused;
+        }
+        
+        .pricing-card:nth-child(1) { animation-delay: 0.1s; }
+        .pricing-card:nth-child(2) { animation-delay: 0.2s; }
+        .pricing-card:nth-child(3) { animation-delay: 0.3s; }
+        
+        /* ===== Responsive ===== */
+        @media (max-width: 1024px) {
+            .features-grid {
+                grid-template-columns: repeat(2, 1fr);
+            }
+            
+            .products-grid {
+                grid-template-columns: repeat(2, 1fr);
+            }
+            
+            .pricing-grid {
+                grid-template-columns: repeat(2, 1fr);
+            }
+            
+            .footer-grid {
+                grid-template-columns: repeat(2, 1fr);
+            }
+        }
+        
+        /* ===== Mobile Responsive - 手机竖屏版 ===== */
+        @media (max-width: 768px) {
+            /* 导航栏 */
+            .navbar .container {
+                height: 60px;
+                padding: 0 12px;
+            }
+            
+            .logo {
+                padding: 0;
+                margin-left: 0;
+            }
+            
+            .logo-img {
+                background: transparent;
+                height: 40px;
+                margin-left: 0;
+            }
+            
+            .nav-menu {
+                display: none;
+                position: absolute;
+                top: 64px;
+                left: 0;
+                right: 0;
+                background: white;
+                flex-direction: column;
+                padding: var(--spacing-md);
+                box-shadow: var(--shadow-md);
+                z-index: 999;
+            }
+            
+            .nav-menu.active {
+                display: flex;
+            }
+            
+            .nav-menu li {
+                margin: 8px 0;
+            }
+            
+            .nav-link {
+                font-size: 16px;
+                padding: 12px 0;
+                display: block;
+            }
+            
+            .nav-cta {
+                display: none;
+            }
+            
+            .menu-toggle {
+                display: flex;
+            }
+            
+            /* Hero Section */
+            .hero {
+                padding-top: 100px;
+                padding-bottom: var(--spacing-lg);
+            }
+            
+            .hero h1 {
+                font-size: 28px;
+                line-height: 1.3;
+            }
+            
+            .hero p {
+                font-size: 14px;
+                margin-top: 12px;
+            }
+            
+            .hero-badge {
+                font-size: 12px;
+                padding: 6px 12px;
+            }
+            
+            .hero-stats {
+                flex-direction: column;
+                gap: var(--spacing-sm);
+                margin-top: var(--spacing-md);
+            }
+            
+            .stat-item {
+                flex-direction: row;
+                justify-content: space-between;
+                padding: 12px 16px;
+            }
+            
+            .stat-number {
+                font-size: 24px;
+            }
+            
+            .stat-label {
+                font-size: 13px;
+            }
+            
+            .hero-buttons {
+                flex-direction: column;
+                gap: 12px;
+            }
+            
+            .hero-buttons .btn {
+                width: 100%;
+            }
+            
+            /* Section Titles */
+            .section-title {
+                font-size: 26px;
+            }
+            
+            .section-subtitle {
+                font-size: 15px;
+            }
+            
+            /* Features */
+            .features-grid {
+                grid-template-columns: 1fr;
+                gap: var(--spacing-sm);
+            }
+            
+            .feature-card {
+                padding: var(--spacing-md);
+            }
+            
+            .feature-icon {
+                font-size: 36px;
+            }
+            
+            .feature-title {
+                font-size: 17px;
+            }
+            
+            .feature-desc {
+                font-size: 13px;
+            }
+            
+            /* Products */
+            .products-grid {
+                grid-template-columns: 1fr;
+                gap: var(--spacing-sm);
+            }
+            
+            .product-card {
+                padding: var(--spacing-md);
+            }
+            
+            .product-icon {
+                font-size: 40px;
+            }
+            
+            .product-name {
+                font-size: 17px;
+            }
+            
+            .product-price {
+                font-size: 20px;
+            }
+            
+            .product-features li {
+                font-size: 13px;
+            }
+            
+            /* Pricing */
+            .pricing-grid {
+                grid-template-columns: 1fr;
+                gap: var(--spacing-sm);
+            }
+            
+            .pricing-card {
+                padding: var(--spacing-md);
+            }
+            
+            .pricing-name {
+                font-size: 18px;
+            }
+            
+            .pricing-price {
+                font-size: 28px;
+            }
+            
+            .pricing-features {
+                font-size: 13px;
+            }
+            
+            .pricing-features li {
+                padding: 8px 0;
+            }
+            
+            /* Calculator */
+            .profit-calculator {
+                padding: var(--spacing-md);
+            }
+            
+            .calculator-grid {
+                grid-template-columns: 1fr;
+                gap: var(--spacing-sm);
+            }
+            
+            .level-tabs {
+                flex-direction: column;
+                gap: 8px;
+            }
+            
+            .tab-btn {
+                padding: 12px 16px;
+                font-size: 15px;
+            }
+            
+            .input-section,
+            .profit-section {
+                padding: 16px;
+            }
+            
+            .profit-card .value {
+                font-size: 20px;
+            }
+            
+            .product-detail table {
+                font-size: 12px;
+            }
+            
+            .product-detail th,
+            .product-detail td {
+                padding: 8px 4px;
+            }
+            
+            /* FAQ */
+            .faq-question {
+                font-size: 16px;
+            }
+            
+            .faq-answer {
+                font-size: 14px;
+            }
+            
+            /* CTA */
+            .cta {
+                padding: var(--spacing-lg) 0;
+            }
+            
+            .cta h2 {
+                font-size: 22px;
+            }
+            
+            .cta p {
+                font-size: 14px;
+            }
+            
+            .cta-buttons {
+                flex-direction: column;
+                gap: 12px;
+            }
+            
+            .cta-buttons .btn {
+                width: 100%;
+            }
+            
+            /* Footer */
+            .footer {
+                padding: var(--spacing-lg) 0;
+            }
+            
+            .footer-grid {
+                grid-template-columns: 1fr;
+                gap: var(--spacing-md);
+            }
+            
+            .footer-brand h3 {
+                font-size: 18px;
+            }
+            
+            .footer-title {
+                font-size: 15px;
+            }
+            
+            .footer-links li {
+                font-size: 13px;
+            }
+            
+            .footer-bottom {
+                flex-direction: column;
+                text-align: center;
+                font-size: 12px;
+            }
+            
+            /* Tech Section */
+            .tech-flow {
+                flex-direction: column;
+                gap: var(--spacing-sm);
+            }
+            
+            .tech-step {
+                padding: var(--spacing-sm);
+            }
+            
+            .tech-step-icon {
+                font-size: 32px;
+            }
+            
+            .tech-step-title {
+                font-size: 15px;
+            }
+            
+            .tech-step-desc {
+                font-size: 12px;
+            }
+            
+            .tech-arrow {
+                transform: rotate(90deg);
+                font-size: 20px;
+            }
+            
+            .api-tags {
+                flex-wrap: wrap;
+            }
+            
+            .api-tag {
+                font-size: 12px;
+                padding: 6px 12px;
+            }
+            
+            /* Buttons */
+            .btn {
+                padding: 12px 24px;
+                font-size: 15px;
+            }
+        }
+        
+        /* 超小屏幕优化 */
+        @media (max-width: 480px) {
+            .hero h1 {
+                font-size: 24px;
+            }
+            
+            .section-title {
+                font-size: 22px;
+            }
+            
+            .container {
+                padding: 0 12px;
+            }
+            
+            .navbar .container {
+                padding: 0 12px;
+            }
+        }
+    </style>
+</head>
+<body>
+    <!-- Navigation -->
+    <nav class="navbar" id="navbar">
+        <div class="container">
+            <a href="#" class="logo">
+                <img src="assets/logo.png" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            
+            <div class="menu-toggle" id="menuToggle">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+            
+            <ul class="nav-menu" id="navMenu">
+                <li><a href="#home" class="nav-link">首页</a></li>
+                <li><a href="#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="#technology" class="nav-link">AI 能力</a></li>
+                <li><a href="#partnership" class="nav-link">代理合作</a></li>
+                <li><a href="/about.html" class="nav-link">关于我们</a></li>
+            </ul>
+            
+            <div class="nav-cta">
+                <a href="#products" class="btn btn-outline nav-btn">立即查询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
+            </div>
+        </div>
+    </nav>
+
+    <!-- Hero Section -->
+    <section class="hero" id="home">
+        <div class="container">
+            <div class="hero-content">
+                <span class="hero-badge">🤖 AI 驱动的商业信任科技平台</span>
+                <h1>让信任无处不在<br>让合作没有距离</h1>
+                <p>200+ 数据接口 · 智能组合 · 秒级响应</p>
+                
+                <div class="hero-buttons">
+                    <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary">🚀 立即注册</a>
+                    <a href="#partnership" class="btn btn-outline">💼 代理合作</a>
+                </div>
+                
+                <div class="hero-stats">
+                    <div class="stat-item">
+                        <div class="stat-number" id="statReports">0</div>
+                        <div class="stat-label">已生成报告</div>
+                    </div>
+                    <div class="stat-item">
+                        <div class="stat-number" id="statUsers">0</div>
+                        <div class="stat-label">服务用户</div>
+                    </div>
+                    <div class="stat-item">
+                        <div class="stat-number" id="statApis">200+</div>
+                        <div class="stat-label">数据接口</div>
+                    </div>
+                    <div class="stat-item">
+                        <div class="stat-number" id="statEnterprises">0</div>
+                        <div class="stat-label">合作企业</div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+
+
+    <!-- Features Section -->
+    <section class="section features">
+        <div class="container">
+            <h2 class="section-title">核心优势</h2>
+            <p class="section-subtitle">为什么选择愉悦查</p>
+            
+            <div class="features-grid">
+                <div class="feature-card">
+                    <div class="feature-icon">📡</div>
+                    <h3 class="feature-title">海量数据</h3>
+                    <p class="feature-desc">200+ 官方数据接口<br>覆盖全维度信息</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">🤖</div>
+                    <h3 class="feature-title">AI 引擎</h3>
+                    <p class="feature-desc">智能组合接口<br>40+ 分析技能</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">⚡</div>
+                    <h3 class="feature-title">秒级响应</h3>
+                    <p class="feature-desc">实时生成报告<br>最快 3 秒出结果</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">🔒</div>
+                    <h3 class="feature-title">安全合规</h3>
+                    <p class="feature-desc">等保三级认证<br>数据加密传输</p>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Products Section -->
+    <section class="section products" id="products">
+        <div class="container">
+            <h2 class="section-title">产品服务</h2>
+            <p class="section-subtitle">6 大标准报告 + AI 智能定制</p>
+            
+            <div class="products-grid">
+                <!-- Product 1 -->
+                <div class="product-card">
+                    <div class="product-icon">📊</div>
+                    <h3 class="product-name">个人大数据报告</h3>
+                    <div class="product-price">¥49.8</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>全面个人背景分析</li>
+                        <li>秒级生成</li>
+                        <li>PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=riskassessment" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/riskassessment" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- Product 2 -->
+                <div class="product-card">
+                    <div class="product-icon">💕</div>
+                    <h3 class="product-name">婚恋风险报告</h3>
+                    <div class="product-price">¥39.9</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>婚恋风险评估</li>
+                        <li>隐私保护</li>
+                        <li>PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=marriage" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/marriage" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- Product 3 -->
+                <div class="product-card">
+                    <div class="product-icon">💼</div>
+                    <h3 class="product-name">入职背调报告</h3>
+                    <div class="product-price">¥69.9</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>员工背景筛查</li>
+                        <li>降低用工风险</li>
+                        <li>批量查询优惠</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=backgroundcheck" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/backgroundcheck" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- Product 4 -->
+                <div class="product-card">
+                    <div class="product-icon">🏢</div>
+                    <h3 class="product-name">小微企业报告</h3>
+                    <div class="product-price">¥69.9</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>企业风险筛查</li>
+                        <li>合作前必备</li>
+                        <li>PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=companyinfo" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/companyinfo" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- Product 5 -->
+                <div class="product-card">
+                    <div class="product-icon">🧹</div>
+                    <h3 class="product-name">家政风险报告</h3>
+                    <div class="product-price">¥39.9</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>家政人员背调</li>
+                        <li>雇佣更安全</li>
+                        <li>PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=homeservice" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/homeservice" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- Product 6 -->
+                <div class="product-card">
+                    <div class="product-icon">💳</div>
+                    <h3 class="product-name">消金报告</h3>
+                    <div class="product-price">¥39.9</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>消费金融风险评估</li>
+                        <li>快速决策支持</li>
+                        <li>PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=consumerFinanceReport" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/consumerFinanceReport" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- AI Custom Product -->
+                <div class="product-ai">
+                    <h3>✨ AI 定制报告</h3>
+                    <p>告诉我您的需求，AI 智能组合 200+ 接口，生成独一无二的专属报告</p>
+                    <p style="font-size:14px;opacity:0.8;">例："我想了解一个合作伙伴的信用和风险状况"</p>
+                    <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn">🎯 立即定制 - 从 ¥99 起</a>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Sample Reports Section -->
+    <section class="section sample-reports" id="sample-reports" style="background: var(--bg-gray);">
+        <div class="container">
+            <h2 class="section-title">示例报告</h2>
+            <p class="section-subtitle">查看真实报告样本，了解报告内容</p>
+            
+            <div class="sample-grid">
+                <!-- Sample 1 -->
+                <div class="sample-card">
+                    <div class="sample-icon">📊</div>
+                    <h3 class="sample-name">个人大数据报告</h3>
+                    <p class="sample-desc">全面个人背景分析，包含身份信息、社交网络、行为特征等多维度数据</p>
+                    <ul class="sample-features">
+                        <li>✓ 3-4 个数据接口组合</li>
+                        <li>✓ 秒级生成</li>
+                        <li>✓ PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=riskassessment" target="_blank" class="btn btn-outline" style="width:100%">👁️ 查看示例</a>
+                </div>
+                
+                <!-- Sample 2 -->
+                <div class="sample-card">
+                    <div class="sample-icon">💕</div>
+                    <h3 class="sample-name">婚恋风险报告</h3>
+                    <p class="sample-desc">婚恋风险评估，帮助了解对方的婚姻状况、信用记录等关键信息</p>
+                    <ul class="sample-features">
+                        <li>✓ 婚恋风险评估</li>
+                        <li>✓ 隐私保护</li>
+                        <li>✓ PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=marriage" target="_blank" class="btn btn-outline" style="width:100%">👁️ 查看示例</a>
+                </div>
+                
+                <!-- Sample 3 -->
+                <div class="sample-card">
+                    <div class="sample-icon">💼</div>
+                    <h3 class="sample-name">入职背调报告</h3>
+                    <p class="sample-desc">员工背景筛查，降低用工风险，包含学历、工作履历、信用记录等</p>
+                    <ul class="sample-features">
+                        <li>✓ 员工背景筛查</li>
+                        <li>✓ 降低用工风险</li>
+                        <li>✓ 批量查询优惠</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=backgroundcheck" target="_blank" class="btn btn-outline" style="width:100%">👁️ 查看示例</a>
+                </div>
+                
+                <!-- Sample 4 -->
+                <div class="sample-card">
+                    <div class="sample-icon">🏢</div>
+                    <h3 class="sample-name">小微企业报告</h3>
+                    <p class="sample-desc">企业风险筛查，合作前必备，包含工商信息、司法风险、经营状况等</p>
+                    <ul class="sample-features">
+                        <li>✓ 企业风险筛查</li>
+                        <li>✓ 合作前必备</li>
+                        <li>✓ PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=companyinfo" target="_blank" class="btn btn-outline" style="width:100%">👁️ 查看示例</a>
+                </div>
+                
+                <!-- Sample 5 -->
+                <div class="sample-card">
+                    <div class="sample-icon">🧹</div>
+                    <h3 class="sample-name">家政风险报告</h3>
+                    <p class="sample-desc">家政人员背调，雇佣更安全，包含身份信息、犯罪记录、信用状况等</p>
+                    <ul class="sample-features">
+                        <li>✓ 家政人员背调</li>
+                        <li>✓ 雇佣更安全</li>
+                        <li>✓ PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=homeservice" target="_blank" class="btn btn-outline" style="width:100%">👁️ 查看示例</a>
+                </div>
+                
+                <!-- Sample 6 -->
+                <div class="sample-card">
+                    <div class="sample-icon">💳</div>
+                    <h3 class="sample-name">消金报告</h3>
+                    <p class="sample-desc">消费金融风险评估，快速决策支持，包含信用记录、负债情况、还款能力等</p>
+                    <ul class="sample-features">
+                        <li>✓ 消费金融风险评估</li>
+                        <li>✓ 快速决策支持</li>
+                        <li>✓ PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=consumerFinanceReport" target="_blank" class="btn btn-outline" style="width:100%">👁️ 查看示例</a>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- Technology Section -->
+    <section class="section technology" id="technology">
+        <div class="container">
+            <h2 class="section-title">AI 技术能力</h2>
+            <p class="section-subtitle">200+ 数据接口智能组合引擎</p>
+            
+            <div class="tech-diagram">
+                <div class="tech-flow">
+                    <div class="tech-step">
+                        <div class="tech-step-icon">📝</div>
+                        <div class="tech-step-title">用户需求</div>
+                        <div class="tech-step-desc">自然语言描述</div>
+                    </div>
+                    <div class="tech-arrow">→</div>
+                    <div class="tech-step">
+                        <div class="tech-step-icon">🧠</div>
+                        <div class="tech-step-title">AI 分析</div>
+                        <div class="tech-step-desc">理解需求意图</div>
+                    </div>
+                    <div class="tech-arrow">→</div>
+                    <div class="tech-step">
+                        <div class="tech-step-icon">🔌</div>
+                        <div class="tech-step-title">接口选择</div>
+                        <div class="tech-step-desc">智能匹配接口</div>
+                    </div>
+                    <div class="tech-arrow">→</div>
+                    <div class="tech-step">
+                        <div class="tech-step-icon">📊</div>
+                        <div class="tech-step-title">报告生成</div>
+                        <div class="tech-step-desc">秒级输出结果</div>
+                    </div>
+                </div>
+                
+                <div class="tech-apis">
+                    <p>接口类型覆盖</p>
+                    <div class="api-tags">
+                        <span class="api-tag">公安数据</span>
+                        <span class="api-tag">法院数据</span>
+                        <span class="api-tag">学历验证</span>
+                        <span class="api-tag">工作履历</span>
+                        <span class="api-tag">金融信用</span>
+                        <span class="api-tag">社交网络</span>
+                        <span class="api-tag">商业信息</span>
+                        <span class="api-tag">更多...</span>
+                    </div>
+                </div>
+            </div>
+            
+            <div style="text-align:center;margin-top:var(--spacing-lg);">
+                <a href="/apidemo/" class="btn btn-outline" style="border-color:rgba(255,255,255,0.3);color:white;">📚 查看 API 文档</a>
+                <a href="https://yuyuecha.com/platform" class="btn btn-outline" style="border-color:rgba(255,255,255,0.3);color:white;margin-left:var(--spacing-sm);">🔧 开放平台</a>
+            </div>
+        </div>
+    </section>
+
+    <!-- Partnership Section -->
+    <section class="section partnership" id="partnership">
+        <div class="container">
+            <h2 class="section-title">代理合作</h2>
+            <p class="section-subtitle">加入愉悦查，共享信任经济红利</p>
+            
+            <div class="pricing-grid">
+                <!-- Silver -->
+                <div class="pricing-card">
+                    <div class="pricing-icon">🥈</div>
+                    <h3 class="pricing-name">白银代理</h3>
+                    <div class="pricing-price">¥0<span>/终身</span></div>
+                    <ul class="pricing-features">
+                        <li>10% 返佣</li>
+                        <li>基础培训支持</li>
+                        <li>标准产品价格</li>
+                        <li>在线帮助中心</li>
+                    </ul>
+                    <a href="https://p.yuyuecha.com/s/Cc9wgE" class="btn btn-outline" style="width:100%">立即申请</a>
+                </div>
+                
+                <!-- Gold -->
+                <div class="pricing-card featured">
+                    <div class="pricing-icon">🥇</div>
+                    <h3 class="pricing-name">黄金代理</h3>
+                    <div class="pricing-price">¥198<span>/年</span></div>
+                    <ul class="pricing-features">
+                        <li>30% 返佣</li>
+                        <li>优先技术支持</li>
+                        <li>专属代理价格</li>
+                        <li>营销素材支持</li>
+                        <li>定期培训</li>
+                    </ul>
+                    <a href="https://p.yuyuecha.com/s/Cc9wgE" class="btn btn-primary" style="width:100%">立即申请</a>
+                </div>
+                
+                <!-- Diamond -->
+                <div class="pricing-card">
+                    <div class="pricing-icon">💎</div>
+                    <h3 class="pricing-name">钻石代理</h3>
+                    <div class="pricing-price">¥980<span>/年</span></div>
+                    <ul class="pricing-features">
+                        <li>50% 返佣</li>
+                        <li>1 对 1 专属辅导</li>
+                        <li>最低代理价格</li>
+                        <li>联合营销支持</li>
+                        <li>优先新功能体验</li>
+                        <li>区域保护政策</li>
+                    </ul>
+                    <a href="https://p.yuyuecha.com/s/Cc9wgE" class="btn btn-outline" style="width:100%">立即申请</a>
+                </div>
+            </div>
+            
+            <!-- Advanced Profit Calculator -->
+            <div class="profit-calculator">
+                <h3 class="calculator-title">💵 代理收益计算器</h3>
+                
+                <!-- Level Tabs -->
+                <div class="level-tabs">
+                    <button class="tab-btn active" onclick="switchLevel('silver')">
+                        🥈 白银代理
+                        <span class="price">¥0</span>
+                    </button>
+                    <button class="tab-btn" onclick="switchLevel('gold')">
+                        🥇 黄金代理
+                        <span class="price">¥198</span>
+                    </button>
+                    <button class="tab-btn" onclick="switchLevel('diamond')">
+                        💎 钻石代理
+                        <span class="price">¥980</span>
+                    </button>
+                </div>
+                
+                <div class="calculator-grid">
+                    <!-- Input Section -->
+                    <div class="input-section">
+                        <h4>📊 输入您的销售数据</h4>
+                        
+                        <div class="input-group">
+                            <label>每日销售份数</label>
+                            <input type="number" id="dailySales" value="30" min="0" max="1000" oninput="calculateProfit()">
+                        </div>
+                        
+                        <div class="input-group">
+                            <label>直推代理人数（月）</label>
+                            <input type="number" id="referralCount" value="5" min="0" max="100" oninput="calculateProfit()">
+                        </div>
+                        
+                        <div class="input-group" id="teamSilverGroup" style="display:none;">
+                            <label>下级白银代理人数</label>
+                            <input type="number" id="teamSilver" value="20" min="0" max="500" oninput="calculateProfit()">
+                        </div>
+                        
+                        <div class="input-group" id="teamGoldGroup" style="display:none;">
+                            <label>下级黄金代理人数</label>
+                            <input type="number" id="teamGold" value="5" min="0" max="100" oninput="calculateProfit()">
+                        </div>
+                    </div>
+                    
+                    <!-- Profit Section -->
+                    <div class="profit-section">
+                        <h4>💰 预期收益</h4>
+                        
+                        <div class="profit-card">
+                            <div class="label">单份平均利润</div>
+                            <div class="value" id="avgProfit">¥38.22</div>
+                        </div>
+                        
+                        <div class="profit-card highlight">
+                            <div class="label">日零售收益</div>
+                            <div class="value" id="dailyRetailProfit">¥1,147</div>
+                            <div class="sub" id="dailyRetailSub">30 份 × ¥38.22</div>
+                        </div>
+                        
+                        <div class="profit-card">
+                            <div class="label">月零售收益</div>
+                            <div class="value" id="monthlyRetailProfit">¥34,410</div>
+                        </div>
+                        
+                        <div class="profit-card" id="referralCard">
+                            <div class="label">月直推奖励</div>
+                            <div class="value" id="monthlyReferralProfit">¥0</div>
+                            <div class="sub" id="referralSub">5 人 × ¥0/人</div>
+                        </div>
+                        
+                        <div class="profit-card" id="teamCard" style="display:none;">
+                            <div class="label">月团队提成</div>
+                            <div class="value" id="monthlyTeamProfit">¥0</div>
+                        </div>
+                        
+                        <div class="profit-card total">
+                            <div class="label">月总收益</div>
+                            <div class="value" id="totalMonthlyProfit">¥34,410</div>
+                        </div>
+                        
+                        <div class="roi-card" id="roiCard" style="display:none;">
+                            <div class="label">回本周期</div>
+                            <div class="value" id="paybackDays">0 天</div>
+                            <div class="sub" id="paybackHours">或 0 小时（日销 30 份）</div>
+                        </div>
+                    </div>
+                </div>
+                
+                <!-- Product Detail Table -->
+                <div class="product-detail">
+                    <h4>📦 各产品利润明细（<span id="currentLevelName">白银代理</span>）</h4>
+                    <table>
+                        <thead>
+                            <tr>
+                                <th>产品</th>
+                                <th>零售价</th>
+                                <th>您的底价</th>
+                                <th>单份利润</th>
+                                <th>利润率</th>
+                            </tr>
+                        </thead>
+                        <tbody id="productTableBody">
+                            <!-- Populated by JavaScript -->
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+            
+            <div style="text-align:center;">
+                <a href="https://p.yuyuecha.com/s/Cc9wgE" class="btn btn-primary">📝 立即申请代理</a>
+            </div>
+        </div>
+    </section>
+
+    <!-- FAQ Section -->
+    <section class="section faq" id="faq">
+        <div class="container">
+            <h2 class="section-title">常见问题</h2>
+            <p class="section-subtitle">您可能想知道的问题</p>
+            
+            <div class="faq-list">
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>报告准确率如何保证？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        愉悦查所有数据均来自官方授权渠道，通过 200+ 数据接口交叉验证，确保信息准确可靠。AI 引擎会自动识别异常数据并进行人工复核，准确率达 99% 以上。
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>数据来源是否合法合规？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        是的，我们严格遵守《个人信息保护法》和相关法律法规，所有数据接口均获得合法授权，查询过程需要被查询人授权同意，确保数据来源和使用完全合规。
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>多久能拿到报告？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        标准报告通常 3-5 秒即可生成，复杂报告或 AI 定制报告可能需要 30 秒 -2 分钟。报告生成后会通过短信/邮件通知您，也可在个人中心随时查看下载。
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>如何成为代理？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        点击页面上方的"立即申请"按钮，填写代理申请表，我们的招商团队会在 1-2 个工作日内联系您。白银代理零门槛免费加入，黄金/钻石代理需支付相应年费。
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>支持退款吗？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        报告一旦生成无法退款，因为数据查询成本已产生。但如果您对报告质量有异议，可在 7 天内联系客服申请复核或重新查询。
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- CTA Section -->
+    <section class="cta">
+        <div class="container">
+            <h2>准备好开始建立信任了吗？</h2>
+            <p>立即体验 AI 驱动的商业信任科技</p>
+            <div class="cta-buttons">
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn">🚀 立即注册</a>
+                <a href="#partnership" class="btn btn-outline">💼 代理合作</a>
+            </div>
+        </div>
+    </section>
+
+    <!-- Footer -->
+    <footer class="footer" id="about">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <h3>愉悦查</h3>
+                    <p>让信任无处不在，让合作没有距离</p>
+                    <p style="margin-top:16px;font-size:13px;">愉悦查（北京正信环宇科技有限公司）</p>
+                    <p style="font-size:13px;">AI 驱动的商业信任科技平台</p>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">产品</h4>
+                    <ul class="footer-links">
+                        <li><a href="/product/riskassessment.html">个人大数据报告</a></li>
+                        <li><a href="/product/marriage.html">婚恋风险报告</a></li>
+                        <li><a href="/product/backgroundcheck.html">入职背调报告</a></li>
+                        <li><a href="/product/companyinfo.html">小微企业报告</a></li>
+                        <li><a href="/product/homeservice.html">家政风险报告</a></li>
+                        <li><a href="/product/consumerFinanceReport.html">消金报告</a></li>
+                        <li><a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" target="_blank">AI 定制报告</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">公司</h4>
+                    <ul class="footer-links">
+                        <li><a href="/about.html">关于我们</a></li>
+                        <li><a href="/careers.html">加入我们</a></li>
+                        <li><a href="/contact.html">联系我们</a></li>
+                        <li><a href="/news.html">新闻动态</a></li>
+                        <li><a href="/partners.html">合作伙伴</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">支持</h4>
+                    <ul class="footer-links">
+                        <li><a href="/help.html">帮助中心</a></li>
+                        <li><a href="/apidemo/">API 文档</a></li>
+                        <li><a href="/index.html#partnership">代理支持</a></li>
+                        <li><a href="/privacy.html">隐私政策</a></li>
+                        <li><a href="/terms.html">服务条款</a></li>
+                        <li><a href="/disclaimer.html">免责声明</a></li>
+                    </ul>
+                </div>
+            </div>
+            
+            <div class="footer-bottom">
+                <p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p class="footer-icp">京 ICP 备 2025158088 号 -2</p>
+            </div>
+        </div>
+    </footer>
+
+    <!-- Back to Top Button -->
+    <button id="backToTop" style="position:fixed;bottom:30px;right:30px;width:50px;height:50px;border-radius:50%;background:var(--primary-gradient);border:none;cursor:pointer;box-shadow:var(--shadow-lg);display:none;align-items:center;justify-content:center;font-size:24px;z-index:999;transition:var(--transition);">↑</button>
+
+    <script>
+        // ===== Back to Top Button =====
+        const backToTopBtn = document.getElementById('backToTop');
+        
+        window.addEventListener('scroll', () => {
+            if (window.scrollY > 500) {
+                backToTopBtn.style.display = 'flex';
+            } else {
+                backToTopBtn.style.display = 'none';
+            }
+        });
+        
+        backToTopBtn.addEventListener('click', () => {
+            window.scrollTo({ top: 0, behavior: 'smooth' });
+        });
+        
+        backToTopBtn.addEventListener('mouseenter', () => {
+            backToTopBtn.style.transform = 'scale(1.1)';
+        });
+        
+        backToTopBtn.addEventListener('mouseleave', () => {
+            backToTopBtn.style.transform = 'scale(1)';
+        });
+
+        // ===== Navbar Scroll Effect =====
+        window.addEventListener('scroll', () => {
+            const navbar = document.getElementById('navbar');
+            if (window.scrollY > 50) {
+                navbar.classList.add('scrolled');
+            } else {
+                navbar.classList.remove('scrolled');
+            }
+        });
+
+        // ===== Mobile Menu Toggle =====
+        document.getElementById('menuToggle').addEventListener('click', () => {
+            document.getElementById('navMenu').classList.toggle('active');
+        });
+
+        // ===== Smooth Scroll =====
+        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' });
+                    // Close mobile menu
+                    document.getElementById('navMenu').classList.remove('active');
+                }
+            });
+        });
+
+        // ===== Animated Counter =====
+        function animateCounter(elementId, target, suffix = '') {
+            const element = document.getElementById(elementId);
+            if (!element) return;
+            
+            let current = 0;
+            const increment = target / 50;
+            const timer = setInterval(() => {
+                current += increment;
+                if (current >= target) {
+                    element.textContent = target.toLocaleString() + suffix;
+                    clearInterval(timer);
+                } else {
+                    element.textContent = Math.floor(current).toLocaleString() + suffix;
+                }
+            }, 30);
+        }
+
+        // ===== Intersection Observer for Animations =====
+        const observerOptions = {
+            threshold: 0.2,
+            rootMargin: '0px'
+        };
+
+        const observer = new IntersectionObserver((entries) => {
+            entries.forEach(entry => {
+                if (entry.isIntersecting) {
+                    // Animate stats when visible
+                    if (entry.target.id === 'statReports') {
+                        animateCounter('statReports', 100000, '+');
+                        animateCounter('statUsers', 50000, '+');
+                        animateCounter('statEnterprises', 5000, '+');
+                    }
+                    observer.unobserve(entry.target);
+                }
+            });
+        }, observerOptions);
+
+        document.getElementById('statReports') && observer.observe(document.getElementById('statReports'));
+
+        // ===== FAQ Toggle =====
+        document.querySelectorAll('.faq-question').forEach(question => {
+            question.addEventListener('click', () => {
+                const item = question.parentElement;
+                const icon = question.querySelector('.faq-icon');
+                
+                // Close other items
+                document.querySelectorAll('.faq-item').forEach(other => {
+                    if (other !== item) {
+                        other.classList.remove('active');
+                        other.querySelector('.faq-icon').textContent = '+';
+                    }
+                });
+                
+                // Toggle current item
+                item.classList.toggle('active');
+                icon.textContent = item.classList.contains('active') ? '×' : '+';
+            });
+        });
+
+        // ===== Advanced Profit Calculator =====
+        const levelData = {
+            silver: { name: '白银代理', fee: 0, markup: 6, referralBonus: 0, teamSilver: 2, teamGold: 0 },
+            gold: { name: '黄金代理', fee: 198, markup: 3, referralBonus: 60, teamSilver: 3, teamGold: 0 },
+            diamond: { name: '钻石代理', fee: 980, markup: 2, referralBonus: 300, teamSilver: 6, teamGold: 3 }
+        };
+        
+        const products = [
+            { name: '消金报告', retail: 39.9, baseCost: 6.0 },
+            { name: '家政风险报告', retail: 39.9, baseCost: 6.0 },
+            { name: '个人大数据报告', retail: 49.8, baseCost: 5.0 },
+            { name: '入职背调报告', retail: 69.9, baseCost: 9.0 },
+            { name: '小微企业报告', retail: 69.9, baseCost: 9.0 },
+            { name: '婚恋风险报告', retail: 39.9, baseCost: 9.0 }
+        ];
+        
+        let currentLevel = 'silver';
+        
+        function switchLevel(level) {
+            currentLevel = level;
+            
+            // Update tabs
+            document.querySelectorAll('.tab-btn').forEach(btn => btn.classList.remove('active'));
+            event.target.closest('.tab-btn').classList.add('active');
+            
+            // Show/hide team inputs for diamond
+            const isDiamond = level === 'diamond';
+            const isGoldOrDiamond = level === 'gold' || level === 'diamond';
+            document.getElementById('teamSilverGroup').style.display = isGoldOrDiamond ? 'block' : 'none';
+            document.getElementById('teamGoldGroup').style.display = isDiamond ? 'block' : 'none';
+            document.getElementById('teamCard').style.display = isGoldOrDiamond ? 'block' : 'none';
+            document.getElementById('roiCard').style.display = isGoldOrDiamond ? 'block' : 'none';
+            
+            calculateProfit();
+        }
+        
+        function getProductCost(product) {
+            return product.baseCost + levelData[currentLevel].markup;
+        }
+        
+        function getProductProfit(product) {
+            return product.retail - getProductCost(product);
+        }
+        
+        function getProductMargin(product) {
+            const profit = getProductProfit(product);
+            return ((profit / product.retail) * 100).toFixed(0);
+        }
+        
+        function calculateProfit() {
+            const dailySales = parseFloat(document.getElementById('dailySales').value) || 0;
+            const referralCount = parseFloat(document.getElementById('referralCount').value) || 0;
+            const teamSilver = parseFloat(document.getElementById('teamSilver').value) || 0;
+            const teamGold = parseFloat(document.getElementById('teamGold').value) || 0;
+            
+            const level = levelData[currentLevel];
+            
+            // Calculate average profit
+            const totalProfit = products.reduce((sum, p) => sum + getProductProfit(p), 0);
+            const avgProfit = totalProfit / products.length;
+            
+            // Retail profit
+            const dailyRetailProfit = avgProfit * dailySales;
+            const monthlyRetailProfit = dailyRetailProfit * 30;
+            
+            // Referral bonus
+            const monthlyReferralProfit = level.referralBonus * referralCount;
+            
+            // Team commission
+            let monthlyTeamProfit = 0;
+            if (currentLevel === 'gold') {
+                monthlyTeamProfit = level.teamSilver * teamSilver * 30;
+            } else if (currentLevel === 'diamond') {
+                monthlyTeamProfit = (level.teamSilver * teamSilver + level.teamGold * teamGold) * 30;
+            }
+            
+            // Total
+            const totalMonthlyProfit = monthlyRetailProfit + monthlyReferralProfit + monthlyTeamProfit;
+            
+            // ROI
+            let paybackDays = 0;
+            let paybackHours = 0;
+            if (level.fee > 0) {
+                const dailyTotal = dailyRetailProfit + (monthlyReferralProfit + monthlyTeamProfit) / 30;
+                if (dailyTotal > 0) {
+                    paybackDays = Math.ceil(level.fee / dailyTotal);
+                    paybackHours = (level.fee / (totalMonthlyProfit / 30 / 24)).toFixed(1);
+                }
+            }
+            
+            // Update UI
+            document.getElementById('avgProfit').textContent = '¥' + avgProfit.toFixed(2);
+            document.getElementById('dailyRetailProfit').textContent = '¥' + dailyRetailProfit.toLocaleString('zh-CN', {minimumFractionDigits: 0, maximumFractionDigits: 0});
+            document.getElementById('dailyRetailSub').textContent = dailySales + '份 × ¥' + avgProfit.toFixed(2);
+            document.getElementById('monthlyRetailProfit').textContent = '¥' + monthlyRetailProfit.toLocaleString('zh-CN', {minimumFractionDigits: 0, maximumFractionDigits: 0});
+            document.getElementById('monthlyReferralProfit').textContent = '¥' + monthlyReferralProfit.toLocaleString('zh-CN', {minimumFractionDigits: 0, maximumFractionDigits: 0});
+            document.getElementById('referralSub').textContent = referralCount + '人 × ¥' + level.referralBonus + '/人';
+            document.getElementById('monthlyTeamProfit').textContent = '¥' + monthlyTeamProfit.toLocaleString('zh-CN', {minimumFractionDigits: 0, maximumFractionDigits: 0});
+            document.getElementById('totalMonthlyProfit').textContent = '¥' + totalMonthlyProfit.toLocaleString('zh-CN', {minimumFractionDigits: 0, maximumFractionDigits: 0});
+            document.getElementById('paybackDays').textContent = paybackDays + '天';
+            document.getElementById('paybackHours').textContent = '或 ' + paybackHours + '小时（日销' + dailySales + '份）';
+            
+            // Update product table
+            document.getElementById('currentLevelName').textContent = level.name;
+            const tbody = document.getElementById('productTableBody');
+            tbody.innerHTML = products.map(p => `
+                <tr>
+                    <td>${p.name}</td>
+                    <td>¥${p.retail}</td>
+                    <td>¥${getProductCost(p).toFixed(2)}</td>
+                    <td>¥${getProductProfit(p).toFixed(2)}</td>
+                    <td>${getProductMargin(p)}%</td>
+                </tr>
+            `).join('');
+        }
+        
+        // Initialize calculator
+        calculateProfit();
+
+        // ===== Scroll Animation Trigger =====
+        const animationObserver = new IntersectionObserver((entries) => {
+            entries.forEach(entry => {
+                if (entry.isIntersecting) {
+                    entry.target.style.opacity = '1';
+                    entry.target.style.animationPlayState = 'running';
+                }
+            });
+        }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' });
+
+        document.querySelectorAll('.product-card, .pricing-card, .section-title').forEach(el => {
+            animationObserver.observe(el);
+        });
+
+        // ===== Initialize =====
+        console.log('愉悦查官网已加载 🚀');
+    </script>
+</body>
+</html>
diff --git a/index.html.broken.20260311 b/index.html.broken.20260311
new file mode 100755
index 0000000..060dc53
--- /dev/null
+++ b/index.html.broken.20260311
@@ -0,0 +1,1467 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>愉悦查 - 让信任无处不在，让合作没有距离 | AI 驱动的商业信任科技平台</title>
+    <meta name="description" content="愉悦查是 AI 驱动的商业信任科技平台，提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告，支持 AI 智能定制报告。200+ 数据接口，秒级响应，让信任无处不在。">
+    <meta name="keywords" 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=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    
+    <style>
+        /* ===== CSS Variables - 品牌色定义 ===== */
+        :root {
+            /* 品牌主色 - 橙色系 (来自蓝湖设计稿) */
+            --primary-orange: #FF6A19;
+            --primary-orange-light: #FC6E18;
+            --primary-orange-dark: #E64E10;
+            --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
+            --primary-orange-soft: #FFDECC;
+            
+            /* 辅助色 */
+            --bg-light: #FFFFFF;
+            --bg-gray: #F5F7FA;
+            --bg-gray-light: #E4E7E0;
+            
+            /* 文字色 */
+            --text-primary: #1A1A1A;
+            --text-secondary: #666666;
+            --text-light: #999999;
+            
+            /* 功能色 */
+            --success: #07C160;
+            --warning: #FF9500;
+            --error: #FF3B30;
+            
+            /* 间距 */
+            --spacing-xs: 8px;
+            --spacing-sm: 16px;
+            --spacing-md: 24px;
+            --spacing-lg: 48px;
+            --spacing-xl: 80px;
+            
+            /* 圆角 */
+            --radius-sm: 4px;
+            --radius-md: 8px;
+            --radius-lg: 16px;
+            --radius-xl: 24px;
+            
+            /* 阴影 */
+            --shadow-sm: 0 2px 8px rgba(0,0,0,0.08);
+            --shadow-md: 0 4px 16px rgba(0,0,0,0.12);
+            --shadow-lg: 0 8px 32px rgba(0,0,0,0.16);
+            
+            /* 过渡 */
+            --transition: all 0.3s ease;
+        }
+        
+        /* ===== Reset & Base ===== */
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+        
+        html {
+            scroll-behavior: smooth;
+        }
+        
+        body {
+            font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+            font-size: 16px;
+            line-height: 1.6;
+            color: var(--text-primary);
+            background-color: var(--bg-light);
+        }
+        
+        a {
+            text-decoration: none;
+            color: inherit;
+        }
+        
+        ul {
+            list-style: none;
+        }
+        
+        img {
+            max-width: 100%;
+            height: auto;
+        }
+        
+        .container {
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 0 var(--spacing-md);
+        }
+        
+            padding: 10px 20px;
+            font-size: 14px;
+        }
+        
+        .btn {
+            display: inline-block;
+            padding: 14px 32px;
+            font-size: 16px;
+            font-weight: 500;
+            border-radius: var(--radius-md);
+            cursor: pointer;
+            transition: var(--transition);
+            border: none;
+            text-align: center;
+        }
+
+        .btn-primary {
+            background: var(--primary-gradient);
+            color: white;
+            box-shadow: 0 4px 12px rgba(236, 77, 9, 0.3);
+        }
+
+        .btn-primary:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 6px 20px rgba(236, 77, 9, 0.4);
+        }
+
+
+        /* Mobile Menu */
+        .menu-toggle {
+            display: none;
+            flex-direction: column;
+            gap: 5px;
+            cursor: pointer;
+            padding: 5px;
+        }
+        
+        .menu-toggle span {
+            width: 25px;
+            height: 3px;
+            background: var(--primary-orange);
+            border-radius: 2px;
+            transition: var(--transition);
+        }
+        
+        /* ===== Hero Section ===== */
+        .hero {
+            padding-top: 160px;
+            padding-bottom: 100px;
+            background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 50%, #F5F7FA 100%);
+            position: relative;
+            overflow: hidden;
+        }
+        
+        .hero::before {
+            content: '';
+            position: absolute;
+            top: -50%;
+            right: -20%;
+            width: 80%;
+            height: 200%;
+            background: radial-gradient(circle, rgba(236, 77, 9, 0.05) 0%, transparent 70%);
+            animation: float 20s ease-in-out infinite;
+        }
+        
+        @keyframes float {
+            0%, 100% { transform: translateY(0) rotate(0deg); }
+            50% { transform: translateY(-20px) rotate(5deg); }
+        }
+        
+        .hero-content {
+            text-align: center;
+            max-width: 900px;
+            margin: 0 auto;
+            position: relative;
+            z-index: 1;
+        }
+        
+        .hero-badge {
+            display: inline-block;
+            padding: 8px 16px;
+            background: linear-gradient(135deg, rgba(255, 106, 25, 0.1), rgba(252, 110, 24, 0.15));
+            color: var(--primary-orange);
+            font-size: 14px;
+            font-weight: 600;
+            border-radius: 20px;
+            margin-bottom: var(--spacing-md);
+            border: 1px solid rgba(255, 106, 25, 0.2);
+            animation: pulse 2s ease-in-out infinite;
+        }
+        
+        @keyframes pulse {
+            0%, 100% { transform: scale(1); }
+            50% { transform: scale(1.02); }
+        }
+        
+        .hero h1 {
+            font-size: 56px;
+            font-weight: 900;
+            line-height: 1.2;
+            margin-bottom: var(--spacing-sm);
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 50%, #FF8A5C 100%);
+            background-size: 200% auto;
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+            animation: gradientShift 3s ease infinite;
+        }
+        
+        @keyframes gradientShift {
+            0%, 100% { background-position: 0% center; }
+            50% { background-position: 100% center; }
+        }
+        
+        .hero p {
+            font-size: 20px;
+            color: var(--text-secondary);
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        .hero-stats {
+            display: flex;
+            justify-content: center;
+            gap: var(--spacing-lg);
+            margin-top: var(--spacing-lg);
+            flex-wrap: wrap;
+        }
+        
+        .stat-item {
+            text-align: center;
+        }
+        
+        .stat-number {
+            font-size: 36px;
+            font-weight: 700;
+            background: var(--primary-gradient);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+        
+        .stat-label {
+            font-size: 14px;
+            color: var(--text-light);
+            margin-top: 4px;
+        }
+        
+        .hero-buttons {
+            display: flex;
+            justify-content: center;
+            gap: var(--spacing-sm);
+            margin-top: var(--spacing-lg);
+            flex-wrap: wrap;
+        }
+        
+        /* ===== Trust Bar ===== */
+        .trust-bar {
+            padding: var(--spacing-lg) 0;
+            background: var(--bg-gray);
+            border-top: 1px solid #eee;
+            border-bottom: 1px solid #eee;
+        }
+        
+        .trust-bar p {
+            text-align: center;
+            font-size: 14px;
+            color: var(--text-light);
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .trust-logos {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            gap: var(--spacing-lg);
+            flex-wrap: wrap;
+            opacity: 0.6;
+        }
+        
+        .trust-logo {
+            height: 40px;
+            filter: grayscale(100%);
+            transition: var(--transition);
+        }
+        
+        .trust-logo:hover {
+            filter: grayscale(0%);
+        }
+        
+        /* ===== Features Section ===== */
+        .features {
+            background: var(--bg-light);
+        }
+        
+        .features-grid {
+            display: grid;
+            grid-template-columns: repeat(4, 1fr);
+            gap: var(--spacing-md);
+        }
+        
+        .feature-card {
+            text-align: center;
+            padding: var(--spacing-lg) var(--spacing-md);
+            border-radius: var(--radius-lg);
+            transition: var(--transition);
+        }
+        
+        .feature-card:hover {
+            background: var(--bg-gray);
+            transform: translateY(-4px);
+        }
+        
+        .feature-icon {
+            width: 64px;
+            height: 64px;
+            margin: 0 auto var(--spacing-sm);
+            background: var(--primary-gradient);
+            border-radius: var(--radius-md);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 28px;
+        }
+        
+        .feature-title {
+            font-size: 18px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .feature-desc {
+            font-size: 14px;
+            color: var(--text-secondary);
+        }
+        
+        /* ===== Products Section ===== */
+        .products {
+            background: var(--bg-gray);
+        }
+        
+        .products-grid {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: var(--spacing-md);
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        .product-card {
+            background: white;
+            border-radius: var(--radius-lg);
+            padding: var(--spacing-lg);
+            box-shadow: var(--shadow-sm);
+            transition: var(--transition);
+            position: relative;
+            overflow: hidden;
+        }
+        
+        .product-card::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            height: 4px;
+            background: var(--primary-gradient);
+        }
+        
+        .product-card:hover {
+            transform: translateY(-12px);
+            box-shadow: var(--shadow-lg);
+        }
+        
+        .product-card:hover .product-icon {
+            transform: scale(1.1) rotate(5deg);
+        }
+        
+        .product-icon {
+            width: 80px;
+            height: 80px;
+            border-radius: 50%;
+            background: var(--primary-gradient);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 36px;
+            margin-bottom: var(--spacing-sm);
+            box-shadow: 0 4px 16px rgba(255, 106, 25, 0.3);
+            transition: var(--transition);
+        }
+        
+        .product-name {
+            font-size: 20px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .product-price {
+            font-size: 28px;
+            font-weight: 700;
+            color: var(--primary-orange);
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .product-price span {
+            font-size: 14px;
+            font-weight: 400;
+            color: var(--text-light);
+        }
+        
+        .product-features {
+            margin: var(--spacing-sm) 0;
+            padding: var(--spacing-sm) 0;
+            border-top: 1px solid #eee;
+            border-bottom: 1px solid #eee;
+        }
+        
+        .product-features li {
+            font-size: 14px;
+            color: var(--text-secondary);
+            padding: 4px 0;
+            display: flex;
+            align-items: center;
+            gap: 8px;
+        }
+        
+        .product-features li::before {
+            content: '✓';
+            color: var(--success);
+            font-weight: 700;
+        }
+        
+        /* AI Custom Product */
+        .product-ai {
+            grid-column: 1 / -1;
+            background: var(--primary-gradient);
+            color: white;
+            padding: var(--spacing-xl);
+            border-radius: var(--radius-xl);
+            text-align: center;
+            position: relative;
+            overflow: hidden;
+        }
+        
+        .product-ai::before {
+            content: '';
+            position: absolute;
+            top: -50%;
+            right: -10%;
+            width: 50%;
+            height: 200%;
+            background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
+            animation: float 15s ease-in-out infinite reverse;
+        }
+        
+        .product-ai h3 {
+            font-size: 32px;
+            margin-bottom: var(--spacing-sm);
+            position: relative;
+        }
+        
+        .product-ai p {
+            font-size: 18px;
+            opacity: 0.95;
+            margin-bottom: var(--spacing-md);
+            position: relative;
+        }
+        
+        .product-ai .btn {
+            background: white;
+            color: var(--primary-orange);
+            position: relative;
+        }
+        
+        /* ===== Technology Section ===== */
+        .technology {
+            background: linear-gradient(135deg, #1A1A2E 0%, #16213E 100%);
+            color: white;
+        }
+        
+        .technology .section-title,
+        .technology .section-subtitle {
+            color: white;
+        }
+        
+        .tech-diagram {
+            max-width: 1000px;
+            margin: var(--spacing-lg) auto;
+            background: rgba(255,255,255,0.05);
+            border-radius: var(--radius-xl);
+            padding: var(--spacing-xl);
+            backdrop-filter: blur(10px);
+        }
+        
+        .tech-flow {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            flex-wrap: wrap;
+            gap: var(--spacing-md);
+        }
+        
+        .tech-step {
+            flex: 1;
+            min-width: 150px;
+            text-align: center;
+            padding: var(--spacing-md);
+            background: rgba(236, 77, 9, 0.1);
+            border-radius: var(--radius-md);
+            border: 1px solid rgba(236, 77, 9, 0.3);
+        }
+        
+        .tech-step-icon {
+            font-size: 36px;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .tech-step-title {
+            font-size: 16px;
+            font-weight: 600;
+            margin-bottom: 4px;
+        }
+        
+        .tech-step-desc {
+            font-size: 13px;
+            opacity: 0.8;
+        }
+        
+        .tech-arrow {
+            font-size: 24px;
+            color: var(--primary-orange);
+        }
+        
+        .tech-apis {
+            text-align: center;
+            margin-top: var(--spacing-lg);
+            padding: var(--spacing-md);
+            background: rgba(255,255,255,0.05);
+            border-radius: var(--radius-md);
+        }
+        
+        .tech-apis p {
+            font-size: 14px;
+            opacity: 0.8;
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .api-tags {
+            display: flex;
+            justify-content: center;
+            gap: var(--spacing-xs);
+            flex-wrap: wrap;
+        }
+        
+        .api-tag {
+            padding: 6px 12px;
+            background: rgba(236, 77, 9, 0.2);
+            border-radius: 20px;
+            font-size: 13px;
+            border: 1px solid rgba(236, 77, 9, 0.3);
+        }
+        
+        /* ===== Partnership Section ===== */
+        .partnership {
+            background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%);
+        }
+        
+        .pricing-grid {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: var(--spacing-md);
+            max-width: 1000px;
+            margin: 0 auto var(--spacing-lg);
+        }
+        
+        .pricing-card {
+            background: white;
+            border-radius: var(--radius-lg);
+            padding: var(--spacing-lg);
+            text-align: center;
+            box-shadow: var(--shadow-sm);
+            transition: var(--transition);
+            border: 2px solid transparent;
+        }
+        
+        .pricing-card:hover {
+            transform: translateY(-8px);
+            box-shadow: var(--shadow-lg);
+        }
+        
+        .pricing-card.featured {
+            border-color: var(--primary-orange);
+            position: relative;
+            transform: scale(1.08);
+            box-shadow: var(--shadow-lg);
+            z-index: 1;
+        }
+        
+        .pricing-card.featured:hover {
+            transform: scale(1.08) translateY(-8px);
+        }
+        
+        .pricing-card.featured::before {
+            content: '🔥 热门推荐';
+            position: absolute;
+            top: -14px;
+            left: 50%;
+            transform: translateX(-50%);
+            background: var(--primary-gradient);
+            color: white;
+            padding: 6px 20px;
+            border-radius: 12px;
+            font-size: 13px;
+            font-weight: 600;
+            box-shadow: 0 4px 12px rgba(255, 106, 25, 0.4);
+        }
+        
+        .pricing-icon {
+            font-size: 48px;
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .pricing-name {
+            font-size: 20px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .pricing-price {
+            font-size: 36px;
+            font-weight: 700;
+            color: var(--primary-orange);
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .pricing-price span {
+            font-size: 14px;
+            font-weight: 400;
+            color: var(--text-light);
+        }
+        
+        .pricing-features {
+            margin: var(--spacing-md) 0;
+            text-align: left;
+        }
+        
+        .pricing-features li {
+            font-size: 14px;
+            color: var(--text-secondary);
+            padding: 8px 0;
+            display: flex;
+            align-items: center;
+            gap: 8px;
+        }
+        
+        .pricing-features li::before {
+            content: '✓';
+            color: var(--success);
+            font-weight: 700;
+        }
+        
+        /* Calculator - Advanced Profit Calculator */
+        .profit-calculator {
+            max-width: 1000px;
+            margin: var(--spacing-lg) auto;
+            background: white;
+            padding: var(--spacing-lg);
+            border-radius: var(--radius-lg);
+            box-shadow: var(--shadow-md);
+        }
+        
+        .calculator-title {
+            text-align: center;
+            font-size: 24px;
+            font-weight: 700;
+            margin-bottom: var(--spacing-md);
+            color: var(--text-primary);
+        }
+        
+        .level-tabs {
+            display: flex;
+            gap: 12px;
+            margin-bottom: 24px;
+        }
+        
+        .tab-btn {
+            flex: 1;
+            padding: 16px 20px;
+            border: 2px solid #e0e0e0;
+            border-radius: var(--radius-md);
+            background: #fff;
+            cursor: pointer;
+            font-size: 16px;
+            font-weight: 600;
+            transition: var(--transition);
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+        
+        .tab-btn:hover {
+            border-color: var(--primary-orange);
+        }
+        
+        .tab-btn.active {
+            border-color: var(--primary-orange);
+            background: var(--primary-gradient);
+            color: #fff;
+        }
+        
+        .tab-btn .price {
+            font-size: 13px;
+            font-weight: 400;
+            opacity: 0.9;
+        }
+        
+        .calculator-grid {
+            display: grid;
+            grid-template-columns: 1fr 1fr;
+            gap: 24px;
+        }
+        
+        .input-section, .profit-section {
+            background: var(--bg-gray);
+            padding: 20px;
+            border-radius: var(--radius-md);
+        }
+        
+        .input-section h4, .profit-section h4 {
+            font-size: 16px;
+            margin-bottom: 16px;
+            color: var(--text-primary);
+        }
+        
+        .input-group {
+            margin-bottom: 16px;
+        }
+        
+        .input-group label {
+            display: block;
+            margin-bottom: 6px;
+            font-size: 13px;
+            color: var(--text-secondary);
+        }
+        
+        .input-group input {
+            width: 100%;
+            padding: 10px 12px;
+            border: 1px solid #ddd;
+            border-radius: 6px;
+            font-size: 15px;
+            transition: var(--transition);
+        }
+        
+        .input-group input:focus {
+            outline: none;
+            border-color: var(--primary-orange);
+        }
+        
+        .profit-card {
+            background: #fff;
+            padding: 14px;
+            border-radius: 8px;
+            margin-bottom: 10px;
+        }
+        
+        .profit-card .label {
+            font-size: 13px;
+            color: var(--text-secondary);
+            margin-bottom: 4px;
+        }
+        
+        .profit-card .value {
+            font-size: 24px;
+            font-weight: 700;
+            color: var(--primary-orange);
+        }
+        
+        .profit-card .sub {
+            font-size: 11px;
+            color: #999;
+            margin-top: 4px;
+        }
+        
+        .profit-card.highlight {
+            background: #FFF3E0;
+            border: 2px solid var(--primary-orange);
+        }
+        
+        .profit-card.total {
+            background: var(--primary-gradient);
+            color: #fff;
+        }
+        
+        .profit-card.total .label,
+        .profit-card.total .value,
+        .profit-card.total .sub {
+            color: #fff;
+        }
+        
+        .roi-card {
+            background: #FFF3CD;
+            border: 2px solid #FFC107;
+            padding: 14px;
+            border-radius: 8px;
+            margin-top: 12px;
+        }
+        
+        .roi-card .label {
+            font-size: 13px;
+            color: #856404;
+        }
+        
+        .roi-card .value {
+            font-size: 20px;
+            font-weight: 700;
+            color: #856404;
+        }
+        
+        .roi-card .sub {
+            font-size: 11px;
+            color: #856404;
+            opacity: 0.8;
+            margin-top: 4px;
+        }
+        
+        .product-detail {
+            grid-column: 1 / -1;
+            background: #fff;
+            padding: 20px;
+            border-radius: var(--radius-md);
+            border: 1px solid #e0e0e0;
+            margin-top: 12px;
+        }
+        
+        .product-detail h4 {
+            font-size: 16px;
+            margin-bottom: 12px;
+            color: var(--text-primary);
+        }
+        
+        .product-detail table {
+            width: 100%;
+            border-collapse: collapse;
+            font-size: 13px;
+        }
+        
+        .product-detail th,
+        .product-detail td {
+            padding: 10px;
+            text-align: left;
+            border-bottom: 1px solid #e0e0e0;
+        }
+        
+        .product-detail th {
+            background: var(--bg-gray);
+            font-weight: 600;
+            color: var(--text-primary);
+        }
+        
+        .product-detail tr:hover {
+            background: var(--bg-gray-light);
+        }
+        
+        @media (max-width: 768px) {
+            .calculator-grid {
+                grid-template-columns: 1fr;
+            }
+            
+            .level-tabs {
+                flex-direction: column;
+            }
+        }
+        
+        /* ===== FAQ Section ===== */
+        .faq {
+            background: var(--bg-light);
+        }
+        
+        .faq-list {
+            max-width: 800px;
+            margin: 0 auto;
+        }
+        
+        .faq-item {
+            border-bottom: 1px solid #eee;
+            padding: var(--spacing-md) 0;
+            transition: var(--transition);
+        }
+        
+        .faq-item:hover {
+            background: rgba(255, 106, 25, 0.02);
+            padding-left: var(--spacing-sm);
+            padding-right: var(--spacing-sm);
+            margin-left: calc(-1 * var(--spacing-sm));
+            margin-right: calc(-1 * var(--spacing-sm));
+            border-radius: var(--radius-md);
+        }
+        }
+        
+        .faq-question {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            cursor: pointer;
+            padding: var(--spacing-sm) 0;
+            font-size: 18px;
+            font-weight: 500;
+            transition: var(--transition);
+        }
+        
+        .faq-question:hover {
+            color: var(--primary-orange);
+        }
+        
+        .faq-icon {
+            font-size: 24px;
+            color: var(--primary-orange);
+            transition: var(--transition);
+            width: 32px;
+            height: 32px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            border-radius: 50%;
+            background: rgba(255, 106, 25, 0.1);
+        }
+        
+        .faq-item.active .faq-icon {
+            background: var(--primary-gradient);
+            color: white;
+        }
+        
+        .faq-answer {
+            max-height: 0;
+            overflow: hidden;
+            transition: max-height 0.3s ease;
+            color: var(--text-secondary);
+            line-height: 1.8;
+        }
+        
+        .faq-item.active .faq-icon {
+            transform: rotate(45deg);
+        }
+        
+        .faq-item.active .faq-answer {
+            max-height: 500px;
+            margin-top: var(--spacing-sm);
+        }
+        
+        /* ===== CTA Section ===== */
+        .cta {
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 50%, #FF8A5C 100%);
+            background-size: 200% 200%;
+            animation: gradientShift 5s ease infinite;
+            color: white;
+            text-align: center;
+            padding: var(--spacing-xl) 0;
+            position: relative;
+            overflow: hidden;
+        }
+        
+        .cta::before {
+            content: '';
+            position: absolute;
+            top: -50%;
+            left: -50%;
+            width: 200%;
+            height: 200%;
+            background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
+            animation: rotate 20s linear infinite;
+        }
+        
+        @keyframes rotate {
+            from { transform: rotate(0deg); }
+            to { transform: rotate(360deg); }
+        }
+        
+        .cta h2 {
+            font-size: 36px;
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .cta p {
+            font-size: 18px;
+            opacity: 0.95;
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        .cta-buttons {
+            display: flex;
+            justify-content: center;
+            gap: var(--spacing-sm);
+            flex-wrap: wrap;
+            position: relative;
+            z-index: 1;
+        }
+        
+        .cta .btn {
+            background: white;
+            color: var(--primary-orange);
+        }
+        
+        .cta .btn:hover {
+            transform: translateY(-3px);
+            box-shadow: 0 8px 24px rgba(0,0,0,0.2);
+        }
+        
+        .cta .btn-outline {
+            background: transparent;
+            border-color: rgba(255,255,255,0.5);
+            color: white;
+        }
+        
+        .cta .btn-outline:hover {
+            background: white;
+            color: var(--primary-orange);
+        }
+        
+        .cta .btn-outline:hover {
+            background: white;
+            color: var(--primary-orange);
+        }
+        
+        /* ===== Footer ===== */
+        .footer {
+            background: #1A1A1A;
+            color: white;
+            padding: var(--spacing-xl) 0 var(--spacing-lg);
+        }
+        
+        .footer-grid {
+            display: grid;
+            grid-template-columns: 2fr repeat(3, 1fr);
+            gap: var(--spacing-lg);
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        .footer-brand h3 {
+            font-size: 24px;
+            margin-bottom: var(--spacing-sm);
+            color: var(--primary-orange);
+        }
+        
+        .footer-brand p {
+            font-size: 14px;
+            opacity: 0.8;
+            line-height: 1.8;
+        }
+        
+        .footer-title {
+            font-size: 16px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .footer-links li {
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .footer-links a {
+            font-size: 14px;
+            opacity: 0.8;
+            transition: var(--transition);
+        }
+        
+        .footer-links a:hover {
+            opacity: 1;
+            color: var(--primary-orange);
+        }
+        
+        .footer-bottom {
+            padding-top: var(--spacing-lg);
+            border-top: 1px solid rgba(255,255,255,0.1);
+            text-align: center;
+            font-size: 14px;
+            opacity: 0.6;
+        }
+        
+        .footer-icp {
+            margin-top: var(--spacing-sm);
+        }
+        
+        /* ===== Animations ===== */
+        @keyframes fadeInUp {
+            from {
+                opacity: 0;
+                transform: translateY(30px);
+            }
+            to {
+                opacity: 1;
+                transform: translateY(0);
+            }
+        }
+        
+        .fade-in-up {
+            animation: fadeInUp 0.6s ease forwards;
+        }
+        
+        .section-title {
+            opacity: 0;
+            animation: fadeInUp 0.6s ease forwards;
+        }
+        
+        .product-card {
+            opacity: 0;
+            animation: fadeInUp 0.6s ease forwards;
+            animation-play-state: paused;
+        }
+        
+        .product-card:nth-child(1) { animation-delay: 0.1s; }
+        .product-card:nth-child(2) { animation-delay: 0.15s; }
+        .product-card:nth-child(3) { animation-delay: 0.2s; }
+        .product-card:nth-child(4) { animation-delay: 0.25s; }
+        .product-card:nth-child(5) { animation-delay: 0.3s; }
+        .product-card:nth-child(6) { animation-delay: 0.35s; }
+        
+        .pricing-card {
+            opacity: 0;
+            animation: fadeInUp 0.6s ease forwards;
+            animation-play-state: paused;
+        }
+        
+        .pricing-card:nth-child(1) { animation-delay: 0.1s; }
+        .pricing-card:nth-child(2) { animation-delay: 0.2s; }
+        .pricing-card:nth-child(3) { animation-delay: 0.3s; }
+        
+        /* ===== Responsive ===== */
+        @media (max-width: 1024px) {
+            .features-grid {
+                grid-template-columns: repeat(2, 1fr);
+            }
+            
+            .products-grid {
+                grid-template-columns: repeat(2, 1fr);
+            }
+            
+            .pricing-grid {
+                grid-template-columns: repeat(2, 1fr);
+            }
+            
+            .footer-grid {
+                grid-template-columns: repeat(2, 1fr);
+            }
+        }
+        
+        /* ===== Mobile Responsive - 手机竖屏版 ===== */
+        @media (max-width: 768px) {
+            /* 导航栏 */
+            .navbar .container {
+                height: 60px;
+                padding: 0 12px;
+            }
+            
+            .logo {
+                padding: 0;
+                margin-left: 0;
+            }
+            
+            .logo-img {
+                height: 40px;
+                margin-left: 0;
+            }
+            
+            .nav-menu {
+                display: none;
+                position: absolute;
+                top: 64px;
+                left: 0;
+                right: 0;
+                background: white;
+                flex-direction: column;
+                padding: var(--spacing-md);
+                box-shadow: var(--shadow-md);
+                z-index: 999;
+            }
+            
+            .nav-menu.active {
+                display: flex;
+            }
+            
+            .nav-menu li { list-style: none !important;
+                margin: 8px 0;
+            }
+            
+            .nav-link {
+            text-decoration: none !important;
+            text-decoration: none !important;
+                font-size: 16px;
+                padding: 12px 0;
+                display: block;
+            }
+            
+            .nav-cta {
+                display: none;
+            }
+            
+            .menu-toggle {
+                display: flex;
+            }
+            
+            /* Hero Section */
+            .hero {
+                padding-top: 100px;
+                padding-bottom: var(--spacing-lg);
+            }
+            
+            .hero h1 {
+                font-size: 28px;
+                line-height: 1.3;
+            }
+            
+            .hero p {
+                font-size: 14px;
+                margin-top: 12px;
+            }
+            
+            .hero-badge {
+                font-size: 12px;
+                padding: 6px 12px;
+            }
+            
+            .hero-stats {
+                flex-direction: column;
+                gap: var(--spacing-sm);
+                margin-top: var(--spacing-md);
+            }
+            
+            .stat-item {
+                flex-direction: row;
+                justify-content: space-between;
+                padding: 12px 16px;
+            }
+            
+            .stat-number {
+                font-size: 24px;
+            }
+            
+            .stat-label {
+                font-size: 13px;
+            }
+            
+            .hero-buttons {
+                flex-direction: column;
+                gap: 12px;
+            }
+            
+            .hero-buttons .btn {
+                width: 100%;
+            }
+            
+            /* Section Titles */
+            .section-title {
+                font-size: 26px;
+            }
+            
+            .section-subtitle {
+                font-size: 15px;
+            }
+            
+            /* Features */
+            .features-grid {
+                grid-template-columns: 1fr;
+                gap: var(--spacing-sm);
+            }
+            
+            .feature-card {
+                padding: var(--spacing-md);
+            }
+            
+            .feature-icon {
+                font-size: 36px;
+            }
+            
+            .feature-title {
+                font-size: 17px;
+            }
+            
+            .feature-desc {
+                font-size: 13px;
+            }
+            
+            /* Products */
+            .products-grid {
+                grid-template-columns: 1fr;
+                gap: var(--spacing-sm);
+            }
+            
+            .product-card {
+                padding: var(--spacing-md);
+            }
+            
+            .product-icon {
+                font-size: 40px;
+            }
+            
+            .product-name {
+                font-size: 17px;
+            }
+            
+            .product-price {
+                font-size: 20px;
+            }
+            
+            .product-features li {
+                font-size: 13px;
+            }
+            
+            /* Pricing */
+            .pricing-grid {
+                grid-template-columns: 1fr;
+                gap: var(--spacing-sm);
+            }
+            
+            .pricing-card {
+                padding: var(--spacing-md);
+            }
+            
+            .pricing-name {
+                font-size: 18px;
+            }
+            
+            .pricing-price {
+                font-size: 28px;
+            }
+            
+            .pricing-features {
+                font-size: 13px;
+            }
+            
+            .pricing-features li {
+                padding: 8px 0;
+            }
+            
+            /* Calculator */
+            .profit-calculator {
+                padding: var(--spacing-md);
+            }
+            
+            .calculator-grid {
+                grid-template-columns: 1fr;
+                gap: var(--spacing-sm);
+            }
+            
+            .level-tabs {
+                flex-direction: column;
+                gap: 8px;
+            }
+            
+            .tab-btn {
+                padding: 12px 16px;
+                font-size: 15px;
+            }
+            
+            .input-section,
+            .profit-section {
+                padding: 16px;
+            }
+            
+            .profit-card .value {
+                font-size: 20px;
+            }
+            
+            .product-detail table {
+                font-size: 12px;
+            }
+            
+            .product-detail th,
+            .product-detail td {
+                padding: 8px 4px;
+            }
+            
+            /* FAQ */
+            .faq-question {
+                font-size: 16px;
+            }
+            
+            .faq-answer {
+                font-size: 14px;
+            }
+            
+            /* CTA */
+            .cta {
+                padding: var(--spacing-lg) 0;
+            }
+            
+            .cta h2 {
+                font-size: 22px;
+            }
+            
+            .cta p {
+                font-size: 14px;
+            }
+            
+            .cta-buttons {
+                flex-direction: column;
+                gap: 12px;
+            }
+            
+            .cta-buttons .btn {
+                width: 100%;
+            }
+            
+            /* Footer */
+            .footer {
+                padding: var(--spacing-lg) 0;
+            }
+            
+            .footer-grid {
+                grid-template-columns: 1fr;
+                gap: var(--spacing-md);
+            }
+            
+            .footer-brand h3 {
+                font-size: 18px;
+            }
+            
+            .footer-title {
+                font-size: 15px;
+            }
+            
+            .footer-links li {
+                font-size: 13px;
+            }
+            
+            .footer-bottom {
+                flex-direction: column;
+                text-align: center;
+                font-size: 12px;
+            }
+            
+            /* Tech Section */
+            .tech-flow {
+                flex-direction: column;
+                gap: var(--spacing-sm);
+            }
+            
+            .tech-step {
+                padding: var(--spacing-sm);
+            }
+            
+            .tech-step-icon {
+                font-size: 32px;
+            }
+            
+            .tech-step-title {
+                font-size: 15px;
+            }
+            
+            .tech-step-desc {
+                font-size: 12px;
+            }
+            
+            .tech-arrow {
+                transform: rotate(90deg);
+                font-size: 20px;
+            }
+            
+            .api-tags {
+                flex-wrap: wrap;
+            }
+            
+            .api-tag {
+                font-size: 12px;
+                padding: 6px 12px;
+            }
+            
+            /* Buttons */
diff --git a/index.html.restored b/index.html.restored
new file mode 100755
index 0000000..cad1a95
--- /dev/null
+++ b/index.html.restored
@@ -0,0 +1,2614 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>愉悦查 - 让信任无处不在，让合作没有距离 | AI 驱动的商业信任科技平台</title>
+    <meta name="description" content="愉悦查是 AI 驱动的商业信任科技平台，提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告，支持 AI 智能定制报告。200+ 数据接口，秒级响应，让信任无处不在。">
+    <meta name="keywords" 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=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    
+    <style>
+        /* ===== CSS Variables - 品牌色定义 ===== */
+        :root {
+            /* 品牌主色 - 橙色系 (来自蓝湖设计稿) */
+            --primary-orange: #FF6A19;
+            --primary-orange-light: #FC6E18;
+            --primary-orange-dark: #E64E10;
+            --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
+            --primary-orange-soft: #FFDECC;
+            
+            /* 辅助色 */
+            --bg-light: #FFFFFF;
+            --bg-gray: #F5F7FA;
+            --bg-gray-light: #E4E7E0;
+            
+            /* 文字色 */
+            --text-primary: #1A1A1A;
+            --text-secondary: #666666;
+            --text-light: #999999;
+            
+            /* 功能色 */
+            --success: #07C160;
+            --warning: #FF9500;
+            --error: #FF3B30;
+            
+            /* 间距 */
+            --spacing-xs: 8px;
+            --spacing-sm: 16px;
+            --spacing-md: 24px;
+            --spacing-lg: 48px;
+            --spacing-xl: 80px;
+            
+            /* 圆角 */
+            --radius-sm: 4px;
+            --radius-md: 8px;
+            --radius-lg: 16px;
+            --radius-xl: 24px;
+            
+            /* 阴影 */
+            --shadow-sm: 0 2px 8px rgba(0,0,0,0.08);
+            --shadow-md: 0 4px 16px rgba(0,0,0,0.12);
+            --shadow-lg: 0 8px 32px rgba(0,0,0,0.16);
+            
+            /* 过渡 */
+            --transition: all 0.3s ease;
+        }
+        
+        /* ===== Reset & Base ===== */
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+        
+        html {
+            scroll-behavior: smooth;
+        }
+        
+        body {
+            font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+            font-size: 16px;
+            line-height: 1.6;
+            color: var(--text-primary);
+            background-color: var(--bg-light);
+        }
+        
+        a {
+            text-decoration: none;
+            color: inherit;
+        }
+        
+        ul {
+            list-style: none;
+        }
+        
+        img {
+            max-width: 100%;
+            height: auto;
+        }
+        
+        .container {
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 0 var(--spacing-md);
+        }
+        
+        .btn {
+            display: inline-block;
+            padding: 14px 32px;
+            font-size: 16px;
+            font-weight: 500;
+            border-radius: var(--radius-md);
+            cursor: pointer;
+            transition: var(--transition);
+            border: none;
+            text-align: center;
+        }
+        
+        .btn-primary {
+            background: var(--primary-gradient);
+            color: white;
+            box-shadow: 0 4px 12px rgba(236, 77, 9, 0.3);
+        }
+        
+        .btn-primary:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 6px 20px rgba(236, 77, 9, 0.4);
+        }
+        
+        .btn-outline {
+            background: transparent;
+            border: 2px solid var(--primary-orange);
+            color: var(--primary-orange);
+        }
+        
+        .btn-outline:hover {
+            background: var(--primary-gradient);
+            color: white;
+            transform: translateY(-2px);
+            box-shadow: 0 4px 12px rgba(255, 106, 25, 0.3);
+        }
+        
+        .btn-primary:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 6px 20px rgba(255, 106, 25, 0.4);
+        }
+        
+        .section {
+            padding: var(--spacing-xl) 0;
+        }
+        
+        .section-title {
+            text-align: center;
+            font-size: 36px;
+            font-weight: 700;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .section-subtitle {
+            text-align: center;
+            font-size: 18px;
+            color: var(--text-secondary);
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        /* ===== Navigation ===== */
+        /* ===== Navigation ===== */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+            transition: var(--transition);
+        }
+        
+        .navbar.scrolled {
+            box-shadow: 0 4px 30px rgba(0,0,0,0.12);
+        }
+        
+        .navbar .container {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            height: 80px;
+            max-width: 1400px;
+            margin: 0 auto;
+            padding: 0 32px;
+        }
+        
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            text-decoration: none;
+            background: transparent;
+            padding: 4px 0;
+        }
+        
+        .logo-img {
+            background: rgba(255,255,255,0.95);
+            height: 60px;
+            width: auto;
+            object-fit: contain;
+            transition: var(--transition);
+            
+        }
+        
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            text-decoration: none;
+            padding: 6px 0;
+        }
+        
+        .logo-img {
+            background: rgba(255,255,255,0.95);
+            height: 60px;
+            width: auto;
+            object-fit: contain;
+            transition: var(--transition);
+            
+        }
+        
+        .logo:hover .logo-img {
+            background: rgba(255,255,255,0.95);
+            transform: scale(1.05);
+        }
+        
+        .nav-menu {
+            display: flex;
+            gap: var(--spacing-lg);
+            align-items: center;
+        }
+        
+        .nav-link {
+            font-size: 15px;
+            font-weight: 500;
+            color: var(--text-primary);
+            transition: var(--transition);
+            position: relative;
+        }
+        
+        .nav-link:hover {
+            color: var(--primary-orange);
+        }
+        
+        .nav-link::after {
+            content: '';
+            position: absolute;
+            bottom: -4px;
+            left: 0;
+            width: 0;
+            height: 2px;
+            background: var(--primary-orange);
+            transition: var(--transition);
+        }
+        
+        .nav-link:hover::after {
+            width: 100%;
+        }
+        
+        .nav-cta {
+            display: flex;
+            gap: var(--spacing-sm);
+        }
+        
+        .nav-btn {
+            padding: 10px 20px;
+            font-size: 14px;
+        }
+        
+        /* Mobile Menu */
+        .menu-toggle {
+            display: none;
+            flex-direction: column;
+            gap: 5px;
+            cursor: pointer;
+            padding: 5px;
+        }
+        
+        .menu-toggle span {
+            width: 25px;
+            height: 3px;
+            background: var(--primary-orange);
+            border-radius: 2px;
+            transition: var(--transition);
+        }
+        
+        /* ===== Hero Section ===== */
+        .hero {
+            padding-top: 160px;
+            padding-bottom: 100px;
+            background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 50%, #F5F7FA 100%);
+            position: relative;
+            overflow: hidden;
+        }
+        
+        .hero::before {
+            content: '';
+            position: absolute;
+            top: -50%;
+            right: -20%;
+            width: 80%;
+            height: 200%;
+            background: radial-gradient(circle, rgba(236, 77, 9, 0.05) 0%, transparent 70%);
+            animation: float 20s ease-in-out infinite;
+        }
+        
+        @keyframes float {
+            0%, 100% { transform: translateY(0) rotate(0deg); }
+            50% { transform: translateY(-20px) rotate(5deg); }
+        }
+        
+        .hero-content {
+            text-align: center;
+            max-width: 900px;
+            margin: 0 auto;
+            position: relative;
+            z-index: 1;
+        }
+        
+        .hero-badge {
+            display: inline-block;
+            padding: 8px 16px;
+            background: linear-gradient(135deg, rgba(255, 106, 25, 0.1), rgba(252, 110, 24, 0.15));
+            color: var(--primary-orange);
+            font-size: 14px;
+            font-weight: 600;
+            border-radius: 20px;
+            margin-bottom: var(--spacing-md);
+            border: 1px solid rgba(255, 106, 25, 0.2);
+            animation: pulse 2s ease-in-out infinite;
+        }
+        
+        @keyframes pulse {
+            0%, 100% { transform: scale(1); }
+            50% { transform: scale(1.02); }
+        }
+        
+        .hero h1 {
+            font-size: 56px;
+            font-weight: 900;
+            line-height: 1.2;
+            margin-bottom: var(--spacing-sm);
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 50%, #FF8A5C 100%);
+            background-size: 200% auto;
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+            animation: gradientShift 3s ease infinite;
+        }
+        
+        @keyframes gradientShift {
+            0%, 100% { background-position: 0% center; }
+            50% { background-position: 100% center; }
+        }
+        
+        .hero p {
+            font-size: 20px;
+            color: var(--text-secondary);
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        .hero-stats {
+            display: flex;
+            justify-content: center;
+            gap: var(--spacing-lg);
+            margin-top: var(--spacing-lg);
+            flex-wrap: wrap;
+        }
+        
+        .stat-item {
+            text-align: center;
+        }
+        
+        .stat-number {
+            font-size: 36px;
+            font-weight: 700;
+            background: var(--primary-gradient);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+        
+        .stat-label {
+            font-size: 14px;
+            color: var(--text-light);
+            margin-top: 4px;
+        }
+        
+        .hero-buttons {
+            display: flex;
+            justify-content: center;
+            gap: var(--spacing-sm);
+            margin-top: var(--spacing-lg);
+            flex-wrap: wrap;
+        }
+        
+        /* ===== Trust Bar ===== */
+        .trust-bar {
+            padding: var(--spacing-lg) 0;
+            background: var(--bg-gray);
+            border-top: 1px solid #eee;
+            border-bottom: 1px solid #eee;
+        }
+        
+        .trust-bar p {
+            text-align: center;
+            font-size: 14px;
+            color: var(--text-light);
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .trust-logos {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            gap: var(--spacing-lg);
+            flex-wrap: wrap;
+            opacity: 0.6;
+        }
+        
+        .trust-logo {
+            height: 40px;
+            filter: grayscale(100%);
+            transition: var(--transition);
+        }
+        
+        .trust-logo:hover {
+            filter: grayscale(0%);
+        }
+        
+        /* ===== Features Section ===== */
+        .features {
+            background: var(--bg-light);
+        }
+        
+        .features-grid {
+            display: grid;
+            grid-template-columns: repeat(4, 1fr);
+            gap: var(--spacing-md);
+        }
+        
+        .feature-card {
+            text-align: center;
+            padding: var(--spacing-lg) var(--spacing-md);
+            border-radius: var(--radius-lg);
+            transition: var(--transition);
+        }
+        
+        .feature-card:hover {
+            background: var(--bg-gray);
+            transform: translateY(-4px);
+        }
+        
+        .feature-icon {
+            width: 64px;
+            height: 64px;
+            margin: 0 auto var(--spacing-sm);
+            background: var(--primary-gradient);
+            border-radius: var(--radius-md);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 28px;
+        }
+        
+        .feature-title {
+            font-size: 18px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .feature-desc {
+            font-size: 14px;
+            color: var(--text-secondary);
+        }
+        
+        /* ===== Products Section ===== */
+        .products {
+            background: var(--bg-gray);
+        }
+        
+        .products-grid {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: var(--spacing-md);
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        .product-card {
+            background: white;
+            border-radius: var(--radius-lg);
+            padding: var(--spacing-lg);
+            box-shadow: var(--shadow-sm);
+            transition: var(--transition);
+            position: relative;
+            overflow: hidden;
+        }
+        
+        .product-card::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            height: 4px;
+            background: var(--primary-gradient);
+        }
+        
+        .product-card:hover {
+            transform: translateY(-12px);
+            box-shadow: var(--shadow-lg);
+        }
+        
+        .product-card:hover .product-icon {
+            transform: scale(1.1) rotate(5deg);
+        }
+        
+        .product-icon {
+            width: 80px;
+            height: 80px;
+            border-radius: 50%;
+            background: var(--primary-gradient);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 36px;
+            margin-bottom: var(--spacing-sm);
+            box-shadow: 0 4px 16px rgba(255, 106, 25, 0.3);
+            transition: var(--transition);
+        }
+        
+        .product-name {
+            font-size: 20px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .product-price {
+            font-size: 28px;
+            font-weight: 700;
+            color: var(--primary-orange);
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .product-price span {
+            font-size: 14px;
+            font-weight: 400;
+            color: var(--text-light);
+        }
+        
+        .product-features {
+            margin: var(--spacing-sm) 0;
+            padding: var(--spacing-sm) 0;
+            border-top: 1px solid #eee;
+            border-bottom: 1px solid #eee;
+        }
+        
+        .product-features li {
+            font-size: 14px;
+            color: var(--text-secondary);
+            padding: 4px 0;
+            display: flex;
+            align-items: center;
+            gap: 8px;
+        }
+        
+        .product-features li::before {
+            content: '✓';
+            color: var(--success);
+            font-weight: 700;
+        }
+        
+        /* AI Custom Product */
+        .product-ai {
+            grid-column: 1 / -1;
+            background: var(--primary-gradient);
+            color: white;
+            padding: var(--spacing-xl);
+            border-radius: var(--radius-xl);
+            text-align: center;
+            position: relative;
+            overflow: hidden;
+        }
+        
+        .product-ai::before {
+            content: '';
+            position: absolute;
+            top: -50%;
+            right: -10%;
+            width: 50%;
+            height: 200%;
+            background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
+            animation: float 15s ease-in-out infinite reverse;
+        }
+        
+        .product-ai h3 {
+            font-size: 32px;
+            margin-bottom: var(--spacing-sm);
+            position: relative;
+        }
+        
+        .product-ai p {
+            font-size: 18px;
+            opacity: 0.95;
+            margin-bottom: var(--spacing-md);
+            position: relative;
+        }
+        
+        .product-ai .btn {
+            background: white;
+            color: var(--primary-orange);
+            position: relative;
+        }
+        
+        /* ===== Technology Section ===== */
+        /* ===== Sample Reports Section ===== */
+        .sample-reports {
+            background: var(--bg-gray);
+        }
+        
+        .sample-grid {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: var(--spacing-md);
+        }
+        
+        .sample-card {
+            background: white;
+            border-radius: var(--radius-lg);
+            padding: var(--spacing-lg);
+            box-shadow: var(--shadow-sm);
+            transition: var(--transition);
+            position: relative;
+            overflow: hidden;
+            display: flex;
+            flex-direction: column;
+        }
+        
+        .sample-card::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            height: 4px;
+            background: var(--primary-gradient);
+        }
+        
+        .sample-card:hover {
+            transform: translateY(-8px);
+            box-shadow: var(--shadow-lg);
+        }
+        
+        .sample-icon {
+            width: 70px;
+            height: 70px;
+            border-radius: 50%;
+            background: var(--primary-orange-soft);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 32px;
+            margin-bottom: var(--spacing-sm);
+            transition: var(--transition);
+        }
+        
+        .sample-card:hover .sample-icon {
+            transform: scale(1.1);
+        }
+        
+        .sample-name {
+            font-size: 20px;
+            font-weight: 600;
+            margin-bottom: 12px;
+            color: var(--text-primary);
+        }
+        
+        .sample-desc {
+            font-size: 14px;
+            color: var(--text-secondary);
+            line-height: 1.6;
+            margin-bottom: 16px;
+            flex-grow: 1;
+        }
+        
+        .sample-features {
+            font-size: 13px;
+            color: var(--text-secondary);
+            margin-bottom: 20px;
+            padding-left: 0;
+        }
+        
+        .sample-features li {
+            padding: 4px 0;
+            list-style: none;
+        }
+
+        .technology {
+            background: linear-gradient(135deg, #1A1A2E 0%, #16213E 100%);
+            color: white;
+        }
+        
+        .technology .section-title,
+        .technology .section-subtitle {
+            color: white;
+        }
+        
+        .tech-diagram {
+            max-width: 1000px;
+            margin: var(--spacing-lg) auto;
+            background: rgba(255,255,255,0.05);
+            border-radius: var(--radius-xl);
+            padding: var(--spacing-xl);
+            backdrop-filter: blur(10px);
+        }
+        
+        .tech-flow {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            flex-wrap: wrap;
+            gap: var(--spacing-md);
+        }
+        
+        .tech-step {
+            flex: 1;
+            min-width: 150px;
+            text-align: center;
+            padding: var(--spacing-md);
+            background: rgba(236, 77, 9, 0.1);
+            border-radius: var(--radius-md);
+            border: 1px solid rgba(236, 77, 9, 0.3);
+        }
+        
+        .tech-step-icon {
+            font-size: 36px;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .tech-step-title {
+            font-size: 16px;
+            font-weight: 600;
+            margin-bottom: 4px;
+        }
+        
+        .tech-step-desc {
+            font-size: 13px;
+            opacity: 0.8;
+        }
+        
+        .tech-arrow {
+            font-size: 24px;
+            color: var(--primary-orange);
+        }
+        
+        .tech-apis {
+            text-align: center;
+            margin-top: var(--spacing-lg);
+            padding: var(--spacing-md);
+            background: rgba(255,255,255,0.05);
+            border-radius: var(--radius-md);
+        }
+        
+        .tech-apis p {
+            font-size: 14px;
+            opacity: 0.8;
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .api-tags {
+            display: flex;
+            justify-content: center;
+            gap: var(--spacing-xs);
+            flex-wrap: wrap;
+        }
+        
+        .api-tag {
+            padding: 6px 12px;
+            background: rgba(236, 77, 9, 0.2);
+            border-radius: 20px;
+            font-size: 13px;
+            border: 1px solid rgba(236, 77, 9, 0.3);
+        }
+        
+        /* ===== Partnership Section ===== */
+        .partnership {
+            background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%);
+        }
+        
+        .pricing-grid {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: var(--spacing-md);
+            max-width: 1000px;
+            margin: 0 auto var(--spacing-lg);
+        }
+        
+        .pricing-card {
+            background: white;
+            border-radius: var(--radius-lg);
+            padding: var(--spacing-lg);
+            text-align: center;
+            box-shadow: var(--shadow-sm);
+            transition: var(--transition);
+            border: 2px solid transparent;
+        }
+        
+        .pricing-card:hover {
+            transform: translateY(-8px);
+            box-shadow: var(--shadow-lg);
+        }
+        
+        .pricing-card.featured {
+            border-color: var(--primary-orange);
+            position: relative;
+            transform: scale(1.08);
+            box-shadow: var(--shadow-lg);
+            z-index: 1;
+        }
+        
+        .pricing-card.featured:hover {
+            transform: scale(1.08) translateY(-8px);
+        }
+        
+        .pricing-card.featured::before {
+            content: '🔥 热门推荐';
+            position: absolute;
+            top: -14px;
+            left: 50%;
+            transform: translateX(-50%);
+            background: var(--primary-gradient);
+            color: white;
+            padding: 6px 20px;
+            border-radius: 12px;
+            font-size: 13px;
+            font-weight: 600;
+            box-shadow: 0 4px 12px rgba(255, 106, 25, 0.4);
+        }
+        
+        .pricing-icon {
+            font-size: 48px;
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .pricing-name {
+            font-size: 20px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .pricing-price {
+            font-size: 36px;
+            font-weight: 700;
+            color: var(--primary-orange);
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .pricing-price span {
+            font-size: 14px;
+            font-weight: 400;
+            color: var(--text-light);
+        }
+        
+        .pricing-features {
+            margin: var(--spacing-md) 0;
+            text-align: left;
+        }
+        
+        .pricing-features li {
+            font-size: 14px;
+            color: var(--text-secondary);
+            padding: 8px 0;
+            display: flex;
+            align-items: center;
+            gap: 8px;
+        }
+        
+        .pricing-features li::before {
+            content: '✓';
+            color: var(--success);
+            font-weight: 700;
+        }
+        
+        /* Calculator - Advanced Profit Calculator */
+        .profit-calculator {
+            max-width: 1000px;
+            margin: var(--spacing-lg) auto;
+            background: white;
+            padding: var(--spacing-lg);
+            border-radius: var(--radius-lg);
+            box-shadow: var(--shadow-md);
+        }
+        
+        .calculator-title {
+            text-align: center;
+            font-size: 24px;
+            font-weight: 700;
+            margin-bottom: var(--spacing-md);
+            color: var(--text-primary);
+        }
+        
+        .level-tabs {
+            display: flex;
+            gap: 12px;
+            margin-bottom: 24px;
+        }
+        
+        .tab-btn {
+            flex: 1;
+            padding: 16px 20px;
+            border: 2px solid #e0e0e0;
+            border-radius: var(--radius-md);
+            background: #fff;
+            cursor: pointer;
+            font-size: 16px;
+            font-weight: 600;
+            transition: var(--transition);
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+        
+        .tab-btn:hover {
+            border-color: var(--primary-orange);
+        }
+        
+        .tab-btn.active {
+            border-color: var(--primary-orange);
+            background: var(--primary-gradient);
+            color: #fff;
+        }
+        
+        .tab-btn .price {
+            font-size: 13px;
+            font-weight: 400;
+            opacity: 0.9;
+        }
+        
+        .calculator-grid {
+            display: grid;
+            grid-template-columns: 1fr 1fr;
+            gap: 24px;
+        }
+        
+        .input-section, .profit-section {
+            background: var(--bg-gray);
+            padding: 20px;
+            border-radius: var(--radius-md);
+        }
+        
+        .input-section h4, .profit-section h4 {
+            font-size: 16px;
+            margin-bottom: 16px;
+            color: var(--text-primary);
+        }
+        
+        .input-group {
+            margin-bottom: 16px;
+        }
+        
+        .input-group label {
+            display: block;
+            margin-bottom: 6px;
+            font-size: 13px;
+            color: var(--text-secondary);
+        }
+        
+        .input-group input {
+            width: 100%;
+            padding: 10px 12px;
+            border: 1px solid #ddd;
+            border-radius: 6px;
+            font-size: 15px;
+            transition: var(--transition);
+        }
+        
+        .input-group input:focus {
+            outline: none;
+            border-color: var(--primary-orange);
+        }
+        
+        .profit-card {
+            background: #fff;
+            padding: 14px;
+            border-radius: 8px;
+            margin-bottom: 10px;
+        }
+        
+        .profit-card .label {
+            font-size: 13px;
+            color: var(--text-secondary);
+            margin-bottom: 4px;
+        }
+        
+        .profit-card .value {
+            font-size: 24px;
+            font-weight: 700;
+            color: var(--primary-orange);
+        }
+        
+        .profit-card .sub {
+            font-size: 11px;
+            color: #999;
+            margin-top: 4px;
+        }
+        
+        .profit-card.highlight {
+            background: #FFF3E0;
+            border: 2px solid var(--primary-orange);
+        }
+        
+        .profit-card.total {
+            background: var(--primary-gradient);
+            color: #fff;
+        }
+        
+        .profit-card.total .label,
+        .profit-card.total .value,
+        .profit-card.total .sub {
+            color: #fff;
+        }
+        
+        .roi-card {
+            background: #FFF3CD;
+            border: 2px solid #FFC107;
+            padding: 14px;
+            border-radius: 8px;
+            margin-top: 12px;
+        }
+        
+        .roi-card .label {
+            font-size: 13px;
+            color: #856404;
+        }
+        
+        .roi-card .value {
+            font-size: 20px;
+            font-weight: 700;
+            color: #856404;
+        }
+        
+        .roi-card .sub {
+            font-size: 11px;
+            color: #856404;
+            opacity: 0.8;
+            margin-top: 4px;
+        }
+        
+        .product-detail {
+            grid-column: 1 / -1;
+            background: #fff;
+            padding: 20px;
+            border-radius: var(--radius-md);
+            border: 1px solid #e0e0e0;
+            margin-top: 12px;
+        }
+        
+        .product-detail h4 {
+            font-size: 16px;
+            margin-bottom: 12px;
+            color: var(--text-primary);
+        }
+        
+        .product-detail table {
+            width: 100%;
+            border-collapse: collapse;
+            font-size: 13px;
+        }
+        
+        .product-detail th,
+        .product-detail td {
+            padding: 10px;
+            text-align: left;
+            border-bottom: 1px solid #e0e0e0;
+        }
+        
+        .product-detail th {
+            background: var(--bg-gray);
+            font-weight: 600;
+            color: var(--text-primary);
+        }
+        
+        .product-detail tr:hover {
+            background: var(--bg-gray-light);
+        }
+        
+        @media (max-width: 768px) {
+            .calculator-grid {
+                grid-template-columns: 1fr;
+            }
+            
+            .level-tabs {
+                flex-direction: column;
+            }
+        }
+        
+        /* ===== FAQ Section ===== */
+        .faq {
+            background: var(--bg-light);
+        }
+        
+        .faq-list {
+            max-width: 800px;
+            margin: 0 auto;
+        }
+        
+        .faq-item {
+            border-bottom: 1px solid #eee;
+            padding: var(--spacing-md) 0;
+            transition: var(--transition);
+        }
+        
+        .faq-item:hover {
+            background: rgba(255, 106, 25, 0.02);
+            padding-left: var(--spacing-sm);
+            padding-right: var(--spacing-sm);
+            margin-left: calc(-1 * var(--spacing-sm));
+            margin-right: calc(-1 * var(--spacing-sm));
+            border-radius: var(--radius-md);
+        }
+        }
+        
+        .faq-question {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            cursor: pointer;
+            padding: var(--spacing-sm) 0;
+            font-size: 18px;
+            font-weight: 500;
+            transition: var(--transition);
+        }
+        
+        .faq-question:hover {
+            color: var(--primary-orange);
+        }
+        
+        .faq-icon {
+            font-size: 24px;
+            color: var(--primary-orange);
+            transition: var(--transition);
+            width: 32px;
+            height: 32px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            border-radius: 50%;
+            background: rgba(255, 106, 25, 0.1);
+        }
+        
+        .faq-item.active .faq-icon {
+            background: var(--primary-gradient);
+            color: white;
+        }
+        
+        .faq-answer {
+            max-height: 0;
+            overflow: hidden;
+            transition: max-height 0.3s ease;
+            color: var(--text-secondary);
+            line-height: 1.8;
+        }
+        
+        .faq-item.active .faq-icon {
+            transform: rotate(45deg);
+        }
+        
+        .faq-item.active .faq-answer {
+            max-height: 500px;
+            margin-top: var(--spacing-sm);
+        }
+        
+        /* ===== CTA Section ===== */
+        .cta {
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 50%, #FF8A5C 100%);
+            background-size: 200% 200%;
+            animation: gradientShift 5s ease infinite;
+            color: white;
+            text-align: center;
+            padding: var(--spacing-xl) 0;
+            position: relative;
+            overflow: hidden;
+        }
+        
+        .cta::before {
+            content: '';
+            position: absolute;
+            top: -50%;
+            left: -50%;
+            width: 200%;
+            height: 200%;
+            background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
+            animation: rotate 20s linear infinite;
+        }
+        
+        @keyframes rotate {
+            from { transform: rotate(0deg); }
+            to { transform: rotate(360deg); }
+        }
+        
+        .cta h2 {
+            font-size: 36px;
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .cta p {
+            font-size: 18px;
+            opacity: 0.95;
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        .cta-buttons {
+            display: flex;
+            justify-content: center;
+            gap: var(--spacing-sm);
+            flex-wrap: wrap;
+            position: relative;
+            z-index: 1;
+        }
+        
+        .cta .btn {
+            background: white;
+            color: var(--primary-orange);
+        }
+        
+        .cta .btn:hover {
+            transform: translateY(-3px);
+            box-shadow: 0 8px 24px rgba(0,0,0,0.2);
+        }
+        
+        .cta .btn-outline {
+            background: transparent;
+            border-color: rgba(255,255,255,0.5);
+            color: white;
+        }
+        
+        .cta .btn-outline:hover {
+            background: white;
+            color: var(--primary-orange);
+        }
+        
+        .cta .btn-outline:hover {
+            background: white;
+            color: var(--primary-orange);
+        }
+        
+        /* ===== Footer ===== */
+        .footer {
+            background: #1A1A1A;
+            color: white;
+            padding: var(--spacing-xl) 0 var(--spacing-lg);
+        }
+        
+        .footer-grid {
+            display: grid;
+            grid-template-columns: 2fr repeat(3, 1fr);
+            gap: var(--spacing-lg);
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        .footer-brand h3 {
+            font-size: 24px;
+            margin-bottom: var(--spacing-sm);
+            color: var(--primary-orange);
+        }
+        
+        .footer-brand p {
+            font-size: 14px;
+            opacity: 0.8;
+            line-height: 1.8;
+        }
+        
+        .footer-title {
+            font-size: 16px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .footer-links li {
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .footer-links a {
+            font-size: 14px;
+            opacity: 0.8;
+            transition: var(--transition);
+        }
+        
+        .footer-links a:hover {
+            opacity: 1;
+            color: var(--primary-orange);
+        }
+        
+        .footer-bottom {
+            padding-top: var(--spacing-lg);
+            border-top: 1px solid rgba(255,255,255,0.1);
+            text-align: center;
+            font-size: 14px;
+            opacity: 0.6;
+        }
+        
+        .footer-icp {
+            margin-top: var(--spacing-sm);
+        }
+        
+        /* ===== Animations ===== */
+        @keyframes fadeInUp {
+            from {
+                opacity: 0;
+                transform: translateY(30px);
+            }
+            to {
+                opacity: 1;
+                transform: translateY(0);
+            }
+        }
+        
+        .fade-in-up {
+            animation: fadeInUp 0.6s ease forwards;
+        }
+        
+        .section-title {
+            opacity: 0;
+            animation: fadeInUp 0.6s ease forwards;
+        }
+        
+        .product-card {
+            opacity: 0;
+            animation: fadeInUp 0.6s ease forwards;
+            animation-play-state: paused;
+        }
+        
+        .product-card:nth-child(1) { animation-delay: 0.1s; }
+        .product-card:nth-child(2) { animation-delay: 0.15s; }
+        .product-card:nth-child(3) { animation-delay: 0.2s; }
+        .product-card:nth-child(4) { animation-delay: 0.25s; }
+        .product-card:nth-child(5) { animation-delay: 0.3s; }
+        .product-card:nth-child(6) { animation-delay: 0.35s; }
+        
+        .pricing-card {
+            opacity: 0;
+            animation: fadeInUp 0.6s ease forwards;
+            animation-play-state: paused;
+        }
+        
+        .pricing-card:nth-child(1) { animation-delay: 0.1s; }
+        .pricing-card:nth-child(2) { animation-delay: 0.2s; }
+        .pricing-card:nth-child(3) { animation-delay: 0.3s; }
+        
+        /* ===== Responsive ===== */
+        @media (max-width: 1024px) {
+            .features-grid {
+                grid-template-columns: repeat(2, 1fr);
+            }
+            
+            .products-grid {
+                grid-template-columns: repeat(2, 1fr);
+            }
+            
+            .pricing-grid {
+                grid-template-columns: repeat(2, 1fr);
+            }
+            
+            .footer-grid {
+                grid-template-columns: repeat(2, 1fr);
+            }
+        }
+        
+        /* ===== Mobile Responsive - 手机竖屏版 ===== */
+        @media (max-width: 768px) {
+            /* 导航栏 */
+            .navbar .container {
+                height: 60px;
+                padding: 0 12px;
+            }
+            
+            .logo {
+                padding: 0;
+                margin-left: 0;
+            }
+            
+            .logo-img {
+            background: rgba(255,255,255,0.95);
+                height: 40px;
+                margin-left: 0;
+            }
+            
+            .nav-menu {
+                display: none;
+                position: absolute;
+                top: 64px;
+                left: 0;
+                right: 0;
+                background: white;
+                flex-direction: column;
+                padding: var(--spacing-md);
+                box-shadow: var(--shadow-md);
+                z-index: 999;
+            }
+            
+            .nav-menu.active {
+                display: flex;
+            }
+            
+            .nav-menu li {
+                margin: 8px 0;
+            }
+            
+            .nav-link {
+                font-size: 16px;
+                padding: 12px 0;
+                display: block;
+            }
+            
+            .nav-cta {
+                display: none;
+            }
+            
+            .menu-toggle {
+                display: flex;
+            }
+            
+            /* Hero Section */
+            .hero {
+                padding-top: 100px;
+                padding-bottom: var(--spacing-lg);
+            }
+            
+            .hero h1 {
+                font-size: 28px;
+                line-height: 1.3;
+            }
+            
+            .hero p {
+                font-size: 14px;
+                margin-top: 12px;
+            }
+            
+            .hero-badge {
+                font-size: 12px;
+                padding: 6px 12px;
+            }
+            
+            .hero-stats {
+                flex-direction: column;
+                gap: var(--spacing-sm);
+                margin-top: var(--spacing-md);
+            }
+            
+            .stat-item {
+                flex-direction: row;
+                justify-content: space-between;
+                padding: 12px 16px;
+            }
+            
+            .stat-number {
+                font-size: 24px;
+            }
+            
+            .stat-label {
+                font-size: 13px;
+            }
+            
+            .hero-buttons {
+                flex-direction: column;
+                gap: 12px;
+            }
+            
+            .hero-buttons .btn {
+                width: 100%;
+            }
+            
+            /* Section Titles */
+            .section-title {
+                font-size: 26px;
+            }
+            
+            .section-subtitle {
+                font-size: 15px;
+            }
+            
+            /* Features */
+            .features-grid {
+                grid-template-columns: 1fr;
+                gap: var(--spacing-sm);
+            }
+            
+            .feature-card {
+                padding: var(--spacing-md);
+            }
+            
+            .feature-icon {
+                font-size: 36px;
+            }
+            
+            .feature-title {
+                font-size: 17px;
+            }
+            
+            .feature-desc {
+                font-size: 13px;
+            }
+            
+            /* Products */
+            .products-grid {
+                grid-template-columns: 1fr;
+                gap: var(--spacing-sm);
+            }
+            
+            .product-card {
+                padding: var(--spacing-md);
+            }
+            
+            .product-icon {
+                font-size: 40px;
+            }
+            
+            .product-name {
+                font-size: 17px;
+            }
+            
+            .product-price {
+                font-size: 20px;
+            }
+            
+            .product-features li {
+                font-size: 13px;
+            }
+            
+            /* Pricing */
+            .pricing-grid {
+                grid-template-columns: 1fr;
+                gap: var(--spacing-sm);
+            }
+            
+            .pricing-card {
+                padding: var(--spacing-md);
+            }
+            
+            .pricing-name {
+                font-size: 18px;
+            }
+            
+            .pricing-price {
+                font-size: 28px;
+            }
+            
+            .pricing-features {
+                font-size: 13px;
+            }
+            
+            .pricing-features li {
+                padding: 8px 0;
+            }
+            
+            /* Calculator */
+            .profit-calculator {
+                padding: var(--spacing-md);
+            }
+            
+            .calculator-grid {
+                grid-template-columns: 1fr;
+                gap: var(--spacing-sm);
+            }
+            
+            .level-tabs {
+                flex-direction: column;
+                gap: 8px;
+            }
+            
+            .tab-btn {
+                padding: 12px 16px;
+                font-size: 15px;
+            }
+            
+            .input-section,
+            .profit-section {
+                padding: 16px;
+            }
+            
+            .profit-card .value {
+                font-size: 20px;
+            }
+            
+            .product-detail table {
+                font-size: 12px;
+            }
+            
+            .product-detail th,
+            .product-detail td {
+                padding: 8px 4px;
+            }
+            
+            /* FAQ */
+            .faq-question {
+                font-size: 16px;
+            }
+            
+            .faq-answer {
+                font-size: 14px;
+            }
+            
+            /* CTA */
+            .cta {
+                padding: var(--spacing-lg) 0;
+            }
+            
+            .cta h2 {
+                font-size: 22px;
+            }
+            
+            .cta p {
+                font-size: 14px;
+            }
+            
+            .cta-buttons {
+                flex-direction: column;
+                gap: 12px;
+            }
+            
+            .cta-buttons .btn {
+                width: 100%;
+            }
+            
+            /* Footer */
+            .footer {
+                padding: var(--spacing-lg) 0;
+            }
+            
+            .footer-grid {
+                grid-template-columns: 1fr;
+                gap: var(--spacing-md);
+            }
+            
+            .footer-brand h3 {
+                font-size: 18px;
+            }
+            
+            .footer-title {
+                font-size: 15px;
+            }
+            
+            .footer-links li {
+                font-size: 13px;
+            }
+            
+            .footer-bottom {
+                flex-direction: column;
+                text-align: center;
+                font-size: 12px;
+            }
+            
+            /* Tech Section */
+            .tech-flow {
+                flex-direction: column;
+                gap: var(--spacing-sm);
+            }
+            
+            .tech-step {
+                padding: var(--spacing-sm);
+            }
+            
+            .tech-step-icon {
+                font-size: 32px;
+            }
+            
+            .tech-step-title {
+                font-size: 15px;
+            }
+            
+            .tech-step-desc {
+                font-size: 12px;
+            }
+            
+            .tech-arrow {
+                transform: rotate(90deg);
+                font-size: 20px;
+            }
+            
+            .api-tags {
+                flex-wrap: wrap;
+            }
+            
+            .api-tag {
+                font-size: 12px;
+                padding: 6px 12px;
+            }
+            
+            /* Buttons */
+            .btn {
+                padding: 12px 24px;
+                font-size: 15px;
+            }
+        }
+        
+        /* 超小屏幕优化 */
+        @media (max-width: 480px) {
+            .hero h1 {
+                font-size: 24px;
+            }
+            
+            .section-title {
+                font-size: 22px;
+            }
+            
+            .container {
+                padding: 0 12px;
+            }
+            
+            .navbar .container {
+                padding: 0 12px;
+            }
+        }
+    </style>
+</head>
+<body>
+    <!-- Navigation -->
+    <nav class="navbar" id="navbar">
+        <div class="container">
+            <a href="#" class="logo">
+                <img src="assets/logo.png" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            
+            <div class="menu-toggle" id="menuToggle">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+            
+            <ul class="nav-menu" id="navMenu">
+                <li><a href="#home" class="nav-link">首页</a></li>
+                <li><a href="#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="#technology" class="nav-link">AI 能力</a></li>
+                <li><a href="#partnership" class="nav-link">代理合作</a></li>
+                <li><a href="#about" class="nav-link">关于我们</a></li>
+            </ul>
+            
+            <div class="nav-cta">
+                <a href="#products" class="btn btn-outline nav-btn">立即查询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
+            </div>
+        </div>
+    </nav>
+
+    <!-- Hero Section -->
+    <section class="hero" id="home">
+        <div class="container">
+            <div class="hero-content">
+                <span class="hero-badge">🤖 AI 驱动的商业信任科技平台</span>
+                <h1>让信任无处不在<br>让合作没有距离</h1>
+                <p>200+ 数据接口 · 智能组合 · 秒级响应</p>
+                
+                <div class="hero-buttons">
+                    <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary">🚀 立即注册</a>
+                    <a href="#partnership" class="btn btn-outline">💼 代理合作</a>
+                </div>
+                
+                <div class="hero-stats">
+                    <div class="stat-item">
+                        <div class="stat-number" id="statReports">0</div>
+                        <div class="stat-label">已生成报告</div>
+                    </div>
+                    <div class="stat-item">
+                        <div class="stat-number" id="statUsers">0</div>
+                        <div class="stat-label">服务用户</div>
+                    </div>
+                    <div class="stat-item">
+                        <div class="stat-number" id="statApis">200+</div>
+                        <div class="stat-label">数据接口</div>
+                    </div>
+                    <div class="stat-item">
+                        <div class="stat-number" id="statEnterprises">0</div>
+                        <div class="stat-label">合作企业</div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+
+
+    <!-- Features Section -->
+    <section class="section features">
+        <div class="container">
+            <h2 class="section-title">核心优势</h2>
+            <p class="section-subtitle">为什么选择愉悦查</p>
+            
+            <div class="features-grid">
+                <div class="feature-card">
+                    <div class="feature-icon">📡</div>
+                    <h3 class="feature-title">海量数据</h3>
+                    <p class="feature-desc">200+ 官方数据接口<br>覆盖全维度信息</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">🤖</div>
+                    <h3 class="feature-title">AI 引擎</h3>
+                    <p class="feature-desc">智能组合接口<br>40+ 分析技能</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">⚡</div>
+                    <h3 class="feature-title">秒级响应</h3>
+                    <p class="feature-desc">实时生成报告<br>最快 3 秒出结果</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">🔒</div>
+                    <h3 class="feature-title">安全合规</h3>
+                    <p class="feature-desc">等保三级认证<br>数据加密传输</p>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Products Section -->
+    <section class="section products" id="products">
+        <div class="container">
+            <h2 class="section-title">产品服务</h2>
+            <p class="section-subtitle">6 大标准报告 + AI 智能定制</p>
+            
+            <div class="products-grid">
+                <!-- Product 1 -->
+                <div class="product-card">
+                    <div class="product-icon">📊</div>
+                    <h3 class="product-name">个人大数据报告</h3>
+                    <div class="product-price">¥49.8</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>全面个人背景分析</li>
+                        <li>秒级生成</li>
+                        <li>PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=riskassessment" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/riskassessment" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- Product 2 -->
+                <div class="product-card">
+                    <div class="product-icon">💕</div>
+                    <h3 class="product-name">婚恋风险报告</h3>
+                    <div class="product-price">¥39.9</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>婚恋风险评估</li>
+                        <li>隐私保护</li>
+                        <li>PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=marriage" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/marriage" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- Product 3 -->
+                <div class="product-card">
+                    <div class="product-icon">💼</div>
+                    <h3 class="product-name">入职背调报告</h3>
+                    <div class="product-price">¥69.9</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>员工背景筛查</li>
+                        <li>降低用工风险</li>
+                        <li>批量查询优惠</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=backgroundcheck" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/backgroundcheck" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- Product 4 -->
+                <div class="product-card">
+                    <div class="product-icon">🏢</div>
+                    <h3 class="product-name">小微企业报告</h3>
+                    <div class="product-price">¥69.9</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>企业风险筛查</li>
+                        <li>合作前必备</li>
+                        <li>PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=companyinfo" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/companyinfo" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- Product 5 -->
+                <div class="product-card">
+                    <div class="product-icon">🧹</div>
+                    <h3 class="product-name">家政风险报告</h3>
+                    <div class="product-price">¥39.9</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>家政人员背调</li>
+                        <li>雇佣更安全</li>
+                        <li>PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=homeservice" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/homeservice" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- Product 6 -->
+                <div class="product-card">
+                    <div class="product-icon">💳</div>
+                    <h3 class="product-name">消金报告</h3>
+                    <div class="product-price">¥39.9</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>消费金融风险评估</li>
+                        <li>快速决策支持</li>
+                        <li>PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=consumerFinanceReport" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/consumerFinanceReport" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- AI Custom Product -->
+                <div class="product-ai">
+                    <h3>✨ AI 定制报告</h3>
+                    <p>告诉我您的需求，AI 智能组合 200+ 接口，生成独一无二的专属报告</p>
+                    <p style="font-size:14px;opacity:0.8;">例："我想了解一个合作伙伴的信用和风险状况"</p>
+                    <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn">🎯 立即定制 - 从 ¥99 起</a>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Sample Reports Section -->
+    <section class="section sample-reports" id="sample-reports" style="background: var(--bg-gray);">
+        <div class="container">
+            <h2 class="section-title">示例报告</h2>
+            <p class="section-subtitle">查看真实报告样本，了解报告内容</p>
+            
+            <div class="sample-grid">
+                <!-- Sample 1 -->
+                <div class="sample-card">
+                    <div class="sample-icon">📊</div>
+                    <h3 class="sample-name">个人大数据报告</h3>
+                    <p class="sample-desc">全面个人背景分析，包含身份信息、社交网络、行为特征等多维度数据</p>
+                    <ul class="sample-features">
+                        <li>✓ 3-4 个数据接口组合</li>
+                        <li>✓ 秒级生成</li>
+                        <li>✓ PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=riskassessment" target="_blank" class="btn btn-outline" style="width:100%">👁️ 查看示例</a>
+                </div>
+                
+                <!-- Sample 2 -->
+                <div class="sample-card">
+                    <div class="sample-icon">💕</div>
+                    <h3 class="sample-name">婚恋风险报告</h3>
+                    <p class="sample-desc">婚恋风险评估，帮助了解对方的婚姻状况、信用记录等关键信息</p>
+                    <ul class="sample-features">
+                        <li>✓ 婚恋风险评估</li>
+                        <li>✓ 隐私保护</li>
+                        <li>✓ PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=marriage" target="_blank" class="btn btn-outline" style="width:100%">👁️ 查看示例</a>
+                </div>
+                
+                <!-- Sample 3 -->
+                <div class="sample-card">
+                    <div class="sample-icon">💼</div>
+                    <h3 class="sample-name">入职背调报告</h3>
+                    <p class="sample-desc">员工背景筛查，降低用工风险，包含学历、工作履历、信用记录等</p>
+                    <ul class="sample-features">
+                        <li>✓ 员工背景筛查</li>
+                        <li>✓ 降低用工风险</li>
+                        <li>✓ 批量查询优惠</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=backgroundcheck" target="_blank" class="btn btn-outline" style="width:100%">👁️ 查看示例</a>
+                </div>
+                
+                <!-- Sample 4 -->
+                <div class="sample-card">
+                    <div class="sample-icon">🏢</div>
+                    <h3 class="sample-name">小微企业报告</h3>
+                    <p class="sample-desc">企业风险筛查，合作前必备，包含工商信息、司法风险、经营状况等</p>
+                    <ul class="sample-features">
+                        <li>✓ 企业风险筛查</li>
+                        <li>✓ 合作前必备</li>
+                        <li>✓ PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=companyinfo" target="_blank" class="btn btn-outline" style="width:100%">👁️ 查看示例</a>
+                </div>
+                
+                <!-- Sample 5 -->
+                <div class="sample-card">
+                    <div class="sample-icon">🧹</div>
+                    <h3 class="sample-name">家政风险报告</h3>
+                    <p class="sample-desc">家政人员背调，雇佣更安全，包含身份信息、犯罪记录、信用状况等</p>
+                    <ul class="sample-features">
+                        <li>✓ 家政人员背调</li>
+                        <li>✓ 雇佣更安全</li>
+                        <li>✓ PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=homeservice" target="_blank" class="btn btn-outline" style="width:100%">👁️ 查看示例</a>
+                </div>
+                
+                <!-- Sample 6 -->
+                <div class="sample-card">
+                    <div class="sample-icon">💳</div>
+                    <h3 class="sample-name">消金报告</h3>
+                    <p class="sample-desc">消费金融风险评估，快速决策支持，包含信用记录、负债情况、还款能力等</p>
+                    <ul class="sample-features">
+                        <li>✓ 消费金融风险评估</li>
+                        <li>✓ 快速决策支持</li>
+                        <li>✓ PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=consumerFinanceReport" target="_blank" class="btn btn-outline" style="width:100%">👁️ 查看示例</a>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- Technology Section -->
+    <section class="section technology" id="technology">
+        <div class="container">
+            <h2 class="section-title">AI 技术能力</h2>
+            <p class="section-subtitle">200+ 数据接口智能组合引擎</p>
+            
+            <div class="tech-diagram">
+                <div class="tech-flow">
+                    <div class="tech-step">
+                        <div class="tech-step-icon">📝</div>
+                        <div class="tech-step-title">用户需求</div>
+                        <div class="tech-step-desc">自然语言描述</div>
+                    </div>
+                    <div class="tech-arrow">→</div>
+                    <div class="tech-step">
+                        <div class="tech-step-icon">🧠</div>
+                        <div class="tech-step-title">AI 分析</div>
+                        <div class="tech-step-desc">理解需求意图</div>
+                    </div>
+                    <div class="tech-arrow">→</div>
+                    <div class="tech-step">
+                        <div class="tech-step-icon">🔌</div>
+                        <div class="tech-step-title">接口选择</div>
+                        <div class="tech-step-desc">智能匹配接口</div>
+                    </div>
+                    <div class="tech-arrow">→</div>
+                    <div class="tech-step">
+                        <div class="tech-step-icon">📊</div>
+                        <div class="tech-step-title">报告生成</div>
+                        <div class="tech-step-desc">秒级输出结果</div>
+                    </div>
+                </div>
+                
+                <div class="tech-apis">
+                    <p>接口类型覆盖</p>
+                    <div class="api-tags">
+                        <span class="api-tag">公安数据</span>
+                        <span class="api-tag">法院数据</span>
+                        <span class="api-tag">学历验证</span>
+                        <span class="api-tag">工作履历</span>
+                        <span class="api-tag">金融信用</span>
+                        <span class="api-tag">社交网络</span>
+                        <span class="api-tag">商业信息</span>
+                        <span class="api-tag">更多...</span>
+                    </div>
+                </div>
+            </div>
+            
+            <div style="text-align:center;margin-top:var(--spacing-lg);">
+                <a href="/apidemo/" class="btn btn-outline" style="border-color:rgba(255,255,255,0.3);color:white;">📚 查看 API 文档</a>
+                <a href="https://yuyuecha.com/platform" class="btn btn-outline" style="border-color:rgba(255,255,255,0.3);color:white;margin-left:var(--spacing-sm);">🔧 开放平台</a>
+            </div>
+        </div>
+    </section>
+
+    <!-- Partnership Section -->
+    <section class="section partnership" id="partnership">
+        <div class="container">
+            <h2 class="section-title">代理合作</h2>
+            <p class="section-subtitle">加入愉悦查，共享信任经济红利</p>
+            
+            <div class="pricing-grid">
+                <!-- Silver -->
+                <div class="pricing-card">
+                    <div class="pricing-icon">🥈</div>
+                    <h3 class="pricing-name">白银代理</h3>
+                    <div class="pricing-price">¥0<span>/终身</span></div>
+                    <ul class="pricing-features">
+                        <li>10% 返佣</li>
+                        <li>基础培训支持</li>
+                        <li>标准产品价格</li>
+                        <li>在线帮助中心</li>
+                    </ul>
+                    <a href="https://yuyuecha.com/agent/apply?type=silver" class="btn btn-outline" style="width:100%">立即申请</a>
+                </div>
+                
+                <!-- Gold -->
+                <div class="pricing-card featured">
+                    <div class="pricing-icon">🥇</div>
+                    <h3 class="pricing-name">黄金代理</h3>
+                    <div class="pricing-price">¥198<span>/年</span></div>
+                    <ul class="pricing-features">
+                        <li>30% 返佣</li>
+                        <li>优先技术支持</li>
+                        <li>专属代理价格</li>
+                        <li>营销素材支持</li>
+                        <li>定期培训</li>
+                    </ul>
+                    <a href="https://yuyuecha.com/agent/apply?type=gold" class="btn btn-primary" style="width:100%">立即申请</a>
+                </div>
+                
+                <!-- Diamond -->
+                <div class="pricing-card">
+                    <div class="pricing-icon">💎</div>
+                    <h3 class="pricing-name">钻石代理</h3>
+                    <div class="pricing-price">¥980<span>/年</span></div>
+                    <ul class="pricing-features">
+                        <li>50% 返佣</li>
+                        <li>1 对 1 专属辅导</li>
+                        <li>最低代理价格</li>
+                        <li>联合营销支持</li>
+                        <li>优先新功能体验</li>
+                        <li>区域保护政策</li>
+                    </ul>
+                    <a href="https://yuyuecha.com/agent/apply?type=diamond" class="btn btn-outline" style="width:100%">立即申请</a>
+                </div>
+            </div>
+            
+            <!-- Advanced Profit Calculator -->
+            <div class="profit-calculator">
+                <h3 class="calculator-title">💵 代理收益计算器</h3>
+                
+                <!-- Level Tabs -->
+                <div class="level-tabs">
+                    <button class="tab-btn active" onclick="switchLevel('silver')">
+                        🥈 白银代理
+                        <span class="price">¥0</span>
+                    </button>
+                    <button class="tab-btn" onclick="switchLevel('gold')">
+                        🥇 黄金代理
+                        <span class="price">¥198</span>
+                    </button>
+                    <button class="tab-btn" onclick="switchLevel('diamond')">
+                        💎 钻石代理
+                        <span class="price">¥980</span>
+                    </button>
+                </div>
+                
+                <div class="calculator-grid">
+                    <!-- Input Section -->
+                    <div class="input-section">
+                        <h4>📊 输入您的销售数据</h4>
+                        
+                        <div class="input-group">
+                            <label>每日销售份数</label>
+                            <input type="number" id="dailySales" value="30" min="0" max="1000" oninput="calculateProfit()">
+                        </div>
+                        
+                        <div class="input-group">
+                            <label>直推代理人数（月）</label>
+                            <input type="number" id="referralCount" value="5" min="0" max="100" oninput="calculateProfit()">
+                        </div>
+                        
+                        <div class="input-group" id="teamSilverGroup" style="display:none;">
+                            <label>下级白银代理人数</label>
+                            <input type="number" id="teamSilver" value="20" min="0" max="500" oninput="calculateProfit()">
+                        </div>
+                        
+                        <div class="input-group" id="teamGoldGroup" style="display:none;">
+                            <label>下级黄金代理人数</label>
+                            <input type="number" id="teamGold" value="5" min="0" max="100" oninput="calculateProfit()">
+                        </div>
+                    </div>
+                    
+                    <!-- Profit Section -->
+                    <div class="profit-section">
+                        <h4>💰 预期收益</h4>
+                        
+                        <div class="profit-card">
+                            <div class="label">单份平均利润</div>
+                            <div class="value" id="avgProfit">¥38.22</div>
+                        </div>
+                        
+                        <div class="profit-card highlight">
+                            <div class="label">日零售收益</div>
+                            <div class="value" id="dailyRetailProfit">¥1,147</div>
+                            <div class="sub" id="dailyRetailSub">30 份 × ¥38.22</div>
+                        </div>
+                        
+                        <div class="profit-card">
+                            <div class="label">月零售收益</div>
+                            <div class="value" id="monthlyRetailProfit">¥34,410</div>
+                        </div>
+                        
+                        <div class="profit-card" id="referralCard">
+                            <div class="label">月直推奖励</div>
+                            <div class="value" id="monthlyReferralProfit">¥0</div>
+                            <div class="sub" id="referralSub">5 人 × ¥0/人</div>
+                        </div>
+                        
+                        <div class="profit-card" id="teamCard" style="display:none;">
+                            <div class="label">月团队提成</div>
+                            <div class="value" id="monthlyTeamProfit">¥0</div>
+                        </div>
+                        
+                        <div class="profit-card total">
+                            <div class="label">月总收益</div>
+                            <div class="value" id="totalMonthlyProfit">¥34,410</div>
+                        </div>
+                        
+                        <div class="roi-card" id="roiCard" style="display:none;">
+                            <div class="label">回本周期</div>
+                            <div class="value" id="paybackDays">0 天</div>
+                            <div class="sub" id="paybackHours">或 0 小时（日销 30 份）</div>
+                        </div>
+                    </div>
+                </div>
+                
+                <!-- Product Detail Table -->
+                <div class="product-detail">
+                    <h4>📦 各产品利润明细（<span id="currentLevelName">白银代理</span>）</h4>
+                    <table>
+                        <thead>
+                            <tr>
+                                <th>产品</th>
+                                <th>零售价</th>
+                                <th>您的底价</th>
+                                <th>单份利润</th>
+                                <th>利润率</th>
+                            </tr>
+                        </thead>
+                        <tbody id="productTableBody">
+                            <!-- Populated by JavaScript -->
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+            
+            <div style="text-align:center;">
+                <a href="#" class="btn btn-primary">📝 立即申请代理</a>
+            </div>
+        </div>
+    </section>
+
+    <!-- FAQ Section -->
+    <section class="section faq" id="faq">
+        <div class="container">
+            <h2 class="section-title">常见问题</h2>
+            <p class="section-subtitle">您可能想知道的问题</p>
+            
+            <div class="faq-list">
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>报告准确率如何保证？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        愉悦查所有数据均来自官方授权渠道，通过 200+ 数据接口交叉验证，确保信息准确可靠。AI 引擎会自动识别异常数据并进行人工复核，准确率达 99% 以上。
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>数据来源是否合法合规？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        是的，我们严格遵守《个人信息保护法》和相关法律法规，所有数据接口均获得合法授权，查询过程需要被查询人授权同意，确保数据来源和使用完全合规。
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>多久能拿到报告？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        标准报告通常 3-5 秒即可生成，复杂报告或 AI 定制报告可能需要 30 秒 -2 分钟。报告生成后会通过短信/邮件通知您，也可在个人中心随时查看下载。
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>如何成为代理？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        点击页面上方的"立即申请"按钮，填写代理申请表，我们的招商团队会在 1-2 个工作日内联系您。白银代理零门槛免费加入，黄金/钻石代理需支付相应年费。
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>支持退款吗？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        报告一旦生成无法退款，因为数据查询成本已产生。但如果您对报告质量有异议，可在 7 天内联系客服申请复核或重新查询。
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- CTA Section -->
+    <section class="cta">
+        <div class="container">
+            <h2>准备好开始建立信任了吗？</h2>
+            <p>立即体验 AI 驱动的商业信任科技</p>
+            <div class="cta-buttons">
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn">🚀 立即注册</a>
+                <a href="#partnership" class="btn btn-outline">💼 代理合作</a>
+            </div>
+        </div>
+    </section>
+
+    <!-- Footer -->
+    <footer class="footer" id="about">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <h3>愉悦查</h3>
+                    <p>让信任无处不在，让合作没有距离</p>
+                    <p style="margin-top:16px;font-size:13px;">愉悦查（北京正信环宇科技有限公司）</p>
+                    <p style="font-size:13px;">AI 驱动的商业信任科技平台</p>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">产品</h4>
+                    <ul class="footer-links">
+                        <li><a href="#">个人大数据报告</a></li>
+                        <li><a href="#">婚恋风险报告</a></li>
+                        <li><a href="#">入职背调报告</a></li>
+                        <li><a href="#">小微企业报告</a></li>
+                        <li><a href="#">家政风险报告</a></li>
+                        <li><a href="#">消金报告</a></li>
+                        <li><a href="#">AI 定制报告</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">公司</h4>
+                    <ul class="footer-links">
+                        <li><a href="#">关于我们</a></li>
+                        <li><a href="#">加入我们</a></li>
+                        <li><a href="#">联系我们</a></li>
+                        <li><a href="#">新闻动态</a></li>
+                        <li><a href="#">合作伙伴</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">支持</h4>
+                    <ul class="footer-links">
+                        <li><a href="#">帮助中心</a></li>
+                        <li><a href="#">API 文档</a></li>
+                        <li><a href="#">代理支持</a></li>
+                        <li><a href="#">隐私政策</a></li>
+                        <li><a href="#">服务条款</a></li>
+                        <li><a href="#">免责声明</a></li>
+                    </ul>
+                </div>
+            </div>
+            
+            <div class="footer-bottom">
+                <p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p class="footer-icp">京 ICP 备 2025158088 号 -2</p>
+                <p style="font-size:12px;color:#999;margin-top:8px;">地址：北京市朝阳区 | 邮箱：contact@yuyuecha.com</p>
+            </div>
+        </div>
+    </footer>
+
+    <!-- Back to Top Button -->
+    <button id="backToTop" style="position:fixed;bottom:30px;right:30px;width:50px;height:50px;border-radius:50%;background:var(--primary-gradient);border:none;cursor:pointer;box-shadow:var(--shadow-lg);display:none;align-items:center;justify-content:center;font-size:24px;z-index:999;transition:var(--transition);">↑</button>
+
+    <script>
+        // ===== Back to Top Button =====
+        const backToTopBtn = document.getElementById('backToTop');
+        
+        window.addEventListener('scroll', () => {
+            if (window.scrollY > 500) {
+                backToTopBtn.style.display = 'flex';
+            } else {
+                backToTopBtn.style.display = 'none';
+            }
+        });
+        
+        backToTopBtn.addEventListener('click', () => {
+            window.scrollTo({ top: 0, behavior: 'smooth' });
+        });
+        
+        backToTopBtn.addEventListener('mouseenter', () => {
+            backToTopBtn.style.transform = 'scale(1.1)';
+        });
+        
+        backToTopBtn.addEventListener('mouseleave', () => {
+            backToTopBtn.style.transform = 'scale(1)';
+        });
+
+        // ===== Navbar Scroll Effect =====
+        window.addEventListener('scroll', () => {
+            const navbar = document.getElementById('navbar');
+            if (window.scrollY > 50) {
+                navbar.classList.add('scrolled');
+            } else {
+                navbar.classList.remove('scrolled');
+            }
+        });
+
+        // ===== Mobile Menu Toggle =====
+        document.getElementById('menuToggle').addEventListener('click', () => {
+            document.getElementById('navMenu').classList.toggle('active');
+        });
+
+        // ===== Smooth Scroll =====
+        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' });
+                    // Close mobile menu
+                    document.getElementById('navMenu').classList.remove('active');
+                }
+            });
+        });
+
+        // ===== Animated Counter =====
+        function animateCounter(elementId, target, suffix = '') {
+            const element = document.getElementById(elementId);
+            if (!element) return;
+            
+            let current = 0;
+            const increment = target / 50;
+            const timer = setInterval(() => {
+                current += increment;
+                if (current >= target) {
+                    element.textContent = target.toLocaleString() + suffix;
+                    clearInterval(timer);
+                } else {
+                    element.textContent = Math.floor(current).toLocaleString() + suffix;
+                }
+            }, 30);
+        }
+
+        // ===== Intersection Observer for Animations =====
+        const observerOptions = {
+            threshold: 0.2,
+            rootMargin: '0px'
+        };
+
+        const observer = new IntersectionObserver((entries) => {
+            entries.forEach(entry => {
+                if (entry.isIntersecting) {
+                    // Animate stats when visible
+                    if (entry.target.id === 'statReports') {
+                        animateCounter('statReports', 100000, '+');
+                        animateCounter('statUsers', 50000, '+');
+                        animateCounter('statEnterprises', 5000, '+');
+                    }
+                    observer.unobserve(entry.target);
+                }
+            });
+        }, observerOptions);
+
+        document.getElementById('statReports') && observer.observe(document.getElementById('statReports'));
+
+        // ===== FAQ Toggle =====
+        document.querySelectorAll('.faq-question').forEach(question => {
+            question.addEventListener('click', () => {
+                const item = question.parentElement;
+                const icon = question.querySelector('.faq-icon');
+                
+                // Close other items
+                document.querySelectorAll('.faq-item').forEach(other => {
+                    if (other !== item) {
+                        other.classList.remove('active');
+                        other.querySelector('.faq-icon').textContent = '+';
+                    }
+                });
+                
+                // Toggle current item
+                item.classList.toggle('active');
+                icon.textContent = item.classList.contains('active') ? '×' : '+';
+            });
+        });
+
+        // ===== Advanced Profit Calculator =====
+        const levelData = {
+            silver: { name: '白银代理', fee: 0, markup: 6, referralBonus: 0, teamSilver: 2, teamGold: 0 },
+            gold: { name: '黄金代理', fee: 198, markup: 3, referralBonus: 60, teamSilver: 3, teamGold: 0 },
+            diamond: { name: '钻石代理', fee: 980, markup: 2, referralBonus: 300, teamSilver: 6, teamGold: 3 }
+        };
+        
+        const products = [
+            { name: '消金报告', retail: 39.9, baseCost: 6.0 },
+            { name: '家政风险报告', retail: 39.9, baseCost: 6.0 },
+            { name: '个人大数据报告', retail: 49.8, baseCost: 5.0 },
+            { name: '入职背调报告', retail: 69.9, baseCost: 9.0 },
+            { name: '小微企业报告', retail: 69.9, baseCost: 9.0 },
+            { name: '婚恋风险报告', retail: 39.9, baseCost: 9.0 }
+        ];
+        
+        let currentLevel = 'silver';
+        
+        function switchLevel(level) {
+            currentLevel = level;
+            
+            // Update tabs
+            document.querySelectorAll('.tab-btn').forEach(btn => btn.classList.remove('active'));
+            event.target.closest('.tab-btn').classList.add('active');
+            
+            // Show/hide team inputs for diamond
+            const isDiamond = level === 'diamond';
+            const isGoldOrDiamond = level === 'gold' || level === 'diamond';
+            document.getElementById('teamSilverGroup').style.display = isGoldOrDiamond ? 'block' : 'none';
+            document.getElementById('teamGoldGroup').style.display = isDiamond ? 'block' : 'none';
+            document.getElementById('teamCard').style.display = isGoldOrDiamond ? 'block' : 'none';
+            document.getElementById('roiCard').style.display = isGoldOrDiamond ? 'block' : 'none';
+            
+            calculateProfit();
+        }
+        
+        function getProductCost(product) {
+            return product.baseCost + levelData[currentLevel].markup;
+        }
+        
+        function getProductProfit(product) {
+            return product.retail - getProductCost(product);
+        }
+        
+        function getProductMargin(product) {
+            const profit = getProductProfit(product);
+            return ((profit / product.retail) * 100).toFixed(0);
+        }
+        
+        function calculateProfit() {
+            const dailySales = parseFloat(document.getElementById('dailySales').value) || 0;
+            const referralCount = parseFloat(document.getElementById('referralCount').value) || 0;
+            const teamSilver = parseFloat(document.getElementById('teamSilver').value) || 0;
+            const teamGold = parseFloat(document.getElementById('teamGold').value) || 0;
+            
+            const level = levelData[currentLevel];
+            
+            // Calculate average profit
+            const totalProfit = products.reduce((sum, p) => sum + getProductProfit(p), 0);
+            const avgProfit = totalProfit / products.length;
+            
+            // Retail profit
+            const dailyRetailProfit = avgProfit * dailySales;
+            const monthlyRetailProfit = dailyRetailProfit * 30;
+            
+            // Referral bonus
+            const monthlyReferralProfit = level.referralBonus * referralCount;
+            
+            // Team commission
+            let monthlyTeamProfit = 0;
+            if (currentLevel === 'gold') {
+                monthlyTeamProfit = level.teamSilver * teamSilver * 30;
+            } else if (currentLevel === 'diamond') {
+                monthlyTeamProfit = (level.teamSilver * teamSilver + level.teamGold * teamGold) * 30;
+            }
+            
+            // Total
+            const totalMonthlyProfit = monthlyRetailProfit + monthlyReferralProfit + monthlyTeamProfit;
+            
+            // ROI
+            let paybackDays = 0;
+            let paybackHours = 0;
+            if (level.fee > 0) {
+                const dailyTotal = dailyRetailProfit + (monthlyReferralProfit + monthlyTeamProfit) / 30;
+                if (dailyTotal > 0) {
+                    paybackDays = Math.ceil(level.fee / dailyTotal);
+                    paybackHours = (level.fee / (totalMonthlyProfit / 30 / 24)).toFixed(1);
+                }
+            }
+            
+            // Update UI
+            document.getElementById('avgProfit').textContent = '¥' + avgProfit.toFixed(2);
+            document.getElementById('dailyRetailProfit').textContent = '¥' + dailyRetailProfit.toLocaleString('zh-CN', {minimumFractionDigits: 0, maximumFractionDigits: 0});
+            document.getElementById('dailyRetailSub').textContent = dailySales + '份 × ¥' + avgProfit.toFixed(2);
+            document.getElementById('monthlyRetailProfit').textContent = '¥' + monthlyRetailProfit.toLocaleString('zh-CN', {minimumFractionDigits: 0, maximumFractionDigits: 0});
+            document.getElementById('monthlyReferralProfit').textContent = '¥' + monthlyReferralProfit.toLocaleString('zh-CN', {minimumFractionDigits: 0, maximumFractionDigits: 0});
+            document.getElementById('referralSub').textContent = referralCount + '人 × ¥' + level.referralBonus + '/人';
+            document.getElementById('monthlyTeamProfit').textContent = '¥' + monthlyTeamProfit.toLocaleString('zh-CN', {minimumFractionDigits: 0, maximumFractionDigits: 0});
+            document.getElementById('totalMonthlyProfit').textContent = '¥' + totalMonthlyProfit.toLocaleString('zh-CN', {minimumFractionDigits: 0, maximumFractionDigits: 0});
+            document.getElementById('paybackDays').textContent = paybackDays + '天';
+            document.getElementById('paybackHours').textContent = '或 ' + paybackHours + '小时（日销' + dailySales + '份）';
+            
+            // Update product table
+            document.getElementById('currentLevelName').textContent = level.name;
+            const tbody = document.getElementById('productTableBody');
+            tbody.innerHTML = products.map(p => `
+                <tr>
+                    <td>${p.name}</td>
+                    <td>¥${p.retail}</td>
+                    <td>¥${getProductCost(p).toFixed(2)}</td>
+                    <td>¥${getProductProfit(p).toFixed(2)}</td>
+                    <td>${getProductMargin(p)}%</td>
+                </tr>
+            `).join('');
+        }
+        
+        // Initialize calculator
+        calculateProfit();
+
+        // ===== Scroll Animation Trigger =====
+        const animationObserver = new IntersectionObserver((entries) => {
+            entries.forEach(entry => {
+                if (entry.isIntersecting) {
+                    entry.target.style.opacity = '1';
+                    entry.target.style.animationPlayState = 'running';
+                }
+            });
+        }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' });
+
+        document.querySelectorAll('.product-card, .pricing-card, .section-title').forEach(el => {
+            animationObserver.observe(el);
+        });
+
+        // ===== Initialize =====
+        console.log('愉悦查官网已加载 🚀');
+    </script>
+</body>
+</html>
diff --git a/investment.html b/investment.html
new file mode 100644
index 0000000..430a699
--- /dev/null
+++ b/investment.html
@@ -0,0 +1,1015 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>招商工具包 - 愉悦查 | 代理收益计算器</title>
+    <meta name="description" content="愉悦查招商工具包，包含代理收益计算器、三级代理体系、收益测算工具">
+    <meta name="keywords" content="愉悦查代理，招商工具包，收益计算器，代理政策">
+    <!-- SEO Enhancement -->
+    <link rel="canonical" href="https://www.yuyuecha.com.cn/investment.html">
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="https://www.yuyuecha.com.cn/investment.html">
+    <meta property="og:title" content="招商工具包 - 愉悦查代理合作">
+    <meta property="og:description" content="三级代理体系（白银/黄金/钻石），在线收益计算器，加入愉悦查共享信任经济红利。">
+    <meta property="og:image" content="https://www.yuyuecha.com.cn/assets/logo-nav-2x.png">
+    <meta property="og:site_name" content="愉悦查">
+    <meta property="og:locale" content="zh_CN">
+    <meta name="twitter:card" content="summary">
+    <meta name="twitter:title" content="招商工具包 - 愉悦查代理合作">
+    <meta name="twitter:description" content="三级代理体系（白银/黄金/钻石），在线收益计算器，加入愉悦查共享信任经济红利。">
+    <meta name="twitter:image" content="https://www.yuyuecha.com.cn/assets/logo-nav-2x.png">
+    
+    <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=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    
+    <style>
+        :root {
+            --primary-orange: #FF6A19;
+            --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
+            --bg-light: #FFFFFF;
+            --bg-gray: #F5F7FA;
+            --bg-dark: #1A1A1A;
+            --text-primary: #1A1A1A;
+            --text-secondary: #666666;
+            --text-light: #999999;
+            --spacing-xs: 8px;
+            --spacing-sm: 16px;
+            --spacing-md: 24px;
+            --spacing-lg: 48px;
+            --spacing-xl: 80px;
+            --radius-md: 8px;
+            --radius-lg: 16px;
+            --shadow-md: 0 4px 16px rgba(0,0,0,0.12);
+            --shadow-lg: 0 8px 32px rgba(0,0,0,0.16);
+            --transition: all 0.3s ease;
+        }
+        
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body { font-family: 'Noto Sans SC', sans-serif; line-height: 1.6; color: var(--text-primary); }
+        a { text-decoration: none; color: inherit; transition: var(--transition); }
+        ul { list-style: none; }
+        .container { max-width: 1400px; margin: 0 auto; padding: 0 var(--spacing-md); }
+        
+        .btn {
+            display: inline-block;
+            padding: 14px 32px;
+            font-size: 15px;
+            font-weight: 500;
+            border-radius: var(--radius-md);
+            cursor: pointer;
+            transition: var(--transition);
+            border: none;
+            text-align: center;
+        }
+        .btn-primary {
+            background: var(--primary-gradient);
+            color: white;
+            box-shadow: 0 4px 12px rgba(255, 106, 25, 0.3);
+        }
+        .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(255, 106, 25, 0.4); }
+        .btn-outline {
+            background: transparent;
+            border: 2px solid var(--primary-orange);
+            color: var(--primary-orange);
+        }
+        .btn-outline:hover { background: var(--primary-gradient); color: white; }
+        .btn-lg { padding: 16px 48px; font-size: 17px; }
+        
+        /* Navigation */
+        .navbar {
+            position: fixed;
+            top: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+        }
+        .navbar .container { display: flex; justify-content: space-between; align-items: center; height: 80px; }
+        .logo { display: flex; align-items: center; text-decoration: none; }
+        .logo-img { height: 60px; width: auto; }
+        .nav-menu { display: flex; gap: var(--spacing-lg); }
+        .nav-link { font-size: 15px; font-weight: 500; color: var(--text-primary); }
+        .nav-link:hover { color: var(--primary-orange); }
+        
+        /* Hero */
+        .hero {
+            padding: 160px 0 100px;
+            background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 50%, #F5F7FA 100%);
+            text-align: center;
+        }
+        .hero h1 {
+            font-size: 52px;
+            font-weight: 900;
+            margin-bottom: var(--spacing-sm);
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 50%, #FF8A5C 100%);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+        .hero p { font-size: 22px; color: var(--text-secondary); max-width: 800px; margin: 0 auto var(--spacing-lg); line-height: 1.8; }
+        
+        /* Section */
+        .section { padding: var(--spacing-xl) 0; }
+        .section-title { text-align: center; font-size: 42px; font-weight: 700; margin-bottom: var(--spacing-xs); }
+        .section-subtitle { text-align: center; font-size: 20px; color: var(--text-secondary); margin-bottom: var(--spacing-lg); }
+        
+        /* Calculator Section */
+        .calculator-section { background: white; }
+        .calculator-container {
+            background: var(--bg-gray);
+            border-radius: var(--radius-lg);
+            padding: var(--spacing-lg);
+            max-width: 1000px;
+            margin: 0 auto;
+        }
+        
+        .calculator-tabs {
+            display: flex;
+            gap: var(--spacing-sm);
+            margin-bottom: var(--spacing-lg);
+            flex-wrap: wrap;
+        }
+        .calculator-tab {
+            flex: 1;
+            min-width: 120px;
+            padding: 14px 24px;
+            background: white;
+            border: 2px solid #E8E8E8;
+            border-radius: var(--radius-md);
+            text-align: center;
+            font-weight: 600;
+            cursor: pointer;
+            transition: var(--transition);
+        }
+        .calculator-tab:hover { border-color: var(--primary-orange); }
+        .calculator-tab.active {
+            background: var(--primary-gradient);
+            color: white;
+            border-color: var(--primary-orange);
+        }
+        
+        .calculator-form {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+            gap: var(--spacing-md);
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        .form-group {
+            background: white;
+            padding: var(--spacing-md);
+            border-radius: var(--radius-md);
+        }
+        .form-group label {
+            display: block;
+            font-size: 14px;
+            font-weight: 600;
+            margin-bottom: 8px;
+            color: var(--text-secondary);
+        }
+        .form-group input, .form-group select {
+            width: 100%;
+            padding: 12px;
+            border: 2px solid #E8E8E8;
+            border-radius: var(--radius-md);
+            font-size: 16px;
+            transition: var(--transition);
+        }
+        .form-group input:focus, .form-group select:focus {
+            outline: none;
+            border-color: var(--primary-orange);
+        }
+        
+        .calculator-results {
+            background: var(--primary-gradient);
+            color: white;
+            border-radius: var(--radius-lg);
+            padding: var(--spacing-lg);
+            margin-top: var(--spacing-lg);
+        }
+        .results-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+            gap: var(--spacing-md);
+        }
+        .result-item {
+            background: rgba(255,255,255,0.15);
+            padding: var(--spacing-md);
+            border-radius: var(--radius-md);
+            text-align: center;
+        }
+        .result-label { font-size: 14px; opacity: 0.9; margin-bottom: 8px; }
+        .result-value { font-size: 32px; font-weight: 900; }
+        .result-value.small { font-size: 24px; }
+        
+        /* Agent Cards */
+        .agent-section { background: var(--bg-gray); }
+        .agent-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
+            gap: var(--spacing-md);
+        }
+        .agent-card {
+            background: white;
+            padding: var(--spacing-lg);
+            border-radius: var(--radius-lg);
+            box-shadow: var(--shadow-md);
+            transition: var(--transition);
+            position: relative;
+        }
+        .agent-card:hover {
+            transform: translateY(-8px);
+            box-shadow: var(--shadow-lg);
+        }
+        .agent-card.featured {
+            border: 3px solid var(--primary-orange);
+        }
+        .agent-badge {
+            position: absolute;
+            top: 16px;
+            right: 16px;
+            background: var(--primary-gradient);
+            color: white;
+            padding: 4px 12px;
+            border-radius: 20px;
+            font-size: 12px;
+            font-weight: 600;
+        }
+        .agent-level {
+            display: inline-block;
+            padding: 6px 16px;
+            background: var(--primary-gradient);
+            color: white;
+            border-radius: 20px;
+            font-size: 13px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-sm);
+        }
+        .agent-card h3 { font-size: 24px; margin-bottom: var(--spacing-xs); }
+        .agent-price { font-size: 28px; font-weight: 700; color: var(--primary-orange); margin-bottom: var(--spacing-sm); }
+        .agent-price span { font-size: 14px; color: var(--text-light); font-weight: 400; }
+        .agent-features { list-style: disc; padding-left: 20px; margin-bottom: var(--spacing-md); }
+        .agent-features li { font-size: 15px; color: var(--text-secondary); margin-bottom: 8px; line-height: 1.6; }
+        
+        /* Core Benefits */
+        .benefits-section { background: white; }
+        .benefits-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+            gap: var(--spacing-md);
+        }
+        .benefit-card {
+            background: var(--bg-gray);
+            padding: var(--spacing-lg);
+            border-radius: var(--radius-lg);
+            border-left: 4px solid var(--primary-orange);
+        }
+        .benefit-card h3 { font-size: 20px; color: var(--primary-orange); margin-bottom: var(--spacing-xs); }
+        .benefit-card p { font-size: 15px; color: var(--text-secondary); line-height: 1.8; }
+        .benefit-highlight {
+            background: var(--primary-gradient);
+            color: white;
+            padding: var(--spacing-lg);
+            border-radius: var(--radius-lg);
+            margin-top: var(--spacing-md);
+        }
+        .benefit-highlight h3 { color: white; margin-bottom: var(--spacing-sm); }
+        .benefit-highlight p { color: rgba(255,255,255,0.95); }
+        
+        /* FAQ */
+        .faq-section { background: var(--bg-gray); }
+        .faq-list { max-width: 900px; margin: 0 auto; }
+        .faq-item {
+            background: white;
+            margin-bottom: var(--spacing-sm);
+            border-radius: var(--radius-md);
+            overflow: hidden;
+        }
+        .faq-question {
+            padding: var(--spacing-md);
+            font-weight: 600;
+            cursor: pointer;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+        .faq-question:hover { background: var(--bg-gray); }
+        .faq-answer {
+            padding: 0 var(--spacing-md) var(--spacing-md);
+            color: var(--text-secondary);
+            line-height: 1.8;
+            display: none;
+        }
+        .faq-item.active .faq-answer { display: block; }
+        .faq-item.active .faq-question { color: var(--primary-orange); }
+        
+        /* CTA */
+        .cta-section {
+            background: var(--primary-gradient);
+            padding: var(--spacing-xl) 0;
+            text-align: center;
+            color: white;
+        }
+        .cta-section h2 { font-size: 40px; font-weight: 700; margin-bottom: var(--spacing-sm); }
+        .cta-section p { font-size: 18px; margin-bottom: var(--spacing-lg); opacity: 0.95; }
+        .cta-section .btn { background: white; color: var(--primary-orange); }
+        
+        /* Footer */
+        .footer {
+            background: var(--bg-dark);
+            color: white;
+            padding: var(--spacing-xl) 0 var(--spacing-lg);
+        }
+        .footer-grid {
+            display: grid;
+            grid-template-columns: 2fr 1fr 1fr 1fr;
+            gap: var(--spacing-lg);
+            margin-bottom: var(--spacing-lg);
+        }
+        .footer-brand h3 { font-size: 24px; margin-bottom: var(--spacing-xs); }
+        .footer-brand p { color: #CCCCCC; margin-bottom: var(--spacing-xs); font-size: 14px; }
+        .footer-title { font-size: 16px; font-weight: 600; margin-bottom: var(--spacing-sm); }
+        .footer-links li { margin-bottom: 10px; }
+        .footer-links a { color: #CCCCCC; }
+        .footer-links a:hover { color: var(--primary-orange); }
+        .footer-bottom {
+            text-align: center;
+            padding-top: var(--spacing-lg);
+            border-top: 1px solid #333333;
+            color: #999999;
+            font-size: 14px;
+        }
+        
+        @media (max-width: 768px) {
+            .hero h1 { font-size: 36px; }
+            .section-title { font-size: 32px; }
+            .calculator-tabs { flex-direction: column; }
+            .results-grid { grid-template-columns: 1fr; }
+            .footer-grid { grid-template-columns: 1fr; }
+            .nav-menu { display: none; }
+        }
+    
+        /* ===== Unified Navbar ===== */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            z-index: 1000;
+            padding: 12px 0;
+            transition: all 0.3s ease;
+            background: rgba(255,255,255,0.95);
+            backdrop-filter: blur(20px);
+            -webkit-backdrop-filter: blur(20px);
+        }
+        .navbar.scrolled {
+            padding: 8px 0;
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+        }
+        .navbar .container {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 0 24px;
+        }
+        .logo {
+            display: flex;
+            align-items: center;
+            text-decoration: none;
+        }
+        .logo-img {
+            height: 44px;
+            width: auto;
+            object-fit: contain;
+            transition: all 0.3s ease;
+        }
+        .logo:hover .logo-img {
+            transform: scale(1.03);
+        }
+        .nav-menu {
+            display: flex;
+            gap: 32px;
+            list-style: none;
+            margin: 0;
+            padding: 0;
+        }
+        .nav-link {
+            font-size: 15px;
+            font-weight: 500;
+            color: #1A1A1A;
+            text-decoration: none;
+            position: relative;
+            padding: 6px 0;
+            transition: all 0.3s ease;
+        }
+        .nav-link::after {
+            content: '';
+            position: absolute;
+            bottom: 0;
+            left: 50%;
+            width: 0;
+            height: 2px;
+            background: #FF6A19;
+            transition: all 0.3s ease;
+            transform: translateX(-50%);
+            border-radius: 1px;
+        }
+        .nav-link:hover {
+            color: #FF6A19;
+        }
+        .nav-link:hover::after {
+            width: 100%;
+        }
+        .nav-cta {
+            display: flex;
+            gap: 12px;
+            align-items: center;
+        }
+        .nav-btn {
+            padding: 8px 20px;
+            border-radius: 8px;
+            font-size: 14px;
+            font-weight: 500;
+            cursor: pointer;
+            transition: all 0.3s ease;
+            text-decoration: none;
+            border: none;
+            display: inline-flex;
+            align-items: center;
+        }
+        .btn-outline.nav-btn {
+            border: 1.5px solid #FF6A19;
+            color: #FF6A19;
+            background: transparent;
+        }
+        .btn-outline.nav-btn:hover {
+            background: #FFF5F0;
+        }
+        .btn-primary.nav-btn {
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
+            color: white;
+            box-shadow: 0 2px 8px rgba(255,106,25,0.3);
+        }
+        .btn-primary.nav-btn:hover {
+            transform: translateY(-1px);
+            box-shadow: 0 4px 12px rgba(255,106,25,0.4);
+        }
+        .menu-toggle {
+            display: none;
+            flex-direction: column;
+            gap: 5px;
+            cursor: pointer;
+            padding: 4px;
+            z-index: 1001;
+        }
+        .menu-toggle span {
+            width: 24px;
+            height: 2px;
+            background: #1A1A1A;
+            transition: all 0.3s ease;
+            border-radius: 1px;
+        }
+        @media (max-width: 1024px) {
+            .nav-menu {
+                display: none;
+                position: fixed;
+                top: 0;
+                left: 0;
+                right: 0;
+                bottom: 0;
+                background: rgba(255,255,255,0.98);
+                backdrop-filter: blur(20px);
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                gap: 24px;
+                z-index: 999;
+            }
+            .nav-menu.active {
+                display: flex;
+            }
+            .nav-link {
+                font-size: 18px;
+            }
+            .nav-cta {
+                display: none;
+            }
+            .menu-toggle {
+                display: flex;
+            }
+        }
+
+        /* ===== Unified Footer ===== */
+        .footer {
+            background: #1A1A1A;
+            color: white;
+            padding: 60px 0 30px;
+        }
+        .footer-grid {
+            display: grid;
+            grid-template-columns: 1.5fr 1fr 1fr 1fr;
+            gap: 48px;
+            margin-bottom: 40px;
+        }
+        .footer-brand h3 {
+            font-size: 22px;
+            font-weight: 700;
+            margin-bottom: 8px;
+            background: linear-gradient(135deg, #FF6A19, #FC6E18);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+        .footer-brand p {
+            color: rgba(255,255,255,0.6);
+            font-size: 14px;
+            line-height: 1.6;
+        }
+        .footer-title {
+            font-size: 15px;
+            font-weight: 600;
+            margin-bottom: 16px;
+            color: rgba(255,255,255,0.9);
+        }
+        .footer-links {
+            list-style: none;
+            padding: 0;
+            margin: 0;
+        }
+        .footer-links li {
+            margin-bottom: 10px;
+        }
+        .footer-links a {
+            color: rgba(255,255,255,0.5);
+            text-decoration: none;
+            font-size: 14px;
+            transition: all 0.3s ease;
+        }
+        .footer-links a:hover {
+            color: #FF6A19;
+        }
+        .footer-bottom {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            padding-top: 24px;
+            border-top: 1px solid rgba(255,255,255,0.1);
+            font-size: 13px;
+            color: rgba(255,255,255,0.4);
+        }
+        .footer-icp {
+            color: rgba(255,255,255,0.4);
+        }
+        .footer-icp a {
+            color: rgba(255,255,255,0.4);
+            text-decoration: none;
+        }
+        .footer-icp a:hover {
+            color: #FF6A19;
+        }
+        @media (max-width: 768px) {
+            .footer-grid {
+                grid-template-columns: 1fr 1fr;
+                gap: 32px;
+            }
+            .footer-bottom {
+                flex-direction: column;
+                text-align: center;
+                gap: 8px;
+            }
+        }
+        @media (max-width: 480px) {
+            .footer-grid {
+                grid-template-columns: 1fr;
+            }
+        }
+
+    </style>
+</head>
+<body>
+    <!-- Navigation -->
+        <nav class="navbar" id="navbar">
+        <div class="container">
+            <a href="/index.html" class="logo">
+                <img src="assets/logo-nav.png" srcset="assets/logo-nav.png 1x, assets/logo-nav-2x.png 2x" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            
+            <div class="menu-toggle" id="menuToggle">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+            
+            <ul class="nav-menu" id="navMenu">
+                <li><a href="/index.html" class="nav-link">首页</a></li>
+                <li><a href="/index.html#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="/index.html#technology" class="nav-link">AI 能力</a></li>
+                <li><a href="/index.html#partnership" class="nav-link">代理合作</a></li>
+                <li><a href="/about.html" class="nav-link">关于我们</a></li>
+            </ul>
+            
+            <div class="nav-cta">
+                <a href="/index.html#products" class="btn btn-outline nav-btn">立即查询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
+            </div>
+        </div>
+    </nav>
+
+    <!-- Hero Section -->
+    <section class="hero">
+        <div class="container">
+            <h1>招商工具包</h1>
+            <p>三级代理体系，多元收益模式，最快 4 小时回本<br>钻石代理月入可达 17 万+</p>
+        </div>
+    </section>
+
+    <!-- Calculator Section -->
+    <section class="section calculator-section">
+        <div class="container">
+            <h2 class="section-title">代理收益计算器</h2>
+            <p class="section-subtitle">选择代理等级，输入预期数据，实时计算收益</p>
+            
+            <div class="calculator-container">
+                <div class="calculator-tabs">
+                    <div class="calculator-tab active" data-level="silver">🥈 白银代理</div>
+                    <div class="calculator-tab" data-level="gold">🥇 黄金代理</div>
+                    <div class="calculator-tab" data-level="diamond">💎 钻石代理</div>
+                </div>
+                
+                <div class="calculator-form">
+                    <div class="form-group">
+                        <label>日均销售报告份数</label>
+                        <input type="number" id="dailySales" value="50" min="0">
+                    </div>
+                    <div class="form-group">
+                        <label>平均单份利润（元）</label>
+                        <input type="number" id="avgProfit" value="42" min="0">
+                    </div>
+                    <div class="form-group">
+                        <label>月推荐代理人数</label>
+                        <input type="number" id="monthlyReferrals" value="10" min="0">
+                    </div>
+                    <div class="form-group">
+                        <label>团队总人数</label>
+                        <input type="number" id="teamSize" value="30" min="0">
+                    </div>
+                    <div class="form-group" id="upgradeGroup" style="display:none;">
+                        <label>日均升级黄金会员数（钻石专属）</label>
+                        <input type="number" id="dailyUpgrades" value="10" min="0">
+                    </div>
+                    <div class="form-group" id="markupGroup" style="display:none;">
+                        <label>平均加价幅度（元/份）</label>
+                        <input type="number" id="markup" value="15" min="0">
+                    </div>
+                </div>
+                
+                <button class="btn btn-primary" onclick="calculateProfit()" style="width:100%;padding:16px;font-size:17px;">🚀 开始计算收益</button>
+                
+                <div class="calculator-results" id="results" style="display:none;">
+                    <div class="results-grid">
+                        <div class="result-item">
+                            <div class="result-label">零售月收益</div>
+                            <div class="result-value" id="retailIncome">¥0</div>
+                        </div>
+                        <div class="result-item">
+                            <div class="result-label">直推月收益</div>
+                            <div class="result-value small" id="referralIncome">¥0</div>
+                        </div>
+                        <div class="result-item" id="upgradeIncomeGroup" style="display:none;">
+                            <div class="result-label">升级月收益</div>
+                            <div class="result-value small" id="upgradeIncome">¥0</div>
+                        </div>
+                        <div class="result-item">
+                            <div class="result-label">团队月收益</div>
+                            <div class="result-value small" id="teamIncome">¥0</div>
+                        </div>
+                        <div class="result-item" id="markupIncomeGroup" style="display:none;">
+                            <div class="result-label">加价月收益</div>
+                            <div class="result-value small" id="markupIncome">¥0</div>
+                        </div>
+                        <div class="result-item">
+                            <div class="result-label">月总收入</div>
+                            <div class="result-value" id="totalIncome">¥0</div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Agent Levels Section -->
+    <section class="section agent-section">
+        <div class="container">
+            <h2 class="section-title">三级代理体系</h2>
+            <p class="section-subtitle">灵活选择，逐级升级，收益倍增</p>
+            
+            <div class="agent-grid">
+                <div class="agent-card">
+                    <span class="agent-level">🥈 白银代理</span>
+                    <h3>白银代理</h3>
+                    <div class="agent-price">¥0 <span>/终身</span></div>
+                    <ul class="agent-features">
+                        <li>10% 返佣</li>
+                        <li>基础培训支持</li>
+                        <li>标准产品价格</li>
+                        <li>在线帮助中心</li>
+                        <li>零门槛免费加入</li>
+                        <li>适合：兼职试水</li>
+                    </ul>
+                    <a href="https://p.yuyuecha.com/s/Cc9wgE" class="btn btn-outline" style="width:100%" target="_blank">立即申请</a>
+                </div>
+                
+                <div class="agent-card featured">
+                    <div class="agent-badge">🔥 推荐</div>
+                    <span class="agent-level">🥇 黄金代理</span>
+                    <h3>黄金代理</h3>
+                    <div class="agent-price">¥198 <span>/年</span></div>
+                    <ul class="agent-features">
+                        <li>30% 返佣</li>
+                        <li>优先技术支持</li>
+                        <li>专属代理价格</li>
+                        <li>营销素材支持</li>
+                        <li>定期培训</li>
+                        <li>下级代理奖励</li>
+                        <li>适合：全职创业</li>
+                    </ul>
+                    <a href="https://p.yuyuecha.com/s/Cc9wgE" class="btn btn-primary" style="width:100%" target="_blank">立即申请</a>
+                </div>
+                
+                <div class="agent-card">
+                    <span class="agent-level">💎 钻石代理</span>
+                    <h3>钻石代理</h3>
+                    <div class="agent-price">¥980 <span>/年</span></div>
+                    <ul class="agent-features">
+                        <li>50% 返佣</li>
+                        <li>1 对 1 专属辅导</li>
+                        <li>最低代理价格</li>
+                        <li>联合营销支持</li>
+                        <li>优先新功能体验</li>
+                        <li>区域保护政策</li>
+                        <li>下级代理奖励</li>
+                        <li><strong>0 成本升级黄金会员（限时）</strong></li>
+                        <li>适合：团队长/创业者</li>
+                    </ul>
+                    <a href="https://p.yuyuecha.com/s/Cc9wgE" class="btn btn-outline" style="width:100%" target="_blank">立即申请</a>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Core Benefits Section -->
+    <section class="section benefits-section">
+        <div class="container">
+            <h2 class="section-title">核心收益逻辑</h2>
+            <p class="section-subtitle">钻石代理最赚钱的两种方式</p>
+            
+            <div class="benefits-grid">
+                <div class="benefit-card">
+                    <h3>1️⃣ 0 成本升级黄金会员</h3>
+                    <p><strong>最赚钱！</strong>后台免费升级，0 成本，线下私收¥198/人，100% 归钻石代理。不限数量（限时政策，随时取消）</p>
+                    <p style="margin-top:12px;"><strong>日升级 10 人 = ¥59,400/月</strong><br><strong>日升级 50 人 = ¥297,000/月</strong></p>
+                </div>
+                
+                <div class="benefit-card">
+                    <h3>2️⃣ 直推钻石代理</h3>
+                    <p><strong>现金最快！</strong>推荐 1 个钻石 = ¥300 现金（980×30%），相当于卖 7-10 份报告。实时到账，无账期</p>
+                    <p style="margin-top:12px;"><strong>日推 3 个 = ¥900/天 = ¥27,000/月</strong></p>
+                </div>
+                
+                <div class="benefit-card">
+                    <h3>3️⃣ 零售报告</h3>
+                    <p><strong>稳定基础</strong>卖 1 份赚¥28-59 元，日销 50 份 = ¥2,111/天 = ¥63,330/月，稳定持续收入</p>
+                </div>
+                
+                <div class="benefit-card">
+                    <h3>4️⃣ 团队提成</h3>
+                    <p><strong>被动收入</strong>下级白银卖 1 份赚¥6，下级黄金卖 1 份赚¥3，30 人团队 = ¥510/天 = ¥15,300/月</p>
+                </div>
+            </div>
+            
+            <div class="benefit-highlight">
+                <h3>💡 核心洞察</h3>
+                <p><strong>升级黄金会员的利润是卖报告的 4.7 倍</strong></p>
+                <p><strong>直推 1 个钻石 = 卖 7-10 份报告</strong></p>
+                <p><strong>钻石代理的核心优势：0 成本升级黄金会员权限（这个功能只有钻石代理有！黄金代理和白银代理都没有！）</strong></p>
+            </div>
+        </div>
+    </section>
+
+    <!-- FAQ Section -->
+    <section class="section faq-section">
+        <div class="container">
+            <h2 class="section-title">常见问题</h2>
+            <p class="section-subtitle">解答您的疑问</p>
+            
+            <div class="faq-list">
+                <div class="faq-item">
+                    <div class="faq-question" onclick="toggleFaq(this)">Q1: 代理费能退吗？<span>▼</span></div>
+                    <div class="faq-answer">支持 7 天无理由退款（未产生收益情况下），但需扣除已发放的上级佣金。</div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question" onclick="toggleFaq(this)">Q2: 需要囤货吗？<span>▼</span></div>
+                    <div class="faq-answer">不需要！这是虚拟产品，无需囤货，总部统一交付，代理只负责推广销售。</div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question" onclick="toggleFaq(this)">Q3: 收益怎么结算？<span>▼</span></div>
+                    <div class="faq-answer">所有收益实时到账，无账期，可随时提现到微信/支付宝/银行卡。</div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question" onclick="toggleFaq(this)">Q4: 不会推广怎么办？<span>▼</span></div>
+                    <div class="faq-answer">总部提供全程培训支持，包括话术、素材、渠道指导。钻石代理享有一对一指导。</div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question" onclick="toggleFaq(this)">Q5: 钻石代理升级黄金会员怎么操作？<span>▼</span></div>
+                    <div class="faq-answer">钻石代理在后台找到"升级会员"功能，选择要升级的白银代理，点击"免费升级为黄金"，线下私收¥198 升级费（微信/支付宝转账），¥198 全归钻石代理所有，总部不抽成。</div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question" onclick="toggleFaq(this)">Q6: 团队提成怎么算？<span>▼</span></div>
+                    <div class="faq-answer">钻石代理：下级白银卖 1 份赚¥6，下级黄金卖 1 份赚¥3；黄金代理：下级白银卖 1 份赚¥3；白银代理：下级白银卖 1 份赚¥2。仅限一级推荐关系，不跨级。</div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question" onclick="toggleFaq(this)">Q7: 不限名额政策什么时候取消？<span>▼</span></div>
+                    <div class="faq-answer">政策随时可能调整，建议尽早入手锁定特权。</div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question" onclick="toggleFaq(this)">Q8: 钻石代理和黄金代理最大区别是什么？<span>▼</span></div>
+                    <div class="faq-answer">核心区别就一个：0 成本升级黄金会员权限。黄金代理只能卖报告、推代理；钻石代理除了上述功能，还能 0 成本升级黄金会员，收¥198 全赚。这个功能让钻石代理多了一个月入 6-30 万的收益来源！</div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- CTA Section -->
+    <section class="cta-section">
+        <div class="container">
+            <h2>立即加入愉悦查代理</h2>
+            <p>限时政策：不限名额，政策随时取消<br>现在入手 = 锁定终身特权！</p>
+            <a href="https://p.yuyuecha.com/s/Cc9wgE" class="btn btn-lg" target="_blank">🚀 立即申请代理</a>
+        </div>
+    </section>
+
+    <!-- Footer -->
+        <footer class="footer">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <h3>愉悦查</h3>
+                    <p>让信任无处不在，让合作没有距离</p>
+                    <p style="margin-top:16px;font-size:13px;color:rgba(255,255,255,0.5);">北京正信环宇科技有限公司</p>
+                    <p style="font-size:13px;color:rgba(255,255,255,0.5);">AI 驱动的商业信任科技平台</p>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">产品</h4>
+                    <ul class="footer-links">
+                        <li><a href="/product/riskassessment.html">个人大数据报告</a></li>
+                        <li><a href="/product/marriage.html">婚恋风险报告</a></li>
+                        <li><a href="/product/backgroundcheck.html">入职背调报告</a></li>
+                        <li><a href="/product/companyinfo.html">小微企业报告</a></li>
+                        <li><a href="/product/homeservice.html">家政风险报告</a></li>
+                        <li><a href="/product/consumerFinanceReport.html">消金报告</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">公司</h4>
+                    <ul class="footer-links">
+                        <li><a href="/about.html">关于我们</a></li>
+                        <li><a href="/careers.html">加入我们</a></li>
+                        <li><a href="/contact.html">联系我们</a></li>
+                        <li><a href="/news.html">新闻动态</a></li>
+                        <li><a href="/partners.html">合作伙伴</a></li>
+                        <li><a href="/investment.html">招商工具包</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">支持</h4>
+                    <ul class="footer-links">
+                        <li><a href="/help.html">帮助中心</a></li>
+                        <li><a href="/apidemo/">API 文档</a></li>
+                        <li><a href="/all-apis.html">全部接口</a></li>
+                        <li><a href="/privacy.html">隐私政策</a></li>
+                        <li><a href="/terms.html">服务条款</a></li>
+                        <li><a href="/disclaimer.html">免责声明</a></li>
+                    </ul>
+                </div>
+            </div>
+            
+            <div class="footer-bottom">
+                <p>&copy; 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p class="footer-icp"><a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow noopener">京ICP备2025158088号-2</a></p>
+            </div>
+        </div>
+    </footer>
+
+    <script>
+        // Tab switching
+        document.querySelectorAll('.calculator-tab').forEach(tab => {
+            tab.addEventListener('click', function() {
+                document.querySelectorAll('.calculator-tab').forEach(t => t.classList.remove('active'));
+                this.classList.add('active');
+                
+                const level = this.dataset.level;
+                const upgradeGroup = document.getElementById('upgradeGroup');
+                const markupGroup = document.getElementById('markupGroup');
+                
+                if (level === 'diamond') {
+                    upgradeGroup.style.display = 'block';
+                    markupGroup.style.display = 'block';
+                } else if (level === 'gold') {
+                    upgradeGroup.style.display = 'none';
+                    markupGroup.style.display = 'block';
+                } else {
+                    upgradeGroup.style.display = 'none';
+                    markupGroup.style.display = 'none';
+                }
+                
+                calculateProfit();
+            });
+        });
+        
+        // Calculate profit
+        function calculateProfit() {
+            const level = document.querySelector('.calculator-tab.active').dataset.level;
+            const dailySales = parseInt(document.getElementById('dailySales').value) || 0;
+            const avgProfit = parseInt(document.getElementById('avgProfit').value) || 0;
+            const monthlyReferrals = parseInt(document.getElementById('monthlyReferrals').value) || 0;
+            const teamSize = parseInt(document.getElementById('teamSize').value) || 0;
+            const dailyUpgrades = parseInt(document.getElementById('dailyUpgrades').value) || 0;
+            const markup = parseInt(document.getElementById('markup').value) || 0;
+            
+            // Retail income
+            const retailIncome = dailySales * avgProfit * 30;
+            
+            // Referral income (simplified)
+            let referralIncome = 0;
+            if (level === 'silver') {
+                referralIncome = monthlyReferrals * 60;
+            } else if (level === 'gold') {
+                referralIncome = monthlyReferrals * 180;
+            } else if (level === 'diamond') {
+                referralIncome = monthlyReferrals * 380;
+            }
+            
+            // Upgrade income (diamond only)
+            const upgradeIncome = dailyUpgrades * 198 * 30;
+            
+            // Team income (simplified)
+            const teamIncome = teamSize * 3 * 30;
+            
+            // Markup income (gold and diamond)
+            const markupIncome = (level === 'gold' || level === 'diamond') ? dailySales * markup * 30 : 0;
+            
+            // Total
+            let totalIncome = retailIncome + referralIncome + teamIncome + markupIncome;
+            if (level === 'diamond') {
+                totalIncome += upgradeIncome;
+            }
+            
+            // Display results
+            document.getElementById('retailIncome').textContent = '¥' + retailIncome.toLocaleString();
+            document.getElementById('referralIncome').textContent = '¥' + referralIncome.toLocaleString();
+            document.getElementById('teamIncome').textContent = '¥' + teamIncome.toLocaleString();
+            document.getElementById('totalIncome').textContent = '¥' + totalIncome.toLocaleString();
+            
+            if (level === 'diamond') {
+                document.getElementById('upgradeIncomeGroup').style.display = 'block';
+                document.getElementById('upgradeIncome').textContent = '¥' + upgradeIncome.toLocaleString();
+            } else {
+                document.getElementById('upgradeIncomeGroup').style.display = 'none';
+            }
+            
+            if (level === 'gold' || level === 'diamond') {
+                document.getElementById('markupIncomeGroup').style.display = 'block';
+                document.getElementById('markupIncome').textContent = '¥' + markupIncome.toLocaleString();
+            } else {
+                document.getElementById('markupIncomeGroup').style.display = 'none';
+            }
+            
+            document.getElementById('results').style.display = 'block';
+        }
+        
+        // FAQ toggle
+        function toggleFaq(element) {
+            const item = element.parentElement;
+            item.classList.toggle('active');
+        }
+        
+        // Auto calculate on load
+        window.addEventListener('load', calculateProfit);
+    </script>
+</body>
+</html>
diff --git a/llms.txt b/llms.txt
new file mode 100644
index 0000000..1761a9d
--- /dev/null
+++ b/llms.txt
@@ -0,0 +1,44 @@
+# 愉悦查 (Yuyuecha)
+
+> 愉悦查是 AI 驱动的商业信任科技平台，由北京正信环宇科技有限公司运营。提供个人大数据报告、婚恋风险报告、入职背调报告、小微企业报告、家政风险报告、消金报告共 6 大标准报告，以及 AI 智能定制报告服务。平台拥有 200+ 官方授权数据接口，覆盖身份验证、企业信息、金融验证、运营商、学历资质、司法风险等场景，秒级响应生成报告。
+
+重要说明：
+- 官网地址：https://www.yuyuecha.com.cn
+- 业务平台：https://www.yuyuecha.com
+- 所有数据均来自官方授权渠道，严格遵守《个人信息保护法》
+- 查询需被查询人授权同意
+- 支持白银/黄金/钻石三级代理体系
+
+## 产品服务
+
+- [个人大数据报告](https://www.yuyuecha.com.cn/product/riskassessment.html): 手机在网时长、携号转网等个人背景全面分析，零售价 ¥49.8
+- [婚恋风险报告](https://www.yuyuecha.com.cn/product/marriage.html): 婚姻状态、不良记录 A-F 类查询，零售价 ¥39.9
+- [入职背调报告](https://www.yuyuecha.com.cn/product/backgroundcheck.html): 企业招聘必备员工背景筛查，零售价 ¥59.9
+- [小微企业报告](https://www.yuyuecha.com.cn/product/companyinfo.html): 企业风险筛查，合作前必备，零售价 ¥39.9
+- [家政风险报告](https://www.yuyuecha.com.cn/product/homeservice.html): 家政人员背景调查，保护家人安全，零售价 ¥39.9
+- [消金报告](https://www.yuyuecha.com.cn/product/consumerFinanceReport.html): 消费金融风险评估，快速决策支持，零售价 ¥29.9
+
+## API 数据服务
+
+- [API 数据市场](https://www.yuyuecha.com.cn/all-apis.html): 200+ 官方数据接口，涵盖身份验证、企业信息、金融验证、运营商、学历资质、司法风险、背景调查等场景
+- [API 文档与演示](https://www.yuyuecha.com.cn/apidemo/): API 接入文档与在线演示
+- [示例报告](https://www.yuyuecha.com.cn/sample.html): 查看真实报告样本
+
+## 代理合作
+
+- [招商工具包](https://www.yuyuecha.com.cn/investment.html): 三级代理体系（白银/黄金/钻石），收益计算器，代理政策详情
+
+## 公司信息
+
+- [关于我们](https://www.yuyuecha.com.cn/about.html): 公司介绍、使命愿景、发展历程、核心团队
+- [合作伙伴](https://www.yuyuecha.com.cn/partners.html): 金融机构、房产中介、数据源合作伙伴
+- [新闻动态](https://www.yuyuecha.com.cn/news.html): 公司最新资讯与行业动态
+- [联系我们](https://www.yuyuecha.com.cn/contact.html): 7×12 小时在线服务，企业微信、电话、邮箱
+
+## Optional
+
+- [帮助中心](https://www.yuyuecha.com.cn/help.html): 常见问题解答
+- [隐私政策](https://www.yuyuecha.com.cn/privacy.html): 用户隐私保护政策
+- [用户协议](https://www.yuyuecha.com.cn/terms.html): 服务条款
+- [免责声明](https://www.yuyuecha.com.cn/disclaimer.html): 法律免责声明
+- [加入我们](https://www.yuyuecha.com.cn/careers.html): 招聘信息
diff --git a/news.html b/news.html
new file mode 100755
index 0000000..92d2cff
--- /dev/null
+++ b/news.html
@@ -0,0 +1,636 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>新闻动态 - 愉悦查 | 公司动态、行业资讯</title>
+    <meta name="description" content="愉悦查新闻动态，了解公司最新资讯、产品更新、行业动态。">
+    <meta name="keywords" content="愉悦查新闻，公司动态，行业资讯，产品更新">
+    <!-- SEO Enhancement -->
+    <link rel="canonical" href="https://www.yuyuecha.com.cn/news.html">
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="https://www.yuyuecha.com.cn/news.html">
+    <meta property="og:title" content="新闻动态 - 愉悦查">
+    <meta property="og:description" content="愉悦查最新资讯、产品更新、行业动态。">
+    <meta property="og:image" content="https://www.yuyuecha.com.cn/assets/logo-nav-2x.png">
+    <meta property="og:site_name" content="愉悦查">
+    <meta property="og:locale" content="zh_CN">
+    <meta name="twitter:card" content="summary">
+    <meta name="twitter:title" content="新闻动态 - 愉悦查">
+    <meta name="twitter:description" content="愉悦查最新资讯、产品更新、行业动态。">
+    <meta name="twitter:image" content="https://www.yuyuecha.com.cn/assets/logo-nav-2x.png">
+    
+    <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=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    
+    <style>
+        :root {
+            --primary-orange: #FF6A19;
+            --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
+            --bg-light: #FFFFFF;
+            --bg-gray: #F5F7FA;
+            --bg-dark: #1A1A1A;
+            --text-primary: #1A1A1A;
+            --text-secondary: #666666;
+            --text-light: #999999;
+            --spacing-xs: 8px;
+            --spacing-sm: 16px;
+            --spacing-md: 24px;
+            --spacing-lg: 48px;
+            --spacing-xl: 80px;
+            --radius-md: 8px;
+            --radius-lg: 16px;
+            --shadow-md: 0 4px 16px rgba(0,0,0,0.12);
+            --shadow-lg: 0 8px 32px rgba(0,0,0,0.16);
+            --transition: all 0.3s ease;
+        }
+        
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body { font-family: 'Noto Sans SC', sans-serif; line-height: 1.6; color: var(--text-primary); }
+        a { text-decoration: none; color: inherit; transition: var(--transition); }
+        ul { list-style: none; }
+        .container { max-width: 1400px; margin: 0 auto; padding: 0 var(--spacing-md); }
+        
+        .btn {
+            display: inline-block;
+            padding: 14px 32px;
+            font-size: 15px;
+            font-weight: 500;
+            border-radius: var(--radius-md);
+            cursor: pointer;
+            transition: var(--transition);
+            border: none;
+            text-align: center;
+        }
+        .btn-primary {
+            background: var(--primary-gradient);
+            color: white;
+            box-shadow: 0 4px 12px rgba(255, 106, 25, 0.3);
+        }
+        .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(255, 106, 25, 0.4); }
+        .btn-outline {
+            background: transparent;
+            border: 2px solid var(--primary-orange);
+            color: var(--primary-orange);
+        }
+        .btn-outline:hover { background: var(--primary-gradient); color: white; }
+        
+        .navbar {
+            position: fixed;
+            top: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+        }
+        .navbar .container { display: flex; justify-content: space-between; align-items: center; height: 80px; }
+        .logo { display: flex; align-items: center; text-decoration: none; }
+        .logo-img { height: 60px; width: auto; }
+        .nav-menu { display: flex; gap: var(--spacing-lg); }
+        .nav-link { font-size: 15px; font-weight: 500; color: var(--text-primary); }
+        .nav-link:hover { color: var(--primary-orange); }
+        
+        .hero {
+            padding: 160px 0 100px;
+            background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 50%, #F5F7FA 100%);
+            text-align: center;
+        }
+        .hero h1 {
+            font-size: 52px;
+            font-weight: 900;
+            margin-bottom: var(--spacing-sm);
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 50%, #FF8A5C 100%);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+        .hero p { font-size: 22px; color: var(--text-secondary); max-width: 700px; margin: 0 auto; line-height: 1.8; }
+        
+        .section { padding: var(--spacing-xl) 0; }
+        .section-title { text-align: center; font-size: 42px; font-weight: 700; margin-bottom: var(--spacing-xs); }
+        .section-subtitle { text-align: center; font-size: 20px; color: var(--text-secondary); margin-bottom: var(--spacing-lg); }
+        
+        .news-section { background: white; }
+        .news-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
+            gap: var(--spacing-md);
+        }
+        .news-card {
+            background: white;
+            border: 2px solid #E8E8E8;
+            border-radius: var(--radius-lg);
+            overflow: hidden;
+            transition: var(--transition);
+        }
+        .news-card:hover {
+            border-color: var(--primary-orange);
+            box-shadow: var(--shadow-lg);
+            transform: translateY(-4px);
+        }
+        .news-image {
+            width: 100%;
+            height: 220px;
+            background: linear-gradient(135deg, #FFF5F0 0%, #F5F7FA 100%);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 80px;
+        }
+        .news-content { padding: var(--spacing-md); }
+        .news-date {
+            font-size: 14px;
+            color: var(--text-light);
+            margin-bottom: var(--spacing-xs);
+        }
+        .news-title {
+            font-size: 20px;
+            font-weight: 700;
+            margin-bottom: var(--spacing-xs);
+            line-height: 1.4;
+        }
+        .news-desc {
+            font-size: 15px;
+            color: var(--text-secondary);
+            line-height: 1.7;
+            margin-bottom: var(--spacing-sm);
+        }
+        .news-more {
+            font-size: 14px;
+            color: var(--primary-orange);
+            font-weight: 500;
+        }
+        .news-more:hover { text-decoration: underline; }
+        
+        .footer {
+            background: var(--bg-dark);
+            color: white;
+            padding: var(--spacing-xl) 0 var(--spacing-lg);
+        }
+        .footer-grid {
+            display: grid;
+            grid-template-columns: 2fr 1fr 1fr 1fr;
+            gap: var(--spacing-lg);
+            margin-bottom: var(--spacing-lg);
+        }
+        .footer-brand h3 { font-size: 24px; margin-bottom: var(--spacing-xs); }
+        .footer-brand p { color: #CCCCCC; margin-bottom: var(--spacing-xs); font-size: 14px; }
+        .footer-title { font-size: 16px; font-weight: 600; margin-bottom: var(--spacing-sm); }
+        .footer-links li { margin-bottom: 10px; }
+        .footer-links a { color: #CCCCCC; }
+        .footer-links a:hover { color: var(--primary-orange); }
+        .footer-bottom {
+            text-align: center;
+            padding-top: var(--spacing-lg);
+            border-top: 1px solid #333333;
+            color: #999999;
+            font-size: 14px;
+        }
+        
+        @media (max-width: 768px) {
+            .hero h1 { font-size: 36px; }
+            .section-title { font-size: 32px; }
+            .news-grid { grid-template-columns: 1fr; }
+            .footer-grid { grid-template-columns: 1fr; }
+            .nav-menu { display: none; }
+        }
+    
+        /* ===== Unified Navbar ===== */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            z-index: 1000;
+            padding: 12px 0;
+            transition: all 0.3s ease;
+            background: rgba(255,255,255,0.95);
+            backdrop-filter: blur(20px);
+            -webkit-backdrop-filter: blur(20px);
+        }
+        .navbar.scrolled {
+            padding: 8px 0;
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+        }
+        .navbar .container {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 0 24px;
+        }
+        .logo {
+            display: flex;
+            align-items: center;
+            text-decoration: none;
+        }
+        .logo-img {
+            height: 44px;
+            width: auto;
+            object-fit: contain;
+            transition: all 0.3s ease;
+        }
+        .logo:hover .logo-img {
+            transform: scale(1.03);
+        }
+        .nav-menu {
+            display: flex;
+            gap: 32px;
+            list-style: none;
+            margin: 0;
+            padding: 0;
+        }
+        .nav-link {
+            font-size: 15px;
+            font-weight: 500;
+            color: #1A1A1A;
+            text-decoration: none;
+            position: relative;
+            padding: 6px 0;
+            transition: all 0.3s ease;
+        }
+        .nav-link::after {
+            content: '';
+            position: absolute;
+            bottom: 0;
+            left: 50%;
+            width: 0;
+            height: 2px;
+            background: #FF6A19;
+            transition: all 0.3s ease;
+            transform: translateX(-50%);
+            border-radius: 1px;
+        }
+        .nav-link:hover {
+            color: #FF6A19;
+        }
+        .nav-link:hover::after {
+            width: 100%;
+        }
+        .nav-cta {
+            display: flex;
+            gap: 12px;
+            align-items: center;
+        }
+        .nav-btn {
+            padding: 8px 20px;
+            border-radius: 8px;
+            font-size: 14px;
+            font-weight: 500;
+            cursor: pointer;
+            transition: all 0.3s ease;
+            text-decoration: none;
+            border: none;
+            display: inline-flex;
+            align-items: center;
+        }
+        .btn-outline.nav-btn {
+            border: 1.5px solid #FF6A19;
+            color: #FF6A19;
+            background: transparent;
+        }
+        .btn-outline.nav-btn:hover {
+            background: #FFF5F0;
+        }
+        .btn-primary.nav-btn {
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
+            color: white;
+            box-shadow: 0 2px 8px rgba(255,106,25,0.3);
+        }
+        .btn-primary.nav-btn:hover {
+            transform: translateY(-1px);
+            box-shadow: 0 4px 12px rgba(255,106,25,0.4);
+        }
+        .menu-toggle {
+            display: none;
+            flex-direction: column;
+            gap: 5px;
+            cursor: pointer;
+            padding: 4px;
+            z-index: 1001;
+        }
+        .menu-toggle span {
+            width: 24px;
+            height: 2px;
+            background: #1A1A1A;
+            transition: all 0.3s ease;
+            border-radius: 1px;
+        }
+        @media (max-width: 1024px) {
+            .nav-menu {
+                display: none;
+                position: fixed;
+                top: 0;
+                left: 0;
+                right: 0;
+                bottom: 0;
+                background: rgba(255,255,255,0.98);
+                backdrop-filter: blur(20px);
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                gap: 24px;
+                z-index: 999;
+            }
+            .nav-menu.active {
+                display: flex;
+            }
+            .nav-link {
+                font-size: 18px;
+            }
+            .nav-cta {
+                display: none;
+            }
+            .menu-toggle {
+                display: flex;
+            }
+        }
+
+        /* ===== Unified Footer ===== */
+        .footer {
+            background: #1A1A1A;
+            color: white;
+            padding: 60px 0 30px;
+        }
+        .footer-grid {
+            display: grid;
+            grid-template-columns: 1.5fr 1fr 1fr 1fr;
+            gap: 48px;
+            margin-bottom: 40px;
+        }
+        .footer-brand h3 {
+            font-size: 22px;
+            font-weight: 700;
+            margin-bottom: 8px;
+            background: linear-gradient(135deg, #FF6A19, #FC6E18);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+        .footer-brand p {
+            color: rgba(255,255,255,0.6);
+            font-size: 14px;
+            line-height: 1.6;
+        }
+        .footer-title {
+            font-size: 15px;
+            font-weight: 600;
+            margin-bottom: 16px;
+            color: rgba(255,255,255,0.9);
+        }
+        .footer-links {
+            list-style: none;
+            padding: 0;
+            margin: 0;
+        }
+        .footer-links li {
+            margin-bottom: 10px;
+        }
+        .footer-links a {
+            color: rgba(255,255,255,0.5);
+            text-decoration: none;
+            font-size: 14px;
+            transition: all 0.3s ease;
+        }
+        .footer-links a:hover {
+            color: #FF6A19;
+        }
+        .footer-bottom {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            padding-top: 24px;
+            border-top: 1px solid rgba(255,255,255,0.1);
+            font-size: 13px;
+            color: rgba(255,255,255,0.4);
+        }
+        .footer-icp {
+            color: rgba(255,255,255,0.4);
+        }
+        .footer-icp a {
+            color: rgba(255,255,255,0.4);
+            text-decoration: none;
+        }
+        .footer-icp a:hover {
+            color: #FF6A19;
+        }
+        @media (max-width: 768px) {
+            .footer-grid {
+                grid-template-columns: 1fr 1fr;
+                gap: 32px;
+            }
+            .footer-bottom {
+                flex-direction: column;
+                text-align: center;
+                gap: 8px;
+            }
+        }
+        @media (max-width: 480px) {
+            .footer-grid {
+                grid-template-columns: 1fr;
+            }
+        }
+
+    </style>
+</head>
+<body>
+            <nav class="navbar" id="navbar">
+        <div class="container">
+            <a href="/index.html" class="logo">
+                <img src="assets/logo-nav.png" srcset="assets/logo-nav.png 1x, assets/logo-nav-2x.png 2x" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            
+            <div class="menu-toggle" id="menuToggle">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+            
+            <ul class="nav-menu" id="navMenu">
+                <li><a href="/index.html" class="nav-link">首页</a></li>
+                <li><a href="/index.html#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="/index.html#technology" class="nav-link">AI 能力</a></li>
+                <li><a href="/index.html#partnership" class="nav-link">代理合作</a></li>
+                <li><a href="/about.html" class="nav-link">关于我们</a></li>
+            </ul>
+            
+            <div class="nav-cta">
+                <a href="/index.html#products" class="btn btn-outline nav-btn">立即查询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
+            </div>
+        </div>
+    </nav>
+
+    <section class="hero">
+        <div class="container">
+            <h1>新闻动态</h1>
+            <p>了解愉悦查最新资讯、产品更新、行业动态</p>
+        </div>
+    </section>
+
+    <section class="section news-section">
+        <div class="container">
+            <h2 class="section-title">最新资讯</h2>
+            <p class="section-subtitle">关注我们，获取第一手信息</p>
+            
+            <div class="news-grid">
+                <!-- 新闻 1 -->
+                <div class="news-card">
+                    <div class="news-image">🚀</div>
+                    <div class="news-content">
+                        <div class="news-date">2026 年 3 月 10 日</div>
+                        <h3 class="news-title">愉悦查 6 大标准报告系统全面上线，个人企业风控一站式解决</h3>
+                        <p class="news-desc">愉悦查正式推出 6 大标准报告产品，包括个人大数据报告、婚恋风险报告、入职背调报告、小微企业报告、家政风险报告、消金报告，覆盖个人和企业全场景风控需求。</p>
+                        <a href="/product/riskassessment.html" class="news-more">了解详情 →</a>
+                    </div>
+                </div>
+                
+                <!-- 新闻 2 -->
+                <div class="news-card">
+                    <div class="news-image">📡</div>
+                    <div class="news-content">
+                        <div class="news-date">2026 年 3 月 5 日</div>
+                        <h3 class="news-title">愉悦查 API 开放平台正式上线，200+ 数据接口助力企业数字化</h3>
+                        <p class="news-desc">愉悦查 API 开放平台正式发布，提供 200+ 官方数据接口，支持身份验证、企业信息、金融验证、运营商、学历资质、司法风险、背景调查等全场景，日调用量突破 10 万+。</p>
+                        <a href="/apidemo/" class="news-more">查看 API →</a>
+                    </div>
+                </div>
+                
+                <!-- 新闻 3 -->
+                <div class="news-card">
+                    <div class="news-image">🤖</div>
+                    <div class="news-content">
+                        <div class="news-date">2026 年 2 月 28 日</div>
+                        <h3 class="news-title">愉悦查 AI 智能风控系统上线，40+ 分析技能秒级生成报告</h3>
+                        <p class="news-desc">愉悦查自主研发的 AI 智能风控系统正式上线，基于深度学习算法，智能组合 200+ 数据接口，40+ 分析技能，最快 3 秒生成专业风控报告，准确率达 99.9%。</p>
+                        <a href="/index.html" class="news-more">了解更多 →</a>
+                    </div>
+                </div>
+                
+                <!-- 新闻 4 -->
+                <div class="news-card">
+                    <div class="news-image">🦞</div>
+                    <div class="news-content">
+                        <div class="news-date">2026 年 2 月 20 日</div>
+                        <h3 class="news-title">OpenClaw 上线，愉悦查开放云生态再添新成员</h3>
+                        <p class="news-desc">愉悦查旗下OpenClaw 正式开放，为开发者提供云端开发环境、在线调试工具、自动化部署服务，让 API 接入更简单、更高效。</p>
+                        <a href="/apidemo/" class="news-more">立即体验 →</a>
+                    </div>
+                </div>
+                
+                <!-- 新闻 5 -->
+                <div class="news-card">
+                    <div class="news-image">💼</div>
+                    <div class="news-content">
+                        <div class="news-date">2026 年 2 月 15 日</div>
+                        <h3 class="news-title">愉悦查 ToB 企业风控系统上线，线下招商正式启动</h3>
+                        <p class="news-desc">愉悦查 ToB 企业风控系统正式发布，面向银行、消金、人力资源、家政服务等企业提供定制化风控解决方案。全国线下招商同步启动，欢迎咨询合作。</p>
+                        <a href="/partners.html" class="news-more">合作咨询 →</a>
+                    </div>
+                </div>
+                
+                <!-- 新闻 6 -->
+                <div class="news-card">
+                    <div class="news-image">🤝</div>
+                    <div class="news-content">
+                        <div class="news-date">2026 年 2 月 10 日</div>
+                        <h3 class="news-title">愉悦查与国家工商总局数据系统达成战略合作，企业信息核验更权威</h3>
+                        <p class="news-desc">愉悦查正式与国家工商总局数据系统达成战略合作，直接接入工商企业数据库，为企业信息核验、股权穿透、关联关系分析等提供权威数据支持。</p>
+                        <a href="/product/companyinfo.html" class="news-more">了解详情 →</a>
+                    </div>
+                </div>
+                
+                <!-- 新闻 7 -->
+                <div class="news-card">
+                    <div class="news-image">🏦</div>
+                    <div class="news-content">
+                        <div class="news-date">2026 年 1 月 25 日</div>
+                        <h3 class="news-title">愉悦查与浦发银行总行达成合作，金融风控服务再升级</h3>
+                        <p class="news-desc">愉悦查与浦发银行总行正式签署战略合作协议，为浦发银行提供个人信用评估、企业风控、反欺诈等数据服务，助力银行提升风控能力和审批效率。</p>
+                        <a href="/product/consumerFinanceReport.html" class="news-more">了解详情 →</a>
+                    </div>
+                </div>
+                
+                <!-- 新闻 8 -->
+                <div class="news-card">
+                    <div class="news-image">🔍</div>
+                    <div class="news-content">
+                        <div class="news-date">2026 年 1 月 18 日</div>
+                        <h3 class="news-title">愉悦查与企查查、天眼查达成数据互通合作，企业信息查询更全面</h3>
+                        <p class="news-desc">愉悦查与企查查、天眼查正式达成数据互通战略合作，三方共享企业工商、司法、知识产权等数据资源，为企业风控提供更全面、更准确的数据支持。</p>
+                        <a href="/product/companyinfo.html" class="news-more">了解详情 →</a>
+                    </div>
+                </div>
+                
+                <!-- 新闻 9 -->
+                <div class="news-card">
+                    <div class="news-image">🏠</div>
+                    <div class="news-content">
+                        <div class="news-date">2026 年 1 月 10 日</div>
+                        <h3 class="news-title">愉悦查与贝壳、链家达成战略合作，房产经纪人员背调全覆盖</h3>
+                        <p class="news-desc">愉悦查与贝壳找房、链家地产正式签署战略合作协议，为房产经纪人员提供入职背调、在职风控、客户风险评估等全方位服务，保障房产交易安全。</p>
+                        <a href="/product/backgroundcheck.html" class="news-more">了解详情 →</a>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+            <footer class="footer">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <h3>愉悦查</h3>
+                    <p>让信任无处不在，让合作没有距离</p>
+                    <p style="margin-top:16px;font-size:13px;color:rgba(255,255,255,0.5);">北京正信环宇科技有限公司</p>
+                    <p style="font-size:13px;color:rgba(255,255,255,0.5);">AI 驱动的商业信任科技平台</p>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">产品</h4>
+                    <ul class="footer-links">
+                        <li><a href="/product/riskassessment.html">个人大数据报告</a></li>
+                        <li><a href="/product/marriage.html">婚恋风险报告</a></li>
+                        <li><a href="/product/backgroundcheck.html">入职背调报告</a></li>
+                        <li><a href="/product/companyinfo.html">小微企业报告</a></li>
+                        <li><a href="/product/homeservice.html">家政风险报告</a></li>
+                        <li><a href="/product/consumerFinanceReport.html">消金报告</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">公司</h4>
+                    <ul class="footer-links">
+                        <li><a href="/about.html">关于我们</a></li>
+                        <li><a href="/careers.html">加入我们</a></li>
+                        <li><a href="/contact.html">联系我们</a></li>
+                        <li><a href="/news.html">新闻动态</a></li>
+                        <li><a href="/partners.html">合作伙伴</a></li>
+                        <li><a href="/investment.html">招商工具包</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">支持</h4>
+                    <ul class="footer-links">
+                        <li><a href="/help.html">帮助中心</a></li>
+                        <li><a href="/apidemo/">API 文档</a></li>
+                        <li><a href="/all-apis.html">全部接口</a></li>
+                        <li><a href="/privacy.html">隐私政策</a></li>
+                        <li><a href="/terms.html">服务条款</a></li>
+                        <li><a href="/disclaimer.html">免责声明</a></li>
+                    </ul>
+                </div>
+            </div>
+            
+            <div class="footer-bottom">
+                <p>&copy; 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p class="footer-icp"><a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow noopener">京ICP备2025158088号-2</a></p>
+            </div>
+        </div>
+    </footer>
+</body>
+</html>
diff --git a/news.html.bak.navbar b/news.html.bak.navbar
new file mode 100755
index 0000000..fa60d10
--- /dev/null
+++ b/news.html.bak.navbar
@@ -0,0 +1,147 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>新闻动态 - 愉悦查 | 让信任无处不在，让合作没有距离</title>
+    <meta name="description" content="愉悦查（北京正信环宇科技有限公司）是 AI 驱动的商业信任科技平台，提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告">
+    <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=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    <style>
+        :root { --primary-orange: #FF6A19; --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%); --bg-gray: #F5F7FA; --text-primary: #1A1A1A; --text-secondary: #666666; --spacing-lg: 48px; --spacing-xl: 80px; --radius-lg: 16px; }
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body { font-family: 'Noto Sans SC', sans-serif; line-height: 1.6; color: var(--text-primary); }
+        .container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
+        .navbar { position: fixed; top: 0; background: rgba(255,255,255,0.95); backdrop-filter: blur(10px); box-shadow: 0 2px 20px rgba(0,0,0,0.08); z-index: 1000; }
+        .navbar .container { display: flex; justify-content: space-between; align-items: center; height: 80px; }
+        .logo { display: flex; align-items: center; gap: 8px; text-decoration: none; }
+        .logo-img { height: 60px; width: auto; }
+        .nav-menu { display: flex; gap: 32px; list-style: none; }
+        .nav-link { font-size: 15px; font-weight: 500; color: var(--text-primary); text-decoration: none; transition: all 0.3s ease; }
+        .nav-link:hover { color: var(--primary-orange); }
+        .nav-cta { display: flex; gap: 12px; }
+        .btn { display: inline-block; padding: 10px 20px; font-size: 14px; font-weight: 500; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; text-decoration: none; text-align: center; }
+        .btn-primary { background: var(--primary-gradient); color: white; border: none; box-shadow: 0 4px 12px rgba(236, 77, 9, 0.3); }
+        .btn-outline { background: transparent; border: 2px solid var(--primary-orange); color: var(--primary-orange); }
+        .nav-btn { padding: 10px 20px; font-size: 14px; }
+        .hero { padding: 160px 0 80px; background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%); text-align: center; }
+        .hero h1 { font-size: 48px; color: var(--primary-orange); margin-bottom: 16px; }
+        .section { padding: var(--spacing-xl) 0; }
+        .section-title { text-align: center; font-size: 36px; margin-bottom: 8px; }
+        .section-subtitle { text-align: center; font-size: 18px; color: var(--text-secondary); margin-bottom: 48px; }
+        .values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin-top: 48px; }
+        .value-card { background: white; padding: 32px; border-radius: var(--radius-lg); box-shadow: 0 4px 16px rgba(0,0,0,0.08); text-align: center; }
+        .value-icon { font-size: 48px; margin-bottom: 16px; }
+        .value-card h3 { font-size: 20px; margin-bottom: 12px; color: var(--primary-orange); }
+        .footer { background: #1A1A1A; color: white; padding: 64px 0 32px; }
+        .footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 48px; margin-bottom: 48px; }
+        .footer-brand h3 { font-size: 24px; margin-bottom: 16px; color: var(--primary-orange); }
+        .footer-title { font-size: 16px; font-weight: 600; margin-bottom: 16px; }
+        .footer-links { list-style: none; padding: 0; }
+        .footer-links li { margin-bottom: 8px; }
+        .footer-links a { font-size: 14px; opacity: 0.8; transition: all 0.3s ease; color: white; text-decoration: none; }
+        .footer-links a:hover { opacity: 1; color: var(--primary-orange); }
+        .footer-bottom { text-align: center; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.6; }
+        @media (max-width: 1024px) { .nav-menu { display: none; } }
+        @media (max-width: 768px) { .values-grid { grid-template-columns: 1fr; } .hero h1 { font-size: 32px; } .footer-grid { grid-template-columns: 1fr; } }
+    </style>
+</head>
+<body>
+    <nav class="navbar">
+        <div class="container">
+            <a href="/index.html" class="logo">
+                <img src="assets/logo.png" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            <ul class="nav-menu">
+                <li><a href="/index.html#home" class="nav-link">首页</a></li>
+                <li><a href="/index.html#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="/index.html#technology" class="nav-link">AI 能力</a></li>
+                <li><a href="/index.html#partnership" class="nav-link">代理合作</a></li>
+                <li><a href="/index.html#about" class="nav-link">关于我们</a></li>
+            </ul>
+            <div class="nav-cta">
+                <a href="/index.html#products" class="btn btn-outline nav-btn">立即查询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
+            </div>
+        </div>
+    </nav>
+    <section class="hero">
+        <div class="container">
+            <h1>新闻动态</h1>
+            <p style="font-size:18px;color:var(--text-secondary);max-width:700px;margin:0 auto;">让信任无处不在，让合作没有距离</p>
+        </div>
+    </section>
+    <section class="section">
+        <div class="container">
+            <h2 class="section-title">最新资讯</h2>
+            <p style="text-align:center;max-width:800px;margin:0 auto;color:var(--text-secondary);">愉悦查（北京正信环宇科技有限公司）是 AI 驱动的商业信任科技平台，致力于搭建信任桥梁，连接商业未来。我们提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告，支持 AI 智能定制报告。</p>
+            <div class="values-grid">
+                <div class="value-card">
+                    <div class="value-icon">🤖</div>
+                    <h3>AI 驱动</h3>
+                    <p style="color:var(--text-secondary);">200+ 数据接口智能组合，秒级响应</p>
+                </div>
+                <div class="value-card">
+                    <div class="value-icon">🔒</div>
+                    <h3>安全合规</h3>
+                    <p style="color:var(--text-secondary);">严格遵守《个人信息保护法》，数据官方授权</p>
+                </div>
+                <div class="value-card">
+                    <div class="value-icon">🎯</div>
+                    <h3>专业可靠</h3>
+                    <p style="color:var(--text-secondary);">全面风险评估，PDF 格式报告下载</p>
+                </div>
+            </div>
+        </div>
+    </section>
+    <footer class="footer">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <h3>愉悦查</h3>
+                    <p>让信任无处不在，让合作没有距离</p>
+                </div>
+                <div>
+                    <h4 class="footer-title">产品</h4>
+                    <ul class="footer-links">
+                        <li><a href="/product/riskassessment.html">个人大数据报告</a></li>
+                        <li><a href="/product/marriage.html">婚恋风险报告</a></li>
+                        <li><a href="/product/backgroundcheck.html">入职背调报告</a></li>
+                        <li><a href="/product/companyinfo.html">小微企业报告</a></li>
+                        <li><a href="/product/homeservice.html">家政风险报告</a></li>
+                        <li><a href="/product/consumerFinanceReport.html">消金报告</a></li>
+                        <li><a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" target="_blank">AI 定制报告</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h4 class="footer-title">公司</h4>
+                    <ul class="footer-links">
+                        <li><a href="/about.html">关于我们</a></li>
+                        <li><a href="/careers.html">加入我们</a></li>
+                        <li><a href="/contact.html">联系我们</a></li>
+                        <li><a href="/news.html">新闻动态</a></li>
+                        <li><a href="/partners.html">合作伙伴</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h4 class="footer-title">支持</h4>
+                    <ul class="footer-links">
+                        <li><a href="/help.html">帮助中心</a></li>
+                        <li><a href="/apidemo/">API 文档</a></li>
+                        <li><a href="/index.html#partnership">代理支持</a></li>
+                        <li><a href="/privacy.html">隐私政策</a></li>
+                        <li><a href="/terms.html">服务条款</a></li>
+                        <li><a href="/disclaimer.html">免责声明</a></li>
+                    </ul>
+                </div>
+            </div>
+            <div class="footer-bottom">
+                <p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p class="footer-icp">京 ICP 备 2025158088 号 -2</p>
+            </div>
+        </div>
+    </footer>
+</body>
+</html>
diff --git a/news.html.bak.uniform b/news.html.bak.uniform
new file mode 100755
index 0000000..fe1e81b
--- /dev/null
+++ b/news.html.bak.uniform
@@ -0,0 +1,369 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>新闻动态 - 愉悦查 | 公司动态、行业资讯</title>
+    <meta name="description" content="愉悦查新闻动态，了解公司最新资讯、产品更新、行业动态。">
+    <meta name="keywords" content="愉悦查新闻，公司动态，行业资讯，产品更新">
+    
+    <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=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    
+    <style>
+        :root {
+            --primary-orange: #FF6A19;
+            --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
+            --bg-light: #FFFFFF;
+            --bg-gray: #F5F7FA;
+            --bg-dark: #1A1A1A;
+            --text-primary: #1A1A1A;
+            --text-secondary: #666666;
+            --text-light: #999999;
+            --spacing-xs: 8px;
+            --spacing-sm: 16px;
+            --spacing-md: 24px;
+            --spacing-lg: 48px;
+            --spacing-xl: 80px;
+            --radius-md: 8px;
+            --radius-lg: 16px;
+            --shadow-md: 0 4px 16px rgba(0,0,0,0.12);
+            --shadow-lg: 0 8px 32px rgba(0,0,0,0.16);
+            --transition: all 0.3s ease;
+        }
+        
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body { font-family: 'Noto Sans SC', sans-serif; line-height: 1.6; color: var(--text-primary); }
+        a { text-decoration: none; color: inherit; transition: var(--transition); }
+        ul { list-style: none; }
+        .container { max-width: 1400px; margin: 0 auto; padding: 0 var(--spacing-md); }
+        
+        .btn {
+            display: inline-block;
+            padding: 14px 32px;
+            font-size: 15px;
+            font-weight: 500;
+            border-radius: var(--radius-md);
+            cursor: pointer;
+            transition: var(--transition);
+            border: none;
+            text-align: center;
+        }
+        .btn-primary {
+            background: var(--primary-gradient);
+            color: white;
+            box-shadow: 0 4px 12px rgba(255, 106, 25, 0.3);
+        }
+        .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(255, 106, 25, 0.4); }
+        .btn-outline {
+            background: transparent;
+            border: 2px solid var(--primary-orange);
+            color: var(--primary-orange);
+        }
+        .btn-outline:hover { background: var(--primary-gradient); color: white; }
+        
+        .navbar {
+            position: fixed;
+            top: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+        }
+        .navbar .container { display: flex; justify-content: space-between; align-items: center; height: 80px; }
+        .logo { display: flex; align-items: center; text-decoration: none; }
+        .logo-img { height: 60px; width: auto; }
+        .nav-menu { display: flex; gap: var(--spacing-lg); }
+        .nav-link { font-size: 15px; font-weight: 500; color: var(--text-primary); }
+        .nav-link:hover { color: var(--primary-orange); }
+        
+        .hero {
+            padding: 160px 0 100px;
+            background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 50%, #F5F7FA 100%);
+            text-align: center;
+        }
+        .hero h1 {
+            font-size: 52px;
+            font-weight: 900;
+            margin-bottom: var(--spacing-sm);
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 50%, #FF8A5C 100%);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+        .hero p { font-size: 22px; color: var(--text-secondary); max-width: 700px; margin: 0 auto; line-height: 1.8; }
+        
+        .section { padding: var(--spacing-xl) 0; }
+        .section-title { text-align: center; font-size: 42px; font-weight: 700; margin-bottom: var(--spacing-xs); }
+        .section-subtitle { text-align: center; font-size: 20px; color: var(--text-secondary); margin-bottom: var(--spacing-lg); }
+        
+        .news-section { background: white; }
+        .news-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
+            gap: var(--spacing-md);
+        }
+        .news-card {
+            background: white;
+            border: 2px solid #E8E8E8;
+            border-radius: var(--radius-lg);
+            overflow: hidden;
+            transition: var(--transition);
+        }
+        .news-card:hover {
+            border-color: var(--primary-orange);
+            box-shadow: var(--shadow-lg);
+            transform: translateY(-4px);
+        }
+        .news-image {
+            width: 100%;
+            height: 220px;
+            background: linear-gradient(135deg, #FFF5F0 0%, #F5F7FA 100%);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 80px;
+        }
+        .news-content { padding: var(--spacing-md); }
+        .news-date {
+            font-size: 14px;
+            color: var(--text-light);
+            margin-bottom: var(--spacing-xs);
+        }
+        .news-title {
+            font-size: 20px;
+            font-weight: 700;
+            margin-bottom: var(--spacing-xs);
+            line-height: 1.4;
+        }
+        .news-desc {
+            font-size: 15px;
+            color: var(--text-secondary);
+            line-height: 1.7;
+            margin-bottom: var(--spacing-sm);
+        }
+        .news-more {
+            font-size: 14px;
+            color: var(--primary-orange);
+            font-weight: 500;
+        }
+        .news-more:hover { text-decoration: underline; }
+        
+        .footer {
+            background: var(--bg-dark);
+            color: white;
+            padding: var(--spacing-xl) 0 var(--spacing-lg);
+        }
+        .footer-grid {
+            display: grid;
+            grid-template-columns: 2fr 1fr 1fr 1fr;
+            gap: var(--spacing-lg);
+            margin-bottom: var(--spacing-lg);
+        }
+        .footer-brand h3 { font-size: 24px; margin-bottom: var(--spacing-xs); }
+        .footer-brand p { color: #CCCCCC; margin-bottom: var(--spacing-xs); font-size: 14px; }
+        .footer-title { font-size: 16px; font-weight: 600; margin-bottom: var(--spacing-sm); }
+        .footer-links li { margin-bottom: 10px; }
+        .footer-links a { color: #CCCCCC; }
+        .footer-links a:hover { color: var(--primary-orange); }
+        .footer-bottom {
+            text-align: center;
+            padding-top: var(--spacing-lg);
+            border-top: 1px solid #333333;
+            color: #999999;
+            font-size: 14px;
+        }
+        
+        @media (max-width: 768px) {
+            .hero h1 { font-size: 36px; }
+            .section-title { font-size: 32px; }
+            .news-grid { grid-template-columns: 1fr; }
+            .footer-grid { grid-template-columns: 1fr; }
+            .nav-menu { display: none; }
+        }
+    </style>
+</head>
+<body>
+    <nav class="navbar">
+        <div class="container">
+            <a href="/index.html" class="logo">
+                <img src="assets/logo.png" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            <ul class="nav-menu">
+                <li><a href="/index.html" class="nav-link">首页</a></li>
+                <li><a href="/index.html#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="/apidemo/" class="nav-link">API 平台</a></li>
+                <li><a href="/all-apis.html" class="nav-link">全部接口</a></li>
+                <li><a href="/about.html" class="nav-link">关于我们</a></li>
+            </ul>
+            <div class="nav-cta">
+                <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-outline" target="_blank">技术咨询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary" target="_blank">登录</a>
+            </div>
+        </div>
+    </nav>
+
+    <section class="hero">
+        <div class="container">
+            <h1>新闻动态</h1>
+            <p>了解愉悦查最新资讯、产品更新、行业动态</p>
+        </div>
+    </section>
+
+    <section class="section news-section">
+        <div class="container">
+            <h2 class="section-title">最新资讯</h2>
+            <p class="section-subtitle">关注我们，获取第一手信息</p>
+            
+            <div class="news-grid">
+                <!-- 新闻 1 -->
+                <div class="news-card">
+                    <div class="news-image">🚀</div>
+                    <div class="news-content">
+                        <div class="news-date">2026 年 3 月 10 日</div>
+                        <h3 class="news-title">愉悦查 6 大标准报告系统全面上线，个人企业风控一站式解决</h3>
+                        <p class="news-desc">愉悦查正式推出 6 大标准报告产品，包括个人大数据报告、婚恋风险报告、入职背调报告、小微企业报告、家政风险报告、消金报告，覆盖个人和企业全场景风控需求。</p>
+                        <a href="/product/riskassessment.html" class="news-more">了解详情 →</a>
+                    </div>
+                </div>
+                
+                <!-- 新闻 2 -->
+                <div class="news-card">
+                    <div class="news-image">📡</div>
+                    <div class="news-content">
+                        <div class="news-date">2026 年 3 月 5 日</div>
+                        <h3 class="news-title">愉悦查 API 开放平台正式上线，200+ 数据接口助力企业数字化</h3>
+                        <p class="news-desc">愉悦查 API 开放平台正式发布，提供 200+ 官方数据接口，支持身份验证、企业信息、金融验证、运营商、学历资质、司法风险、背景调查等全场景，日调用量突破 10 万+。</p>
+                        <a href="/apidemo/" class="news-more">查看 API →</a>
+                    </div>
+                </div>
+                
+                <!-- 新闻 3 -->
+                <div class="news-card">
+                    <div class="news-image">🤖</div>
+                    <div class="news-content">
+                        <div class="news-date">2026 年 2 月 28 日</div>
+                        <h3 class="news-title">愉悦查 AI 智能风控系统上线，40+ 分析技能秒级生成报告</h3>
+                        <p class="news-desc">愉悦查自主研发的 AI 智能风控系统正式上线，基于深度学习算法，智能组合 200+ 数据接口，40+ 分析技能，最快 3 秒生成专业风控报告，准确率达 99.9%。</p>
+                        <a href="/index.html" class="news-more">了解更多 →</a>
+                    </div>
+                </div>
+                
+                <!-- 新闻 4 -->
+                <div class="news-card">
+                    <div class="news-image">🦞</div>
+                    <div class="news-content">
+                        <div class="news-date">2026 年 2 月 20 日</div>
+                        <h3 class="news-title">OpenClaw 上线，愉悦查开放云生态再添新成员</h3>
+                        <p class="news-desc">愉悦查旗下OpenClaw 正式开放，为开发者提供云端开发环境、在线调试工具、自动化部署服务，让 API 接入更简单、更高效。</p>
+                        <a href="/apidemo/" class="news-more">立即体验 →</a>
+                    </div>
+                </div>
+                
+                <!-- 新闻 5 -->
+                <div class="news-card">
+                    <div class="news-image">💼</div>
+                    <div class="news-content">
+                        <div class="news-date">2026 年 2 月 15 日</div>
+                        <h3 class="news-title">愉悦查 ToB 企业风控系统上线，线下招商正式启动</h3>
+                        <p class="news-desc">愉悦查 ToB 企业风控系统正式发布，面向银行、消金、人力资源、家政服务等企业提供定制化风控解决方案。全国线下招商同步启动，欢迎咨询合作。</p>
+                        <a href="/partners.html" class="news-more">合作咨询 →</a>
+                    </div>
+                </div>
+                
+                <!-- 新闻 6 -->
+                <div class="news-card">
+                    <div class="news-image">🤝</div>
+                    <div class="news-content">
+                        <div class="news-date">2026 年 2 月 10 日</div>
+                        <h3 class="news-title">愉悦查与国家工商总局数据系统达成战略合作，企业信息核验更权威</h3>
+                        <p class="news-desc">愉悦查正式与国家工商总局数据系统达成战略合作，直接接入工商企业数据库，为企业信息核验、股权穿透、关联关系分析等提供权威数据支持。</p>
+                        <a href="/product/companyinfo.html" class="news-more">了解详情 →</a>
+                    </div>
+                </div>
+                
+                <!-- 新闻 7 -->
+                <div class="news-card">
+                    <div class="news-image">🏦</div>
+                    <div class="news-content">
+                        <div class="news-date">2026 年 1 月 25 日</div>
+                        <h3 class="news-title">愉悦查与浦发银行总行达成合作，金融风控服务再升级</h3>
+                        <p class="news-desc">愉悦查与浦发银行总行正式签署战略合作协议，为浦发银行提供个人信用评估、企业风控、反欺诈等数据服务，助力银行提升风控能力和审批效率。</p>
+                        <a href="/product/consumerFinanceReport.html" class="news-more">了解详情 →</a>
+                    </div>
+                </div>
+                
+                <!-- 新闻 8 -->
+                <div class="news-card">
+                    <div class="news-image">🔍</div>
+                    <div class="news-content">
+                        <div class="news-date">2026 年 1 月 18 日</div>
+                        <h3 class="news-title">愉悦查与企查查、天眼查达成数据互通合作，企业信息查询更全面</h3>
+                        <p class="news-desc">愉悦查与企查查、天眼查正式达成数据互通战略合作，三方共享企业工商、司法、知识产权等数据资源，为企业风控提供更全面、更准确的数据支持。</p>
+                        <a href="/product/companyinfo.html" class="news-more">了解详情 →</a>
+                    </div>
+                </div>
+                
+                <!-- 新闻 9 -->
+                <div class="news-card">
+                    <div class="news-image">🏠</div>
+                    <div class="news-content">
+                        <div class="news-date">2026 年 1 月 10 日</div>
+                        <h3 class="news-title">愉悦查与贝壳、链家达成战略合作，房产经纪人员背调全覆盖</h3>
+                        <p class="news-desc">愉悦查与贝壳找房、链家地产正式签署战略合作协议，为房产经纪人员提供入职背调、在职风控、客户风险评估等全方位服务，保障房产交易安全。</p>
+                        <a href="/product/backgroundcheck.html" class="news-more">了解详情 →</a>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <footer class="footer">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <h3>愉悦查</h3>
+                    <p>让信任无处不在，让合作没有距离</p>
+                    <p style="margin-top:16px;font-size:13px;">愉悦查（北京正信环宇科技有限公司）</p>
+                    <p style="font-size:13px;">AI 驱动的商业信任科技平台</p>
+                </div>
+                <div>
+                    <h4 class="footer-title">产品</h4>
+                    <ul class="footer-links">
+                        <li><a href="/product/riskassessment.html">个人大数据报告</a></li>
+                        <li><a href="/product/marriage.html">婚恋风险报告</a></li>
+                        <li><a href="/product/backgroundcheck.html">入职背调报告</a></li>
+                        <li><a href="/product/companyinfo.html">小微企业报告</a></li>
+                        <li><a href="/product/homeservice.html">家政风险报告</a></li>
+                        <li><a href="/product/consumerFinanceReport.html">消金报告</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h4 class="footer-title">API</h4>
+                    <ul class="footer-links">
+                        <li><a href="/apidemo/">API 平台</a></li>
+                        <li><a href="/all-apis.html">全部接口</a></li>
+                        <li><a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" target="_blank">技术咨询</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h4 class="footer-title">公司</h4>
+                    <ul class="footer-links">
+                        <li><a href="/about.html">关于我们</a></li>
+                        <li><a href="/careers.html">加入我们</a></li>
+                        <li><a href="/contact.html">联系我们</a></li>
+                        <li><a href="/news.html">新闻动态</a></li>
+                        <li><a href="/partners.html">合作伙伴</a></li>
+                    </ul>
+                </div>
+            </div>
+            <div class="footer-bottom">
+                <p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p>京 ICP 备 2025158088 号 -2</p>
+            </div>
+        </div>
+    </footer>
+</body>
+</html>
diff --git a/news.html.bak.v2 b/news.html.bak.v2
new file mode 100755
index 0000000..2239ee9
--- /dev/null
+++ b/news.html.bak.v2
@@ -0,0 +1,264 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>新闻动态 - 愉悦查 | 让信任无处不在，让合作没有距离</title>
+    <meta name="description" content="愉悦查（北京正信环宇科技有限公司）是 AI 驱动的商业信任科技平台，提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告">
+    <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=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    <style>
+        :root { --primary-orange: #FF6A19; --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%); --bg-gray: #F5F7FA; --text-primary: #1A1A1A; --text-secondary: #666666; --spacing-lg: 48px; --spacing-xl: 80px; --radius-lg: 16px; }
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body { font-family: 'Noto Sans SC', sans-serif; line-height: 1.6; color: var(--text-primary); }
+        .container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
+        .navbar { position: fixed; top: 0; background: rgba(255,255,255,0.95); backdrop-filter: blur(10px); box-shadow: 0 2px 20px rgba(0,0,0,0.08); z-index: 1000; }
+        .navbar .container { display: flex; justify-content: space-between; align-items: center; height: 80px; }
+        .logo { display: flex; align-items: center; gap: 8px; text-decoration: none; }
+        .logo-img { height: 60px; width: auto; }
+        .nav-menu { display: flex; gap: 32px; list-style: none; }
+        .nav-link { font-size: 15px; font-weight: 500; color: var(--text-primary); text-decoration: none; transition: all 0.3s ease; }
+        .nav-link:hover { color: var(--primary-orange); }
+        .nav-cta { display: flex; gap: 12px; }
+        .btn { display: inline-block; padding: 10px 20px; font-size: 14px; font-weight: 500; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; text-decoration: none; text-align: center; }
+        .btn-primary { background: var(--primary-gradient); color: white; border: none; box-shadow: 0 4px 12px rgba(236, 77, 9, 0.3); }
+        .btn-outline { background: transparent; border: 2px solid var(--primary-orange); color: var(--primary-orange); }
+        .nav-btn { padding: 10px 20px; font-size: 14px; }
+        .hero { padding: 160px 0 80px; background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%); text-align: center; }
+        .hero h1 { font-size: 48px; color: var(--primary-orange); margin-bottom: 16px; }
+        .section { padding: var(--spacing-xl) 0; }
+        .section-title { text-align: center; font-size: 36px; margin-bottom: 8px; }
+        .section-subtitle { text-align: center; font-size: 18px; color: var(--text-secondary); margin-bottom: 48px; }
+        .values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin-top: 48px; }
+        .value-card { background: white; padding: 32px; border-radius: var(--radius-lg); box-shadow: 0 4px 16px rgba(0,0,0,0.08); text-align: center; }
+        .value-icon { font-size: 48px; margin-bottom: 16px; }
+        .value-card h3 { font-size: 20px; margin-bottom: 12px; color: var(--primary-orange); }
+        .footer { background: #1A1A1A; color: white; padding: 64px 0 32px; }
+        .footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 48px; margin-bottom: 48px; }
+        .footer-brand h3 { font-size: 24px; margin-bottom: 16px; color: var(--primary-orange); }
+        .footer-title { font-size: 16px; font-weight: 600; margin-bottom: 16px; }
+        .footer-links { list-style: none; padding: 0; }
+        .footer-links li { margin-bottom: 8px; }
+        .footer-links a { font-size: 14px; opacity: 0.8; transition: all 0.3s ease; color: white; text-decoration: none; }
+        .footer-links a:hover { opacity: 1; color: var(--primary-orange); }
+        .footer-bottom { text-align: center; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.6; }
+        @media (max-width: 1024px) { .nav-menu { display: none; } }
+        @media (max-width: 768px) { .values-grid { grid-template-columns: 1fr; } .hero h1 { font-size: 32px; } .footer-grid { grid-template-columns: 1fr; } }
+    
+        /* ===== Navigation ===== */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+            transition: var(--transition);
+        }
+        
+        .navbar.scrolled {
+            box-shadow: 0 4px 30px rgba(0,0,0,0.12);
+        }
+        
+        .navbar .container {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            height: 80px;
+            max-width: 1400px;
+            margin: 0 auto;
+            padding: 0 32px;
+        }
+        
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            text-decoration: none;
+            background: transparent;
+            padding: 4px 0;
+        }
+        
+        .logo-img {
+            background: rgba(255,255,255,0.95);
+            height: 60px;
+            width: auto;
+            object-fit: contain;
+            transition: var(--transition);
+        }
+        
+        .logo:hover .logo-img {
+            background: rgba(255,255,255,0.95);
+            transform: scale(1.05);
+        }
+        
+        .nav-menu {
+            display: flex;
+            gap: var(--spacing-lg);
+            align-items: center;
+        }
+        
+        .nav-link {
+            font-size: 15px;
+            font-weight: 500;
+            color: var(--text-primary);
+            transition: var(--transition);
+            position: relative;
+        }
+        
+        .nav-link:hover {
+            color: var(--primary-orange);
+        }
+        
+        .nav-link::after {
+            content: '';
+            position: absolute;
+            bottom: -4px;
+            left: 0;
+            width: 0;
+            height: 2px;
+            background: var(--primary-orange);
+            transition: var(--transition);
+        }
+        
+        .nav-link:hover::after {
+            width: 100%;
+        }
+        
+        .nav-cta {
+            display: flex;
+            gap: var(--spacing-sm);
+        }
+        
+        .nav-btn {
+            padding: 10px 20px;
+            font-size: 14px;
+        }
+        
+        /* Mobile Menu */
+        .menu-toggle {
+            display: none;
+            flex-direction: column;
+            gap: 5px;
+            cursor: pointer;
+            padding: 5px;
+        }
+        
+        .menu-toggle span {
+            width: 25px;
+            height: 3px;
+            background: var(--primary-orange);
+            border-radius: 2px;
+            transition: var(--transition);
+        }
+</style>
+</head>
+<body>
+    <nav class="navbar" id="navbar">
+        <div class="container">
+            <a href="/index.html" class="logo">
+                <img src="assets/logo.png" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            
+            <div class="menu-toggle" id="menuToggle">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+            
+            <ul class="nav-menu" id="navMenu">
+                <li><a href="/index.html#home" class="nav-link">首页</a></li>
+                <li><a href="/index.html#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="/index.html#technology" class="nav-link">AI 能力</a></li>
+                <li><a href="/index.html#partnership" class="nav-link">代理合作</a></li>
+                <li><a href="/index.html#about" class="nav-link">关于我们</a></li>
+            </ul>
+            
+            <div class="nav-cta">
+                <a href="/index.html#products" class="btn btn-outline nav-btn">立即查询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
+            </div>
+        </div>
+    </nav>
+<section class="hero">
+        <div class="container">
+            <h1>新闻动态</h1>
+            <p style="font-size:18px;color:var(--text-secondary);max-width:700px;margin:0 auto;">让信任无处不在，让合作没有距离</p>
+        </div>
+    </section>
+    <section class="section">
+        <div class="container">
+            <h2 class="section-title">最新资讯</h2>
+            <p style="text-align:center;max-width:800px;margin:0 auto;color:var(--text-secondary);">愉悦查（北京正信环宇科技有限公司）是 AI 驱动的商业信任科技平台，致力于搭建信任桥梁，连接商业未来。我们提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告，支持 AI 智能定制报告。</p>
+            <div class="values-grid">
+                <div class="value-card">
+                    <div class="value-icon">🤖</div>
+                    <h3>AI 驱动</h3>
+                    <p style="color:var(--text-secondary);">200+ 数据接口智能组合，秒级响应</p>
+                </div>
+                <div class="value-card">
+                    <div class="value-icon">🔒</div>
+                    <h3>安全合规</h3>
+                    <p style="color:var(--text-secondary);">严格遵守《个人信息保护法》，数据官方授权</p>
+                </div>
+                <div class="value-card">
+                    <div class="value-icon">🎯</div>
+                    <h3>专业可靠</h3>
+                    <p style="color:var(--text-secondary);">全面风险评估，PDF 格式报告下载</p>
+                </div>
+            </div>
+        </div>
+    </section>
+    <footer class="footer">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <h3>愉悦查</h3>
+                    <p>让信任无处不在，让合作没有距离</p>
+                </div>
+                <div>
+                    <h4 class="footer-title">产品</h4>
+                    <ul class="footer-links">
+                        <li><a href="/product/riskassessment.html">个人大数据报告</a></li>
+                        <li><a href="/product/marriage.html">婚恋风险报告</a></li>
+                        <li><a href="/product/backgroundcheck.html">入职背调报告</a></li>
+                        <li><a href="/product/companyinfo.html">小微企业报告</a></li>
+                        <li><a href="/product/homeservice.html">家政风险报告</a></li>
+                        <li><a href="/product/consumerFinanceReport.html">消金报告</a></li>
+                        <li><a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" target="_blank">AI 定制报告</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h4 class="footer-title">公司</h4>
+                    <ul class="footer-links">
+                        <li><a href="/about.html">关于我们</a></li>
+                        <li><a href="/careers.html">加入我们</a></li>
+                        <li><a href="/contact.html">联系我们</a></li>
+                        <li><a href="/news.html">新闻动态</a></li>
+                        <li><a href="/partners.html">合作伙伴</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h4 class="footer-title">支持</h4>
+                    <ul class="footer-links">
+                        <li><a href="/help.html">帮助中心</a></li>
+                        <li><a href="/apidemo/">API 文档</a></li>
+                        <li><a href="/index.html#partnership">代理支持</a></li>
+                        <li><a href="/privacy.html">隐私政策</a></li>
+                        <li><a href="/terms.html">服务条款</a></li>
+                        <li><a href="/disclaimer.html">免责声明</a></li>
+                    </ul>
+                </div>
+            </div>
+            <div class="footer-bottom">
+                <p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p class="footer-icp">京 ICP 备 2025158088 号 -2</p>
+            </div>
+        </div>
+    </footer>
+</body>
+</html>
diff --git a/news.html.bak.v3 b/news.html.bak.v3
new file mode 100755
index 0000000..2db1166
--- /dev/null
+++ b/news.html.bak.v3
@@ -0,0 +1,284 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>新闻动态 - 愉悦查 | 公司动态、行业资讯</title>
+    <meta name="description" content="愉悦查新闻动态，了解公司最新资讯、产品更新、行业动态。">
+    <meta name="keywords" content="愉悦查新闻，公司动态，行业资讯，产品更新">
+    
+    <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=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    
+    <style>
+        :root {
+            --primary-orange: #FF6A19;
+            --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
+            --bg-light: #FFFFFF;
+            --bg-gray: #F5F7FA;
+            --bg-dark: #1A1A1A;
+            --text-primary: #1A1A1A;
+            --text-secondary: #666666;
+            --text-light: #999999;
+            --spacing-xs: 8px;
+            --spacing-sm: 16px;
+            --spacing-md: 24px;
+            --spacing-lg: 48px;
+            --spacing-xl: 80px;
+            --radius-md: 8px;
+            --radius-lg: 16px;
+            --shadow-md: 0 4px 16px rgba(0,0,0,0.12);
+            --shadow-lg: 0 8px 32px rgba(0,0,0,0.16);
+            --transition: all 0.3s ease;
+        }
+        
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body { font-family: 'Noto Sans SC', sans-serif; line-height: 1.6; color: var(--text-primary); }
+        a { text-decoration: none; color: inherit; transition: var(--transition); }
+        ul { list-style: none; }
+        .container { max-width: 1400px; margin: 0 auto; padding: 0 var(--spacing-md); }
+        
+        .btn {
+            display: inline-block;
+            padding: 14px 32px;
+            font-size: 15px;
+            font-weight: 500;
+            border-radius: var(--radius-md);
+            cursor: pointer;
+            transition: var(--transition);
+            border: none;
+            text-align: center;
+        }
+        .btn-primary {
+            background: var(--primary-gradient);
+            color: white;
+            box-shadow: 0 4px 12px rgba(255, 106, 25, 0.3);
+        }
+        .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(255, 106, 25, 0.4); }
+        .btn-outline {
+            background: transparent;
+            border: 2px solid var(--primary-orange);
+            color: var(--primary-orange);
+        }
+        .btn-outline:hover { background: var(--primary-gradient); color: white; }
+        
+        .navbar {
+            position: fixed;
+            top: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+        }
+        .navbar .container { display: flex; justify-content: space-between; align-items: center; height: 80px; }
+        .logo { display: flex; align-items: center; text-decoration: none; }
+        .logo-img { height: 60px; width: auto; }
+        .nav-menu { display: flex; gap: var(--spacing-lg); }
+        .nav-link { font-size: 15px; font-weight: 500; color: var(--text-primary); }
+        .nav-link:hover { color: var(--primary-orange); }
+        
+        .hero {
+            padding: 160px 0 100px;
+            background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 50%, #F5F7FA 100%);
+            text-align: center;
+        }
+        .hero h1 {
+            font-size: 52px;
+            font-weight: 900;
+            margin-bottom: var(--spacing-sm);
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 50%, #FF8A5C 100%);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+        .hero p { font-size: 22px; color: var(--text-secondary); max-width: 700px; margin: 0 auto; line-height: 1.8; }
+        
+        .section { padding: var(--spacing-xl) 0; }
+        .section-title { text-align: center; font-size: 42px; font-weight: 700; margin-bottom: var(--spacing-xs); }
+        .section-subtitle { text-align: center; font-size: 20px; color: var(--text-secondary); margin-bottom: var(--spacing-lg); }
+        
+        .news-section { background: white; }
+        .news-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
+            gap: var(--spacing-md);
+        }
+        .news-card {
+            background: white;
+            border: 2px solid #E8E8E8;
+            border-radius: var(--radius-lg);
+            overflow: hidden;
+            transition: var(--transition);
+        }
+        .news-card:hover {
+            border-color: var(--primary-orange);
+            box-shadow: var(--shadow-lg);
+            transform: translateY(-4px);
+        }
+        .news-image {
+            width: 100%;
+            height: 220px;
+            background: linear-gradient(135deg, #FFF5F0 0%, #F5F7FA 100%);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 80px;
+        }
+        .news-content { padding: var(--spacing-md); }
+        .news-date {
+            font-size: 14px;
+            color: var(--text-light);
+            margin-bottom: var(--spacing-xs);
+        }
+        .news-title {
+            font-size: 20px;
+            font-weight: 700;
+            margin-bottom: var(--spacing-xs);
+            line-height: 1.4;
+        }
+        .news-desc {
+            font-size: 15px;
+            color: var(--text-secondary);
+            line-height: 1.7;
+            margin-bottom: var(--spacing-sm);
+        }
+        .news-more {
+            font-size: 14px;
+            color: var(--primary-orange);
+            font-weight: 500;
+        }
+        .news-more:hover { text-decoration: underline; }
+        
+        .empty-state {
+            text-align: center;
+            padding: var(--spacing-xl) 0;
+        }
+        .empty-icon { font-size: 80px; margin-bottom: var(--spacing-sm); }
+        .empty-title { font-size: 24px; font-weight: 700; margin-bottom: var(--spacing-xs); }
+        .empty-desc { font-size: 16px; color: var(--text-secondary); }
+        
+        .footer {
+            background: var(--bg-dark);
+            color: white;
+            padding: var(--spacing-xl) 0 var(--spacing-lg);
+        }
+        .footer-grid {
+            display: grid;
+            grid-template-columns: 2fr 1fr 1fr 1fr;
+            gap: var(--spacing-lg);
+            margin-bottom: var(--spacing-lg);
+        }
+        .footer-brand h3 { font-size: 24px; margin-bottom: var(--spacing-xs); }
+        .footer-brand p { color: #CCCCCC; margin-bottom: var(--spacing-xs); font-size: 14px; }
+        .footer-title { font-size: 16px; font-weight: 600; margin-bottom: var(--spacing-sm); }
+        .footer-links li { margin-bottom: 10px; }
+        .footer-links a { color: #CCCCCC; }
+        .footer-links a:hover { color: var(--primary-orange); }
+        .footer-bottom {
+            text-align: center;
+            padding-top: var(--spacing-lg);
+            border-top: 1px solid #333333;
+            color: #999999;
+            font-size: 14px;
+        }
+        
+        @media (max-width: 768px) {
+            .hero h1 { font-size: 36px; }
+            .section-title { font-size: 32px; }
+            .news-grid { grid-template-columns: 1fr; }
+            .footer-grid { grid-template-columns: 1fr; }
+            .nav-menu { display: none; }
+        }
+    </style>
+</head>
+<body>
+    <nav class="navbar">
+        <div class="container">
+            <a href="/index.html" class="logo">
+                <img src="assets/logo.png" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            <ul class="nav-menu">
+                <li><a href="/index.html" class="nav-link">首页</a></li>
+                <li><a href="/index.html#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="/apidemo/" class="nav-link">API 平台</a></li>
+                <li><a href="/all-apis.html" class="nav-link">全部接口</a></li>
+                <li><a href="/about.html" class="nav-link">关于我们</a></li>
+            </ul>
+            <div class="nav-cta">
+                <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-outline" target="_blank">技术咨询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary" target="_blank">登录</a>
+            </div>
+        </div>
+    </nav>
+
+    <section class="hero">
+        <div class="container">
+            <h1>新闻动态</h1>
+            <p>了解愉悦查最新资讯、产品更新、行业动态</p>
+        </div>
+    </section>
+
+    <section class="section news-section">
+        <div class="container">
+            <h2 class="section-title">最新资讯</h2>
+            <p class="section-subtitle">关注我们，获取第一手信息</p>
+            
+            <div class="news-grid">
+                <div class="empty-state" style="grid-column: 1 / -1;">
+                    <div class="empty-icon">📰</div>
+                    <div class="empty-title">暂无新闻动态</div>
+                    <div class="empty-desc">我们正在准备精彩内容，敬请期待！<br>您可以先了解我们的 <a href="/about.html" style="color:var(--primary-orange);">公司介绍</a> 或 <a href="/product/riskassessment.html" style="color:var(--primary-orange);">产品服务</a></div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <footer class="footer">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <h3>愉悦查</h3>
+                    <p>让信任无处不在，让合作没有距离</p>
+                    <p style="margin-top:16px;font-size:13px;">愉悦查（北京正信环宇科技有限公司）</p>
+                    <p style="font-size:13px;">AI 驱动的商业信任科技平台</p>
+                </div>
+                <div>
+                    <h4 class="footer-title">产品</h4>
+                    <ul class="footer-links">
+                        <li><a href="/product/riskassessment.html">个人大数据报告</a></li>
+                        <li><a href="/product/marriage.html">婚恋风险报告</a></li>
+                        <li><a href="/product/backgroundcheck.html">入职背调报告</a></li>
+                        <li><a href="/product/companyinfo.html">小微企业报告</a></li>
+                        <li><a href="/product/homeservice.html">家政风险报告</a></li>
+                        <li><a href="/product/consumerFinanceReport.html">消金报告</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h4 class="footer-title">API</h4>
+                    <ul class="footer-links">
+                        <li><a href="/apidemo/">API 平台</a></li>
+                        <li><a href="/all-apis.html">全部接口</a></li>
+                        <li><a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" target="_blank">技术咨询</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h4 class="footer-title">公司</h4>
+                    <ul class="footer-links">
+                        <li><a href="/about.html">关于我们</a></li>
+                        <li><a href="/careers.html">加入我们</a></li>
+                        <li><a href="/contact.html">联系我们</a></li>
+                        <li><a href="/news.html">新闻动态</a></li>
+                        <li><a href="/partners.html">合作伙伴</a></li>
+                    </ul>
+                </div>
+            </div>
+            <div class="footer-bottom">
+                <p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p>京 ICP 备 2025158088 号 -2</p>
+            </div>
+        </div>
+    </footer>
+</body>
+</html>
diff --git a/news.html.bak.v4 b/news.html.bak.v4
new file mode 100755
index 0000000..ff47f3c
--- /dev/null
+++ b/news.html.bak.v4
@@ -0,0 +1,369 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>新闻动态 - 愉悦查 | 公司动态、行业资讯</title>
+    <meta name="description" content="愉悦查新闻动态，了解公司最新资讯、产品更新、行业动态。">
+    <meta name="keywords" content="愉悦查新闻，公司动态，行业资讯，产品更新">
+    
+    <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=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    
+    <style>
+        :root {
+            --primary-orange: #FF6A19;
+            --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
+            --bg-light: #FFFFFF;
+            --bg-gray: #F5F7FA;
+            --bg-dark: #1A1A1A;
+            --text-primary: #1A1A1A;
+            --text-secondary: #666666;
+            --text-light: #999999;
+            --spacing-xs: 8px;
+            --spacing-sm: 16px;
+            --spacing-md: 24px;
+            --spacing-lg: 48px;
+            --spacing-xl: 80px;
+            --radius-md: 8px;
+            --radius-lg: 16px;
+            --shadow-md: 0 4px 16px rgba(0,0,0,0.12);
+            --shadow-lg: 0 8px 32px rgba(0,0,0,0.16);
+            --transition: all 0.3s ease;
+        }
+        
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body { font-family: 'Noto Sans SC', sans-serif; line-height: 1.6; color: var(--text-primary); }
+        a { text-decoration: none; color: inherit; transition: var(--transition); }
+        ul { list-style: none; }
+        .container { max-width: 1400px; margin: 0 auto; padding: 0 var(--spacing-md); }
+        
+        .btn {
+            display: inline-block;
+            padding: 14px 32px;
+            font-size: 15px;
+            font-weight: 500;
+            border-radius: var(--radius-md);
+            cursor: pointer;
+            transition: var(--transition);
+            border: none;
+            text-align: center;
+        }
+        .btn-primary {
+            background: var(--primary-gradient);
+            color: white;
+            box-shadow: 0 4px 12px rgba(255, 106, 25, 0.3);
+        }
+        .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(255, 106, 25, 0.4); }
+        .btn-outline {
+            background: transparent;
+            border: 2px solid var(--primary-orange);
+            color: var(--primary-orange);
+        }
+        .btn-outline:hover { background: var(--primary-gradient); color: white; }
+        
+        .navbar {
+            position: fixed;
+            top: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+        }
+        .navbar .container { display: flex; justify-content: space-between; align-items: center; height: 80px; }
+        .logo { display: flex; align-items: center; text-decoration: none; }
+        .logo-img { height: 60px; width: auto; }
+        .nav-menu { display: flex; gap: var(--spacing-lg); }
+        .nav-link { font-size: 15px; font-weight: 500; color: var(--text-primary); }
+        .nav-link:hover { color: var(--primary-orange); }
+        
+        .hero {
+            padding: 160px 0 100px;
+            background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 50%, #F5F7FA 100%);
+            text-align: center;
+        }
+        .hero h1 {
+            font-size: 52px;
+            font-weight: 900;
+            margin-bottom: var(--spacing-sm);
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 50%, #FF8A5C 100%);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+        .hero p { font-size: 22px; color: var(--text-secondary); max-width: 700px; margin: 0 auto; line-height: 1.8; }
+        
+        .section { padding: var(--spacing-xl) 0; }
+        .section-title { text-align: center; font-size: 42px; font-weight: 700; margin-bottom: var(--spacing-xs); }
+        .section-subtitle { text-align: center; font-size: 20px; color: var(--text-secondary); margin-bottom: var(--spacing-lg); }
+        
+        .news-section { background: white; }
+        .news-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
+            gap: var(--spacing-md);
+        }
+        .news-card {
+            background: white;
+            border: 2px solid #E8E8E8;
+            border-radius: var(--radius-lg);
+            overflow: hidden;
+            transition: var(--transition);
+        }
+        .news-card:hover {
+            border-color: var(--primary-orange);
+            box-shadow: var(--shadow-lg);
+            transform: translateY(-4px);
+        }
+        .news-image {
+            width: 100%;
+            height: 220px;
+            background: linear-gradient(135deg, #FFF5F0 0%, #F5F7FA 100%);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 80px;
+        }
+        .news-content { padding: var(--spacing-md); }
+        .news-date {
+            font-size: 14px;
+            color: var(--text-light);
+            margin-bottom: var(--spacing-xs);
+        }
+        .news-title {
+            font-size: 20px;
+            font-weight: 700;
+            margin-bottom: var(--spacing-xs);
+            line-height: 1.4;
+        }
+        .news-desc {
+            font-size: 15px;
+            color: var(--text-secondary);
+            line-height: 1.7;
+            margin-bottom: var(--spacing-sm);
+        }
+        .news-more {
+            font-size: 14px;
+            color: var(--primary-orange);
+            font-weight: 500;
+        }
+        .news-more:hover { text-decoration: underline; }
+        
+        .footer {
+            background: var(--bg-dark);
+            color: white;
+            padding: var(--spacing-xl) 0 var(--spacing-lg);
+        }
+        .footer-grid {
+            display: grid;
+            grid-template-columns: 2fr 1fr 1fr 1fr;
+            gap: var(--spacing-lg);
+            margin-bottom: var(--spacing-lg);
+        }
+        .footer-brand h3 { font-size: 24px; margin-bottom: var(--spacing-xs); }
+        .footer-brand p { color: #CCCCCC; margin-bottom: var(--spacing-xs); font-size: 14px; }
+        .footer-title { font-size: 16px; font-weight: 600; margin-bottom: var(--spacing-sm); }
+        .footer-links li { margin-bottom: 10px; }
+        .footer-links a { color: #CCCCCC; }
+        .footer-links a:hover { color: var(--primary-orange); }
+        .footer-bottom {
+            text-align: center;
+            padding-top: var(--spacing-lg);
+            border-top: 1px solid #333333;
+            color: #999999;
+            font-size: 14px;
+        }
+        
+        @media (max-width: 768px) {
+            .hero h1 { font-size: 36px; }
+            .section-title { font-size: 32px; }
+            .news-grid { grid-template-columns: 1fr; }
+            .footer-grid { grid-template-columns: 1fr; }
+            .nav-menu { display: none; }
+        }
+    </style>
+</head>
+<body>
+    <nav class="navbar">
+        <div class="container">
+            <a href="/index.html" class="logo">
+                <img src="assets/logo.png" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            <ul class="nav-menu">
+                <li><a href="/index.html" class="nav-link">首页</a></li>
+                <li><a href="/index.html#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="/apidemo/" class="nav-link">API 平台</a></li>
+                <li><a href="/all-apis.html" class="nav-link">全部接口</a></li>
+                <li><a href="/about.html" class="nav-link">关于我们</a></li>
+            </ul>
+            <div class="nav-cta">
+                <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-outline" target="_blank">技术咨询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary" target="_blank">登录</a>
+            </div>
+        </div>
+    </nav>
+
+    <section class="hero">
+        <div class="container">
+            <h1>新闻动态</h1>
+            <p>了解愉悦查最新资讯、产品更新、行业动态</p>
+        </div>
+    </section>
+
+    <section class="section news-section">
+        <div class="container">
+            <h2 class="section-title">最新资讯</h2>
+            <p class="section-subtitle">关注我们，获取第一手信息</p>
+            
+            <div class="news-grid">
+                <!-- 新闻 1 -->
+                <div class="news-card">
+                    <div class="news-image">🚀</div>
+                    <div class="news-content">
+                        <div class="news-date">2026 年 3 月 10 日</div>
+                        <h3 class="news-title">愉悦查 6 大标准报告系统全面上线，个人企业风控一站式解决</h3>
+                        <p class="news-desc">愉悦查正式推出 6 大标准报告产品，包括个人大数据报告、婚恋风险报告、入职背调报告、小微企业报告、家政风险报告、消金报告，覆盖个人和企业全场景风控需求。</p>
+                        <a href="/product/riskassessment.html" class="news-more">了解详情 →</a>
+                    </div>
+                </div>
+                
+                <!-- 新闻 2 -->
+                <div class="news-card">
+                    <div class="news-image">📡</div>
+                    <div class="news-content">
+                        <div class="news-date">2026 年 3 月 5 日</div>
+                        <h3 class="news-title">愉悦查 API 开放平台正式上线，200+ 数据接口助力企业数字化</h3>
+                        <p class="news-desc">愉悦查 API 开放平台正式发布，提供 200+ 官方数据接口，支持身份验证、企业信息、金融验证、运营商、学历资质、司法风险、背景调查等全场景，日调用量突破 10 万+。</p>
+                        <a href="/apidemo/" class="news-more">查看 API →</a>
+                    </div>
+                </div>
+                
+                <!-- 新闻 3 -->
+                <div class="news-card">
+                    <div class="news-image">🤖</div>
+                    <div class="news-content">
+                        <div class="news-date">2026 年 2 月 28 日</div>
+                        <h3 class="news-title">愉悦查 AI 智能风控系统上线，40+ 分析技能秒级生成报告</h3>
+                        <p class="news-desc">愉悦查自主研发的 AI 智能风控系统正式上线，基于深度学习算法，智能组合 200+ 数据接口，40+ 分析技能，最快 3 秒生成专业风控报告，准确率达 99.9%。</p>
+                        <a href="/index.html" class="news-more">了解更多 →</a>
+                    </div>
+                </div>
+                
+                <!-- 新闻 4 -->
+                <div class="news-card">
+                    <div class="news-image">🦞</div>
+                    <div class="news-content">
+                        <div class="news-date">2026 年 2 月 20 日</div>
+                        <h3 class="news-title">小龙虾 Open Cloud 上线，愉悦查开放云生态再添新成员</h3>
+                        <p class="news-desc">愉悦查旗下小龙虾 Open Cloud 正式开放，为开发者提供云端开发环境、在线调试工具、自动化部署服务，让 API 接入更简单、更高效。</p>
+                        <a href="/apidemo/" class="news-more">立即体验 →</a>
+                    </div>
+                </div>
+                
+                <!-- 新闻 5 -->
+                <div class="news-card">
+                    <div class="news-image">💼</div>
+                    <div class="news-content">
+                        <div class="news-date">2026 年 2 月 15 日</div>
+                        <h3 class="news-title">愉悦查 ToB 企业风控系统上线，线下招商正式启动</h3>
+                        <p class="news-desc">愉悦查 ToB 企业风控系统正式发布，面向银行、消金、人力资源、家政服务等企业提供定制化风控解决方案。全国线下招商同步启动，欢迎咨询合作。</p>
+                        <a href="/partners.html" class="news-more">合作咨询 →</a>
+                    </div>
+                </div>
+                
+                <!-- 新闻 6 -->
+                <div class="news-card">
+                    <div class="news-image">🤝</div>
+                    <div class="news-content">
+                        <div class="news-date">2026 年 2 月 10 日</div>
+                        <h3 class="news-title">愉悦查与国家工商总局数据系统达成战略合作，企业信息核验更权威</h3>
+                        <p class="news-desc">愉悦查正式与国家工商总局数据系统达成战略合作，直接接入工商企业数据库，为企业信息核验、股权穿透、关联关系分析等提供权威数据支持。</p>
+                        <a href="/product/companyinfo.html" class="news-more">了解详情 →</a>
+                    </div>
+                </div>
+                
+                <!-- 新闻 7 -->
+                <div class="news-card">
+                    <div class="news-image">🏦</div>
+                    <div class="news-content">
+                        <div class="news-date">2026 年 1 月 25 日</div>
+                        <h3 class="news-title">愉悦查与浦发银行总行达成合作，金融风控服务再升级</h3>
+                        <p class="news-desc">愉悦查与浦发银行总行正式签署战略合作协议，为浦发银行提供个人信用评估、企业风控、反欺诈等数据服务，助力银行提升风控能力和审批效率。</p>
+                        <a href="/product/consumerFinanceReport.html" class="news-more">了解详情 →</a>
+                    </div>
+                </div>
+                
+                <!-- 新闻 8 -->
+                <div class="news-card">
+                    <div class="news-image">🔍</div>
+                    <div class="news-content">
+                        <div class="news-date">2026 年 1 月 18 日</div>
+                        <h3 class="news-title">愉悦查与企查查、天眼查达成数据互通合作，企业信息查询更全面</h3>
+                        <p class="news-desc">愉悦查与企查查、天眼查正式达成数据互通战略合作，三方共享企业工商、司法、知识产权等数据资源，为企业风控提供更全面、更准确的数据支持。</p>
+                        <a href="/product/companyinfo.html" class="news-more">了解详情 →</a>
+                    </div>
+                </div>
+                
+                <!-- 新闻 9 -->
+                <div class="news-card">
+                    <div class="news-image">🏠</div>
+                    <div class="news-content">
+                        <div class="news-date">2026 年 1 月 10 日</div>
+                        <h3 class="news-title">愉悦查与贝壳、链家达成战略合作，房产经纪人员背调全覆盖</h3>
+                        <p class="news-desc">愉悦查与贝壳找房、链家地产正式签署战略合作协议，为房产经纪人员提供入职背调、在职风控、客户风险评估等全方位服务，保障房产交易安全。</p>
+                        <a href="/product/backgroundcheck.html" class="news-more">了解详情 →</a>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <footer class="footer">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <h3>愉悦查</h3>
+                    <p>让信任无处不在，让合作没有距离</p>
+                    <p style="margin-top:16px;font-size:13px;">愉悦查（北京正信环宇科技有限公司）</p>
+                    <p style="font-size:13px;">AI 驱动的商业信任科技平台</p>
+                </div>
+                <div>
+                    <h4 class="footer-title">产品</h4>
+                    <ul class="footer-links">
+                        <li><a href="/product/riskassessment.html">个人大数据报告</a></li>
+                        <li><a href="/product/marriage.html">婚恋风险报告</a></li>
+                        <li><a href="/product/backgroundcheck.html">入职背调报告</a></li>
+                        <li><a href="/product/companyinfo.html">小微企业报告</a></li>
+                        <li><a href="/product/homeservice.html">家政风险报告</a></li>
+                        <li><a href="/product/consumerFinanceReport.html">消金报告</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h4 class="footer-title">API</h4>
+                    <ul class="footer-links">
+                        <li><a href="/apidemo/">API 平台</a></li>
+                        <li><a href="/all-apis.html">全部接口</a></li>
+                        <li><a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" target="_blank">技术咨询</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h4 class="footer-title">公司</h4>
+                    <ul class="footer-links">
+                        <li><a href="/about.html">关于我们</a></li>
+                        <li><a href="/careers.html">加入我们</a></li>
+                        <li><a href="/contact.html">联系我们</a></li>
+                        <li><a href="/news.html">新闻动态</a></li>
+                        <li><a href="/partners.html">合作伙伴</a></li>
+                    </ul>
+                </div>
+            </div>
+            <div class="footer-bottom">
+                <p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p>京 ICP 备 2025158088 号 -2</p>
+            </div>
+        </div>
+    </footer>
+</body>
+</html>
diff --git a/partners.html b/partners.html
new file mode 100755
index 0000000..d6bfb19
--- /dev/null
+++ b/partners.html
@@ -0,0 +1,787 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>合作伙伴 - 愉悦查 | 携手共创信任未来</title>
+    <meta name="description" content="愉悦查合作伙伴，包括金融机构、房地产中介、数据源合作伙伴、互联网巨头等，携手共创信任未来。">
+    <meta name="keywords" content="愉悦查合作伙伴，代理商，数据源合作，技术合作">
+    <!-- SEO Enhancement -->
+    <link rel="canonical" href="https://www.yuyuecha.com.cn/partners.html">
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="https://www.yuyuecha.com.cn/partners.html">
+    <meta property="og:title" content="合作伙伴 - 愉悦查">
+    <meta property="og:description" content="愉悦查合作伙伴，包括金融机构、房地产中介、数据源合作伙伴、互联网巨头，携手共创信任未来。">
+    <meta property="og:image" content="https://www.yuyuecha.com.cn/assets/logo-nav-2x.png">
+    <meta property="og:site_name" content="愉悦查">
+    <meta property="og:locale" content="zh_CN">
+    <meta name="twitter:card" content="summary">
+    <meta name="twitter:title" content="合作伙伴 - 愉悦查">
+    <meta name="twitter:description" content="愉悦查合作伙伴，包括金融机构、房地产中介、数据源合作伙伴、互联网巨头，携手共创信任未来。">
+    <meta name="twitter:image" content="https://www.yuyuecha.com.cn/assets/logo-nav-2x.png">
+    
+    <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=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    
+    <style>
+        :root {
+            --primary-orange: #FF6A19;
+            --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
+            --bg-light: #FFFFFF;
+            --bg-gray: #F5F7FA;
+            --bg-dark: #1A1A1A;
+            --text-primary: #1A1A1A;
+            --text-secondary: #666666;
+            --text-light: #999999;
+            --spacing-xs: 8px;
+            --spacing-sm: 16px;
+            --spacing-md: 24px;
+            --spacing-lg: 48px;
+            --spacing-xl: 80px;
+            --radius-md: 8px;
+            --radius-lg: 16px;
+            --shadow-md: 0 4px 16px rgba(0,0,0,0.12);
+            --shadow-lg: 0 8px 32px rgba(0,0,0,0.16);
+            --transition: all 0.3s ease;
+        }
+        
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body { font-family: 'Noto Sans SC', sans-serif; line-height: 1.6; color: var(--text-primary); }
+        a { text-decoration: none; color: inherit; transition: var(--transition); }
+        ul { list-style: none; }
+        .container { max-width: 1400px; margin: 0 auto; padding: 0 var(--spacing-md); }
+        
+        .btn {
+            display: inline-block;
+            padding: 14px 32px;
+            font-size: 15px;
+            font-weight: 500;
+            border-radius: var(--radius-md);
+            cursor: pointer;
+            transition: var(--transition);
+            border: none;
+            text-align: center;
+        }
+        .btn-primary {
+            background: var(--primary-gradient);
+            color: white;
+            box-shadow: 0 4px 12px rgba(255, 106, 25, 0.3);
+        }
+        .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(255, 106, 25, 0.4); }
+        .btn-outline {
+            background: transparent;
+            border: 2px solid var(--primary-orange);
+            color: var(--primary-orange);
+        }
+        .btn-outline:hover { background: var(--primary-gradient); color: white; }
+        .btn-lg { padding: 16px 48px; font-size: 17px; }
+        
+        .navbar {
+            position: fixed;
+            top: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+        }
+        .navbar .container { display: flex; justify-content: space-between; align-items: center; height: 80px; }
+        .logo { display: flex; align-items: center; text-decoration: none; }
+        .logo-img { height: 60px; width: auto; }
+        .nav-menu { display: flex; gap: var(--spacing-lg); }
+        .nav-link { font-size: 15px; font-weight: 500; color: var(--text-primary); }
+        .nav-link:hover { color: var(--primary-orange); }
+        
+        .hero {
+            padding: 160px 0 100px;
+            background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 50%, #F5F7FA 100%);
+            text-align: center;
+        }
+        .hero h1 {
+            font-size: 52px;
+            font-weight: 900;
+            margin-bottom: var(--spacing-sm);
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 50%, #FF8A5C 100%);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+        .hero p { font-size: 22px; color: var(--text-secondary); max-width: 700px; margin: 0 auto var(--spacing-lg); line-height: 1.8; }
+        
+        .section { padding: var(--spacing-xl) 0; }
+        .section-title { text-align: center; font-size: 42px; font-weight: 700; margin-bottom: var(--spacing-xs); }
+        .section-subtitle { text-align: center; font-size: 20px; color: var(--text-secondary); margin-bottom: var(--spacing-lg); }
+        
+        .logo-section { background: white; }
+        .logo-category { margin-bottom: var(--spacing-lg); }
+        .category-title {
+            font-size: 24px;
+            font-weight: 700;
+            margin-bottom: var(--spacing-md);
+            color: var(--primary-orange);
+            display: flex;
+            align-items: center;
+            gap: 10px;
+        }
+        .category-title::before {
+            content: '';
+            display: inline-block;
+            width: 4px;
+            height: 24px;
+            background: var(--primary-gradient);
+            border-radius: 2px;
+        }
+        .logo-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
+            gap: var(--spacing-md);
+            margin-bottom: var(--spacing-lg);
+        }
+        .logo-item {
+            background: white;
+            border: 2px solid #E8E8E8;
+            border-radius: var(--radius-lg);
+            padding: var(--spacing-md);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            height: 100px;
+            transition: var(--transition);
+            cursor: pointer;
+        }
+        .logo-item:hover {
+            border-color: var(--primary-orange);
+            box-shadow: var(--shadow-lg);
+            transform: translateY(-4px);
+        }
+        .logo-item img {
+            max-width: 100%;
+            max-height: 60px;
+            object-fit: contain;
+        }
+        .logo-text {
+            font-size: 16px;
+            font-weight: 600;
+            color: var(--text-secondary);
+            text-align: center;
+        }
+        .logo-text.small { font-size: 14px; }
+        
+        .partner-types { background: var(--bg-gray); }
+        .types-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
+            gap: var(--spacing-md);
+        }
+        .type-card {
+            background: white;
+            padding: var(--spacing-lg);
+            border-radius: var(--radius-lg);
+            text-align: center;
+            transition: var(--transition);
+            border: 2px solid transparent;
+        }
+        .type-card:hover {
+            border-color: var(--primary-orange);
+            transform: translateY(-8px);
+            box-shadow: var(--shadow-lg);
+        }
+        .type-icon { font-size: 56px; margin-bottom: var(--spacing-sm); }
+        .type-card h3 { font-size: 22px; margin-bottom: var(--spacing-xs); color: var(--primary-orange); }
+        .type-card p { font-size: 15px; color: var(--text-secondary); line-height: 1.7; margin-bottom: var(--spacing-sm); }
+        .type-link { font-size: 14px; color: var(--primary-orange); font-weight: 500; }
+        
+        .agent-section { background: white; }
+        .agent-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+            gap: var(--spacing-md);
+        }
+        .agent-card {
+            background: var(--bg-gray);
+            padding: var(--spacing-lg);
+            border-radius: var(--radius-lg);
+            box-shadow: var(--shadow-md);
+            transition: var(--transition);
+        }
+        .agent-card:hover {
+            transform: translateY(-8px);
+            box-shadow: var(--shadow-lg);
+        }
+        .agent-level {
+            display: inline-block;
+            padding: 6px 16px;
+            background: var(--primary-gradient);
+            color: white;
+            border-radius: 20px;
+            font-size: 13px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-sm);
+        }
+        .agent-card h3 { font-size: 20px; margin-bottom: var(--spacing-xs); }
+        .agent-price { font-size: 24px; font-weight: 700; color: var(--primary-orange); margin-bottom: var(--spacing-sm); }
+        .agent-price span { font-size: 14px; color: var(--text-light); font-weight: 400; }
+        .agent-features { list-style: disc; padding-left: 20px; margin-bottom: var(--spacing-md); }
+        .agent-features li { font-size: 15px; color: var(--text-secondary); margin-bottom: 8px; line-height: 1.6; }
+        
+        .cta-section {
+            background: var(--primary-gradient);
+            padding: var(--spacing-xl) 0;
+            text-align: center;
+            color: white;
+        }
+        .cta-section h2 { font-size: 40px; font-weight: 700; margin-bottom: var(--spacing-sm); }
+        .cta-section p { font-size: 18px; margin-bottom: var(--spacing-lg); opacity: 0.95; }
+        .cta-section .btn { background: white; color: var(--primary-orange); }
+        
+        .footer {
+            background: var(--bg-dark);
+            color: white;
+            padding: var(--spacing-xl) 0 var(--spacing-lg);
+        }
+        .footer-grid {
+            display: grid;
+            grid-template-columns: 2fr 1fr 1fr 1fr;
+            gap: var(--spacing-lg);
+            margin-bottom: var(--spacing-lg);
+        }
+        .footer-brand h3 { font-size: 24px; margin-bottom: var(--spacing-xs); }
+        .footer-brand p { color: #CCCCCC; margin-bottom: var(--spacing-xs); font-size: 14px; }
+        .footer-title { font-size: 16px; font-weight: 600; margin-bottom: var(--spacing-sm); }
+        .footer-links li { margin-bottom: 10px; }
+        .footer-links a { color: #CCCCCC; }
+        .footer-links a:hover { color: var(--primary-orange); }
+        .footer-bottom {
+            text-align: center;
+            padding-top: var(--spacing-lg);
+            border-top: 1px solid #333333;
+            color: #999999;
+            font-size: 14px;
+        }
+        
+        @media (max-width: 768px) {
+            .hero h1 { font-size: 36px; }
+            .section-title { font-size: 32px; }
+            .types-grid, .agent-grid { grid-template-columns: 1fr; }
+            .footer-grid { grid-template-columns: 1fr; }
+            .nav-menu { display: none; }
+            .logo-grid { grid-template-columns: repeat(2, 1fr); }
+        }
+    
+        /* ===== Unified Navbar ===== */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            z-index: 1000;
+            padding: 12px 0;
+            transition: all 0.3s ease;
+            background: rgba(255,255,255,0.95);
+            backdrop-filter: blur(20px);
+            -webkit-backdrop-filter: blur(20px);
+        }
+        .navbar.scrolled {
+            padding: 8px 0;
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+        }
+        .navbar .container {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 0 24px;
+        }
+        .logo {
+            display: flex;
+            align-items: center;
+            text-decoration: none;
+        }
+        .logo-img {
+            height: 44px;
+            width: auto;
+            object-fit: contain;
+            transition: all 0.3s ease;
+        }
+        .logo:hover .logo-img {
+            transform: scale(1.03);
+        }
+        .nav-menu {
+            display: flex;
+            gap: 32px;
+            list-style: none;
+            margin: 0;
+            padding: 0;
+        }
+        .nav-link {
+            font-size: 15px;
+            font-weight: 500;
+            color: #1A1A1A;
+            text-decoration: none;
+            position: relative;
+            padding: 6px 0;
+            transition: all 0.3s ease;
+        }
+        .nav-link::after {
+            content: '';
+            position: absolute;
+            bottom: 0;
+            left: 50%;
+            width: 0;
+            height: 2px;
+            background: #FF6A19;
+            transition: all 0.3s ease;
+            transform: translateX(-50%);
+            border-radius: 1px;
+        }
+        .nav-link:hover {
+            color: #FF6A19;
+        }
+        .nav-link:hover::after {
+            width: 100%;
+        }
+        .nav-cta {
+            display: flex;
+            gap: 12px;
+            align-items: center;
+        }
+        .nav-btn {
+            padding: 8px 20px;
+            border-radius: 8px;
+            font-size: 14px;
+            font-weight: 500;
+            cursor: pointer;
+            transition: all 0.3s ease;
+            text-decoration: none;
+            border: none;
+            display: inline-flex;
+            align-items: center;
+        }
+        .btn-outline.nav-btn {
+            border: 1.5px solid #FF6A19;
+            color: #FF6A19;
+            background: transparent;
+        }
+        .btn-outline.nav-btn:hover {
+            background: #FFF5F0;
+        }
+        .btn-primary.nav-btn {
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
+            color: white;
+            box-shadow: 0 2px 8px rgba(255,106,25,0.3);
+        }
+        .btn-primary.nav-btn:hover {
+            transform: translateY(-1px);
+            box-shadow: 0 4px 12px rgba(255,106,25,0.4);
+        }
+        .menu-toggle {
+            display: none;
+            flex-direction: column;
+            gap: 5px;
+            cursor: pointer;
+            padding: 4px;
+            z-index: 1001;
+        }
+        .menu-toggle span {
+            width: 24px;
+            height: 2px;
+            background: #1A1A1A;
+            transition: all 0.3s ease;
+            border-radius: 1px;
+        }
+        @media (max-width: 1024px) {
+            .nav-menu {
+                display: none;
+                position: fixed;
+                top: 0;
+                left: 0;
+                right: 0;
+                bottom: 0;
+                background: rgba(255,255,255,0.98);
+                backdrop-filter: blur(20px);
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                gap: 24px;
+                z-index: 999;
+            }
+            .nav-menu.active {
+                display: flex;
+            }
+            .nav-link {
+                font-size: 18px;
+            }
+            .nav-cta {
+                display: none;
+            }
+            .menu-toggle {
+                display: flex;
+            }
+        }
+
+        /* ===== Unified Footer ===== */
+        .footer {
+            background: #1A1A1A;
+            color: white;
+            padding: 60px 0 30px;
+        }
+        .footer-grid {
+            display: grid;
+            grid-template-columns: 1.5fr 1fr 1fr 1fr;
+            gap: 48px;
+            margin-bottom: 40px;
+        }
+        .footer-brand h3 {
+            font-size: 22px;
+            font-weight: 700;
+            margin-bottom: 8px;
+            background: linear-gradient(135deg, #FF6A19, #FC6E18);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+        .footer-brand p {
+            color: rgba(255,255,255,0.6);
+            font-size: 14px;
+            line-height: 1.6;
+        }
+        .footer-title {
+            font-size: 15px;
+            font-weight: 600;
+            margin-bottom: 16px;
+            color: rgba(255,255,255,0.9);
+        }
+        .footer-links {
+            list-style: none;
+            padding: 0;
+            margin: 0;
+        }
+        .footer-links li {
+            margin-bottom: 10px;
+        }
+        .footer-links a {
+            color: rgba(255,255,255,0.5);
+            text-decoration: none;
+            font-size: 14px;
+            transition: all 0.3s ease;
+        }
+        .footer-links a:hover {
+            color: #FF6A19;
+        }
+        .footer-bottom {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            padding-top: 24px;
+            border-top: 1px solid rgba(255,255,255,0.1);
+            font-size: 13px;
+            color: rgba(255,255,255,0.4);
+        }
+        .footer-icp {
+            color: rgba(255,255,255,0.4);
+        }
+        .footer-icp a {
+            color: rgba(255,255,255,0.4);
+            text-decoration: none;
+        }
+        .footer-icp a:hover {
+            color: #FF6A19;
+        }
+        @media (max-width: 768px) {
+            .footer-grid {
+                grid-template-columns: 1fr 1fr;
+                gap: 32px;
+            }
+            .footer-bottom {
+                flex-direction: column;
+                text-align: center;
+                gap: 8px;
+            }
+        }
+        @media (max-width: 480px) {
+            .footer-grid {
+                grid-template-columns: 1fr;
+            }
+        }
+
+    </style>
+</head>
+<body>
+            <nav class="navbar" id="navbar">
+        <div class="container">
+            <a href="/index.html" class="logo">
+                <img src="assets/logo-nav.png" srcset="assets/logo-nav.png 1x, assets/logo-nav-2x.png 2x" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            
+            <div class="menu-toggle" id="menuToggle">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+            
+            <ul class="nav-menu" id="navMenu">
+                <li><a href="/index.html" class="nav-link">首页</a></li>
+                <li><a href="/index.html#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="/index.html#technology" class="nav-link">AI 能力</a></li>
+                <li><a href="/index.html#partnership" class="nav-link">代理合作</a></li>
+                <li><a href="/about.html" class="nav-link">关于我们</a></li>
+            </ul>
+            
+            <div class="nav-cta">
+                <a href="/index.html#products" class="btn btn-outline nav-btn">立即查询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
+            </div>
+        </div>
+    </nav>
+
+    <section class="hero">
+        <div class="container">
+            <h1>合作伙伴</h1>
+            <p>携手共创信任未来<br>开放合作，互利共赢，与优秀伙伴共建商业信任生态</p>
+        </div>
+    </section>
+
+    <section class="section logo-section">
+        <div class="container">
+            <h2 class="section-title">我们的合作伙伴</h2>
+            <p class="section-subtitle">与行业领导者携手，共建信任生态</p>
+            
+            <div class="logo-category">
+                <h3 class="category-title">金融机构</h3>
+                <div class="logo-grid">
+                    <div class="logo-item"><div class="logo-text">🏦<br><span class="small">中国人民银行</span></div></div>
+                    <div class="logo-item"><div class="logo-text">🏦<br><span class="small">工商银行</span></div></div>
+                    <div class="logo-item"><div class="logo-text">🏦<br><span class="small">农业银行</span></div></div>
+                    <div class="logo-item"><div class="logo-text">🏦<br><span class="small">中国银行</span></div></div>
+                    <div class="logo-item"><div class="logo-text">🏦<br><span class="small">建设银行</span></div></div>
+                    <div class="logo-item"><div class="logo-text">🏦<br><span class="small">交通银行</span></div></div>
+                    <div class="logo-item"><div class="logo-text">🏦<br><span class="small">邮储银行</span></div></div>
+                    <div class="logo-item"><div class="logo-text">🏦<br><span class="small">浦发银行</span></div></div>
+                    <div class="logo-item"><div class="logo-text">🏦<br><span class="small">中信银行</span></div></div>
+                    <div class="logo-item"><div class="logo-text">🏦<br><span class="small">光大银行</span></div></div>
+                    <div class="logo-item"><div class="logo-text">🏦<br><span class="small">民生银行</span></div></div>
+                    <div class="logo-item"><img src="assets/logos/cmb.png" alt="招商银行"></div>
+                </div>
+            </div>
+            
+            <div class="logo-category">
+                <h3 class="category-title">房地产中介</h3>
+                <div class="logo-grid">
+                    <div class="logo-item"><img src="assets/logos/ke.png" alt="贝壳找房"></div>
+                    <div class="logo-item"><img src="assets/logos/lianjia.png" alt="链家"></div>
+                    <div class="logo-item"><div class="logo-text">🏠<br><span class="small">我爱我家</span></div></div>
+                    <div class="logo-item"><div class="logo-text">🏠<br><span class="small">中原地产</span></div></div>
+                    <div class="logo-item"><div class="logo-text">🏠<br><span class="small">安居客</span></div></div>
+                    <div class="logo-item"><div class="logo-text">🏠<br><span class="small">房天下</span></div></div>
+                </div>
+            </div>
+            
+            <div class="logo-category">
+                <h3 class="category-title">互联网巨头</h3>
+                <div class="logo-grid">
+                    <div class="logo-item"><div class="logo-text">🐱<br><span class="small">阿里巴巴</span></div></div>
+                    <div class="logo-item"><div class="logo-text">🐧<br><span class="small">腾讯</span></div></div>
+                    <div class="logo-item"><div class="logo-text">🎵<br><span class="small">字节跳动</span></div></div>
+                    <div class="logo-item"><div class="logo-text">🔍<br><span class="small">百度</span></div></div>
+                    <div class="logo-item"><div class="logo-text">🛒<br><span class="small">京东</span></div></div>
+                    <div class="logo-item"><div class="logo-text">🍚<br><span class="small">美团</span></div></div>
+                </div>
+            </div>
+            
+            <div class="logo-category">
+                <h3 class="category-title">国家部委数据源</h3>
+                <div class="logo-grid">
+                    <div class="logo-item"><div class="logo-text">🏛️<br><span class="small">国家工商总局</span></div></div>
+                    <div class="logo-item"><div class="logo-text">🏛️<br><span class="small">公安部</span></div></div>
+                    <div class="logo-item"><div class="logo-text">🏛️<br><span class="small">教育部</span></div></div>
+                    <div class="logo-item"><div class="logo-text">🏛️<br><span class="small">人社部</span></div></div>
+                    <div class="logo-item"><div class="logo-text">🏛️<br><span class="small">民政部</span></div></div>
+                    <div class="logo-item"><div class="logo-text">🏛️<br><span class="small">最高法院</span></div></div>
+                </div>
+            </div>
+            
+            <div class="logo-category">
+                <h3 class="category-title">地方数据集团</h3>
+                <div class="logo-grid">
+                    <div class="logo-item"><div class="logo-text">📊<br><span class="small">北京数据集团</span></div></div>
+                    <div class="logo-item"><div class="logo-text">📊<br><span class="small">上海数据集团</span></div></div>
+                    <div class="logo-item"><div class="logo-text">📊<br><span class="small">广州数据交易所</span></div></div>
+                    <div class="logo-item"><div class="logo-text">📊<br><span class="small">深圳数据交易所</span></div></div>
+                    <div class="logo-item"><div class="logo-text">📊<br><span class="small">浙江大数据局</span></div></div>
+                    <div class="logo-item"><div class="logo-text">📊<br><span class="small">贵州大数据局</span></div></div>
+                </div>
+            </div>
+            
+            <div class="logo-category">
+                <h3 class="category-title">征信中心 & 数据交易平台</h3>
+                <div class="logo-grid">
+                    <div class="logo-item"><div class="logo-text">💳<br><span class="small">央行征信中心</span></div></div>
+                    <div class="logo-item"><div class="logo-text">💳<br><span class="small">百行征信</span></div></div>
+                    <div class="logo-item"><div class="logo-text">💳<br><span class="small">朴道征信</span></div></div>
+                    <div class="logo-item"><div class="logo-text">🔍<br><span class="small">企查查</span></div></div>
+                    <div class="logo-item"><div class="logo-text">🔍<br><span class="small">天眼查</span></div></div>
+                    <div class="logo-item"><div class="logo-text">📈<br><span class="small">上海数交所</span></div></div>
+                    <div class="logo-item"><div class="logo-text">📈<br><span class="small">北京数交所</span></div></div>
+                    <div class="logo-item"><div class="logo-text">📈<br><span class="small">深圳数交所</span></div></div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <section class="section partner-types">
+        <div class="container">
+            <h2 class="section-title">合作类型</h2>
+            <p class="section-subtitle">多种合作模式，找到适合您的方式</p>
+            
+            <div class="types-grid">
+                <div class="type-card">
+                    <div class="type-icon">🤝</div>
+                    <h3>代理合作</h3>
+                    <p>成为愉悦查代理商，推广我们的产品和服务，获取丰厚佣金回报。三级代理体系，灵活选择。</p>
+                    <a href="#agent" class="type-link">了解详情 →</a>
+                </div>
+                
+                <div class="type-card">
+                    <div class="type-icon">📡</div>
+                    <h3>数据源合作</h3>
+                    <p>拥有官方数据源？与我们合作，接入愉悦查平台，共享海量客户资源。</p>
+                    <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="type-link" target="_blank">联系我们 →</a>
+                </div>
+                
+                <div class="type-card">
+                    <div class="type-icon">🔧</div>
+                    <h3>技术合作</h3>
+                    <p>技术团队、开发者、ISV，通过 API 集成愉悦查服务，为您的产品赋能。</p>
+                    <a href="/apidemo/" class="type-link">查看 API →</a>
+                </div>
+                
+                <div class="type-card">
+                    <div class="type-icon">🏢</div>
+                    <h3>企业合作</h3>
+                    <p>企业批量采购、定制服务、OEM 合作，我们提供专属解决方案和优惠价格。</p>
+                    <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="type-link" target="_blank">商务咨询 →</a>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <section class="section agent-section" id="agent">
+        <div class="container">
+            <h2 class="section-title">代理体系</h2>
+            <p class="section-subtitle">三级代理，灵活选择，共享收益</p>
+            
+            <div class="agent-grid">
+                <div class="agent-card">
+                    <span class="agent-level">🥈 白银代理</span>
+                    <h3>白银代理</h3>
+                    <div class="agent-price">¥0 <span>/终身</span></div>
+                    <ul class="agent-features">
+                        <li>10% 返佣</li>
+                        <li>基础培训支持</li>
+                        <li>标准产品价格</li>
+                        <li>在线帮助中心</li>
+                        <li>零门槛免费加入</li>
+                    </ul>
+                    <a href="https://p.yuyuecha.com/s/Cc9wgE" class="btn btn-outline" style="width:100%" target="_blank">立即申请</a>
+                </div>
+                
+                <div class="agent-card" style="border:2px solid var(--primary-orange);position:relative;">
+                    <div style="position:absolute;top:10px;right:10px;background:var(--primary-gradient);color:white;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:600;">推荐</div>
+                    <span class="agent-level">🥇 黄金代理</span>
+                    <h3>黄金代理</h3>
+                    <div class="agent-price">¥198 <span>/年</span></div>
+                    <ul class="agent-features">
+                        <li>30% 返佣</li>
+                        <li>优先技术支持</li>
+                        <li>专属代理价格</li>
+                        <li>营销素材支持</li>
+                        <li>定期培训</li>
+                        <li>下级代理奖励</li>
+                    </ul>
+                    <a href="https://p.yuyuecha.com/s/Cc9wgE" class="btn btn-primary" style="width:100%" target="_blank">立即申请</a>
+                </div>
+                
+                <div class="agent-card">
+                    <span class="agent-level">💎 钻石代理</span>
+                    <h3>钻石代理</h3>
+                    <div class="agent-price">¥980 <span>/年</span></div>
+                    <ul class="agent-features">
+                        <li>50% 返佣</li>
+                        <li>1 对 1 专属辅导</li>
+                        <li>最低代理价格</li>
+                        <li>联合营销支持</li>
+                        <li>优先新功能体验</li>
+                        <li>区域保护政策</li>
+                        <li>下级代理奖励</li>
+                    </ul>
+                    <a href="https://p.yuyuecha.com/s/Cc9wgE" class="btn btn-outline" style="width:100%" target="_blank">立即申请</a>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <section class="cta-section">
+        <div class="container">
+            <h2>成为合作伙伴</h2>
+            <p>无论您想成为代理商、数据源合作伙伴还是技术合作伙伴<br>我们都期待与您携手共创未来</p>
+            <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-lg" target="_blank">🤝 立即咨询</a>
+        </div>
+    </section>
+
+            <footer class="footer">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <h3>愉悦查</h3>
+                    <p>让信任无处不在，让合作没有距离</p>
+                    <p style="margin-top:16px;font-size:13px;color:rgba(255,255,255,0.5);">北京正信环宇科技有限公司</p>
+                    <p style="font-size:13px;color:rgba(255,255,255,0.5);">AI 驱动的商业信任科技平台</p>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">产品</h4>
+                    <ul class="footer-links">
+                        <li><a href="/product/riskassessment.html">个人大数据报告</a></li>
+                        <li><a href="/product/marriage.html">婚恋风险报告</a></li>
+                        <li><a href="/product/backgroundcheck.html">入职背调报告</a></li>
+                        <li><a href="/product/companyinfo.html">小微企业报告</a></li>
+                        <li><a href="/product/homeservice.html">家政风险报告</a></li>
+                        <li><a href="/product/consumerFinanceReport.html">消金报告</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">公司</h4>
+                    <ul class="footer-links">
+                        <li><a href="/about.html">关于我们</a></li>
+                        <li><a href="/careers.html">加入我们</a></li>
+                        <li><a href="/contact.html">联系我们</a></li>
+                        <li><a href="/news.html">新闻动态</a></li>
+                        <li><a href="/partners.html">合作伙伴</a></li>
+                        <li><a href="/investment.html">招商工具包</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">支持</h4>
+                    <ul class="footer-links">
+                        <li><a href="/help.html">帮助中心</a></li>
+                        <li><a href="/apidemo/">API 文档</a></li>
+                        <li><a href="/all-apis.html">全部接口</a></li>
+                        <li><a href="/privacy.html">隐私政策</a></li>
+                        <li><a href="/terms.html">服务条款</a></li>
+                        <li><a href="/disclaimer.html">免责声明</a></li>
+                    </ul>
+                </div>
+            </div>
+            
+            <div class="footer-bottom">
+                <p>&copy; 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p class="footer-icp"><a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow noopener">京ICP备2025158088号-2</a></p>
+            </div>
+        </div>
+    </footer>
+</body>
+</html>
diff --git a/partners.html.bak.investment b/partners.html.bak.investment
new file mode 100755
index 0000000..5d55aa7
--- /dev/null
+++ b/partners.html.bak.investment
@@ -0,0 +1,535 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>合作伙伴 - 愉悦查 | 携手共创信任未来</title>
+    <meta name="description" content="愉悦查合作伙伴，包括金融机构、房地产中介、数据源合作伙伴、互联网巨头等，携手共创信任未来。">
+    <meta name="keywords" content="愉悦查合作伙伴，代理商，数据源合作，技术合作">
+    
+    <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=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    
+    <style>
+        :root {
+            --primary-orange: #FF6A19;
+            --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
+            --bg-light: #FFFFFF;
+            --bg-gray: #F5F7FA;
+            --bg-dark: #1A1A1A;
+            --text-primary: #1A1A1A;
+            --text-secondary: #666666;
+            --text-light: #999999;
+            --spacing-xs: 8px;
+            --spacing-sm: 16px;
+            --spacing-md: 24px;
+            --spacing-lg: 48px;
+            --spacing-xl: 80px;
+            --radius-md: 8px;
+            --radius-lg: 16px;
+            --shadow-md: 0 4px 16px rgba(0,0,0,0.12);
+            --shadow-lg: 0 8px 32px rgba(0,0,0,0.16);
+            --transition: all 0.3s ease;
+        }
+        
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body { font-family: 'Noto Sans SC', sans-serif; line-height: 1.6; color: var(--text-primary); }
+        a { text-decoration: none; color: inherit; transition: var(--transition); }
+        ul { list-style: none; }
+        .container { max-width: 1400px; margin: 0 auto; padding: 0 var(--spacing-md); }
+        
+        .btn {
+            display: inline-block;
+            padding: 14px 32px;
+            font-size: 15px;
+            font-weight: 500;
+            border-radius: var(--radius-md);
+            cursor: pointer;
+            transition: var(--transition);
+            border: none;
+            text-align: center;
+        }
+        .btn-primary {
+            background: var(--primary-gradient);
+            color: white;
+            box-shadow: 0 4px 12px rgba(255, 106, 25, 0.3);
+        }
+        .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(255, 106, 25, 0.4); }
+        .btn-outline {
+            background: transparent;
+            border: 2px solid var(--primary-orange);
+            color: var(--primary-orange);
+        }
+        .btn-outline:hover { background: var(--primary-gradient); color: white; }
+        .btn-lg { padding: 16px 48px; font-size: 17px; }
+        
+        .navbar {
+            position: fixed;
+            top: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+        }
+        .navbar .container { display: flex; justify-content: space-between; align-items: center; height: 80px; }
+        .logo { display: flex; align-items: center; text-decoration: none; }
+        .logo-img { height: 60px; width: auto; }
+        .nav-menu { display: flex; gap: var(--spacing-lg); }
+        .nav-link { font-size: 15px; font-weight: 500; color: var(--text-primary); }
+        .nav-link:hover { color: var(--primary-orange); }
+        
+        .hero {
+            padding: 160px 0 100px;
+            background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 50%, #F5F7FA 100%);
+            text-align: center;
+        }
+        .hero h1 {
+            font-size: 52px;
+            font-weight: 900;
+            margin-bottom: var(--spacing-sm);
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 50%, #FF8A5C 100%);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+        .hero p { font-size: 22px; color: var(--text-secondary); max-width: 700px; margin: 0 auto var(--spacing-lg); line-height: 1.8; }
+        
+        .section { padding: var(--spacing-xl) 0; }
+        .section-title { text-align: center; font-size: 42px; font-weight: 700; margin-bottom: var(--spacing-xs); }
+        .section-subtitle { text-align: center; font-size: 20px; color: var(--text-secondary); margin-bottom: var(--spacing-lg); }
+        
+        .logo-section { background: white; }
+        .logo-category { margin-bottom: var(--spacing-lg); }
+        .category-title {
+            font-size: 24px;
+            font-weight: 700;
+            margin-bottom: var(--spacing-md);
+            color: var(--primary-orange);
+            display: flex;
+            align-items: center;
+            gap: 10px;
+        }
+        .category-title::before {
+            content: '';
+            display: inline-block;
+            width: 4px;
+            height: 24px;
+            background: var(--primary-gradient);
+            border-radius: 2px;
+        }
+        .logo-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
+            gap: var(--spacing-md);
+            margin-bottom: var(--spacing-lg);
+        }
+        .logo-item {
+            background: white;
+            border: 2px solid #E8E8E8;
+            border-radius: var(--radius-lg);
+            padding: var(--spacing-md);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            height: 100px;
+            transition: var(--transition);
+            cursor: pointer;
+        }
+        .logo-item:hover {
+            border-color: var(--primary-orange);
+            box-shadow: var(--shadow-lg);
+            transform: translateY(-4px);
+        }
+        .logo-item img {
+            max-width: 100%;
+            max-height: 60px;
+            object-fit: contain;
+        }
+        .logo-text {
+            font-size: 16px;
+            font-weight: 600;
+            color: var(--text-secondary);
+            text-align: center;
+        }
+        .logo-text.small { font-size: 14px; }
+        
+        .partner-types { background: var(--bg-gray); }
+        .types-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
+            gap: var(--spacing-md);
+        }
+        .type-card {
+            background: white;
+            padding: var(--spacing-lg);
+            border-radius: var(--radius-lg);
+            text-align: center;
+            transition: var(--transition);
+            border: 2px solid transparent;
+        }
+        .type-card:hover {
+            border-color: var(--primary-orange);
+            transform: translateY(-8px);
+            box-shadow: var(--shadow-lg);
+        }
+        .type-icon { font-size: 56px; margin-bottom: var(--spacing-sm); }
+        .type-card h3 { font-size: 22px; margin-bottom: var(--spacing-xs); color: var(--primary-orange); }
+        .type-card p { font-size: 15px; color: var(--text-secondary); line-height: 1.7; margin-bottom: var(--spacing-sm); }
+        .type-link { font-size: 14px; color: var(--primary-orange); font-weight: 500; }
+        
+        .agent-section { background: white; }
+        .agent-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+            gap: var(--spacing-md);
+        }
+        .agent-card {
+            background: var(--bg-gray);
+            padding: var(--spacing-lg);
+            border-radius: var(--radius-lg);
+            box-shadow: var(--shadow-md);
+            transition: var(--transition);
+        }
+        .agent-card:hover {
+            transform: translateY(-8px);
+            box-shadow: var(--shadow-lg);
+        }
+        .agent-level {
+            display: inline-block;
+            padding: 6px 16px;
+            background: var(--primary-gradient);
+            color: white;
+            border-radius: 20px;
+            font-size: 13px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-sm);
+        }
+        .agent-card h3 { font-size: 20px; margin-bottom: var(--spacing-xs); }
+        .agent-price { font-size: 24px; font-weight: 700; color: var(--primary-orange); margin-bottom: var(--spacing-sm); }
+        .agent-price span { font-size: 14px; color: var(--text-light); font-weight: 400; }
+        .agent-features { list-style: disc; padding-left: 20px; margin-bottom: var(--spacing-md); }
+        .agent-features li { font-size: 15px; color: var(--text-secondary); margin-bottom: 8px; line-height: 1.6; }
+        
+        .cta-section {
+            background: var(--primary-gradient);
+            padding: var(--spacing-xl) 0;
+            text-align: center;
+            color: white;
+        }
+        .cta-section h2 { font-size: 40px; font-weight: 700; margin-bottom: var(--spacing-sm); }
+        .cta-section p { font-size: 18px; margin-bottom: var(--spacing-lg); opacity: 0.95; }
+        .cta-section .btn { background: white; color: var(--primary-orange); }
+        
+        .footer {
+            background: var(--bg-dark);
+            color: white;
+            padding: var(--spacing-xl) 0 var(--spacing-lg);
+        }
+        .footer-grid {
+            display: grid;
+            grid-template-columns: 2fr 1fr 1fr 1fr;
+            gap: var(--spacing-lg);
+            margin-bottom: var(--spacing-lg);
+        }
+        .footer-brand h3 { font-size: 24px; margin-bottom: var(--spacing-xs); }
+        .footer-brand p { color: #CCCCCC; margin-bottom: var(--spacing-xs); font-size: 14px; }
+        .footer-title { font-size: 16px; font-weight: 600; margin-bottom: var(--spacing-sm); }
+        .footer-links li { margin-bottom: 10px; }
+        .footer-links a { color: #CCCCCC; }
+        .footer-links a:hover { color: var(--primary-orange); }
+        .footer-bottom {
+            text-align: center;
+            padding-top: var(--spacing-lg);
+            border-top: 1px solid #333333;
+            color: #999999;
+            font-size: 14px;
+        }
+        
+        @media (max-width: 768px) {
+            .hero h1 { font-size: 36px; }
+            .section-title { font-size: 32px; }
+            .types-grid, .agent-grid { grid-template-columns: 1fr; }
+            .footer-grid { grid-template-columns: 1fr; }
+            .nav-menu { display: none; }
+            .logo-grid { grid-template-columns: repeat(2, 1fr); }
+        }
+    </style>
+</head>
+<body>
+        <nav class="navbar" id="navbar">
+        <div class="container">
+            <a href="/index.html" class="logo">
+                <img src="assets/logo.png" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            
+            <div class="menu-toggle" id="menuToggle">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+            
+            <ul class="nav-menu" id="navMenu">
+                <li><a href="/index.html" class="nav-link">首页</a></li>
+                <li><a href="/index.html#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="/apidemo/" class="nav-link">API 平台</a></li>
+                <li><a href="/all-apis.html" class="nav-link">全部接口</a></li>
+                <li><a href="/about.html" class="nav-link">关于我们</a></li>
+            </ul>
+            
+            <div class="nav-cta">
+                <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-outline" target="_blank">技术咨询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary" target="_blank">登录</a>
+            </div>
+        </div>
+    </nav>
+
+    <section class="hero">
+        <div class="container">
+            <h1>合作伙伴</h1>
+            <p>携手共创信任未来<br>开放合作，互利共赢，与优秀伙伴共建商业信任生态</p>
+        </div>
+    </section>
+
+    <section class="section logo-section">
+        <div class="container">
+            <h2 class="section-title">我们的合作伙伴</h2>
+            <p class="section-subtitle">与行业领导者携手，共建信任生态</p>
+            
+            <div class="logo-category">
+                <h3 class="category-title">金融机构</h3>
+                <div class="logo-grid">
+                    <div class="logo-item"><div class="logo-text">🏦<br><span class="small">中国人民银行</span></div></div>
+                    <div class="logo-item"><div class="logo-text">🏦<br><span class="small">工商银行</span></div></div>
+                    <div class="logo-item"><div class="logo-text">🏦<br><span class="small">农业银行</span></div></div>
+                    <div class="logo-item"><div class="logo-text">🏦<br><span class="small">中国银行</span></div></div>
+                    <div class="logo-item"><div class="logo-text">🏦<br><span class="small">建设银行</span></div></div>
+                    <div class="logo-item"><div class="logo-text">🏦<br><span class="small">交通银行</span></div></div>
+                    <div class="logo-item"><div class="logo-text">🏦<br><span class="small">邮储银行</span></div></div>
+                    <div class="logo-item"><div class="logo-text">🏦<br><span class="small">浦发银行</span></div></div>
+                    <div class="logo-item"><div class="logo-text">🏦<br><span class="small">中信银行</span></div></div>
+                    <div class="logo-item"><div class="logo-text">🏦<br><span class="small">光大银行</span></div></div>
+                    <div class="logo-item"><div class="logo-text">🏦<br><span class="small">民生银行</span></div></div>
+                    <div class="logo-item"><img src="assets/logos/cmb.png" alt="招商银行"></div>
+                </div>
+            </div>
+            
+            <div class="logo-category">
+                <h3 class="category-title">房地产中介</h3>
+                <div class="logo-grid">
+                    <div class="logo-item"><img src="assets/logos/ke.png" alt="贝壳找房"></div>
+                    <div class="logo-item"><img src="assets/logos/lianjia.png" alt="链家"></div>
+                    <div class="logo-item"><div class="logo-text">🏠<br><span class="small">我爱我家</span></div></div>
+                    <div class="logo-item"><div class="logo-text">🏠<br><span class="small">中原地产</span></div></div>
+                    <div class="logo-item"><div class="logo-text">🏠<br><span class="small">安居客</span></div></div>
+                    <div class="logo-item"><div class="logo-text">🏠<br><span class="small">房天下</span></div></div>
+                </div>
+            </div>
+            
+            <div class="logo-category">
+                <h3 class="category-title">互联网巨头</h3>
+                <div class="logo-grid">
+                    <div class="logo-item"><div class="logo-text">🐱<br><span class="small">阿里巴巴</span></div></div>
+                    <div class="logo-item"><div class="logo-text">🐧<br><span class="small">腾讯</span></div></div>
+                    <div class="logo-item"><div class="logo-text">🎵<br><span class="small">字节跳动</span></div></div>
+                    <div class="logo-item"><div class="logo-text">🔍<br><span class="small">百度</span></div></div>
+                    <div class="logo-item"><div class="logo-text">🛒<br><span class="small">京东</span></div></div>
+                    <div class="logo-item"><div class="logo-text">🍚<br><span class="small">美团</span></div></div>
+                </div>
+            </div>
+            
+            <div class="logo-category">
+                <h3 class="category-title">国家部委数据源</h3>
+                <div class="logo-grid">
+                    <div class="logo-item"><div class="logo-text">🏛️<br><span class="small">国家工商总局</span></div></div>
+                    <div class="logo-item"><div class="logo-text">🏛️<br><span class="small">公安部</span></div></div>
+                    <div class="logo-item"><div class="logo-text">🏛️<br><span class="small">教育部</span></div></div>
+                    <div class="logo-item"><div class="logo-text">🏛️<br><span class="small">人社部</span></div></div>
+                    <div class="logo-item"><div class="logo-text">🏛️<br><span class="small">民政部</span></div></div>
+                    <div class="logo-item"><div class="logo-text">🏛️<br><span class="small">最高法院</span></div></div>
+                </div>
+            </div>
+            
+            <div class="logo-category">
+                <h3 class="category-title">地方数据集团</h3>
+                <div class="logo-grid">
+                    <div class="logo-item"><div class="logo-text">📊<br><span class="small">北京数据集团</span></div></div>
+                    <div class="logo-item"><div class="logo-text">📊<br><span class="small">上海数据集团</span></div></div>
+                    <div class="logo-item"><div class="logo-text">📊<br><span class="small">广州数据交易所</span></div></div>
+                    <div class="logo-item"><div class="logo-text">📊<br><span class="small">深圳数据交易所</span></div></div>
+                    <div class="logo-item"><div class="logo-text">📊<br><span class="small">浙江大数据局</span></div></div>
+                    <div class="logo-item"><div class="logo-text">📊<br><span class="small">贵州大数据局</span></div></div>
+                </div>
+            </div>
+            
+            <div class="logo-category">
+                <h3 class="category-title">征信中心 & 数据交易平台</h3>
+                <div class="logo-grid">
+                    <div class="logo-item"><div class="logo-text">💳<br><span class="small">央行征信中心</span></div></div>
+                    <div class="logo-item"><div class="logo-text">💳<br><span class="small">百行征信</span></div></div>
+                    <div class="logo-item"><div class="logo-text">💳<br><span class="small">朴道征信</span></div></div>
+                    <div class="logo-item"><div class="logo-text">🔍<br><span class="small">企查查</span></div></div>
+                    <div class="logo-item"><div class="logo-text">🔍<br><span class="small">天眼查</span></div></div>
+                    <div class="logo-item"><div class="logo-text">📈<br><span class="small">上海数交所</span></div></div>
+                    <div class="logo-item"><div class="logo-text">📈<br><span class="small">北京数交所</span></div></div>
+                    <div class="logo-item"><div class="logo-text">📈<br><span class="small">深圳数交所</span></div></div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <section class="section partner-types">
+        <div class="container">
+            <h2 class="section-title">合作类型</h2>
+            <p class="section-subtitle">多种合作模式，找到适合您的方式</p>
+            
+            <div class="types-grid">
+                <div class="type-card">
+                    <div class="type-icon">🤝</div>
+                    <h3>代理合作</h3>
+                    <p>成为愉悦查代理商，推广我们的产品和服务，获取丰厚佣金回报。三级代理体系，灵活选择。</p>
+                    <a href="#agent" class="type-link">了解详情 →</a>
+                </div>
+                
+                <div class="type-card">
+                    <div class="type-icon">📡</div>
+                    <h3>数据源合作</h3>
+                    <p>拥有官方数据源？与我们合作，接入愉悦查平台，共享海量客户资源。</p>
+                    <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="type-link" target="_blank">联系我们 →</a>
+                </div>
+                
+                <div class="type-card">
+                    <div class="type-icon">🔧</div>
+                    <h3>技术合作</h3>
+                    <p>技术团队、开发者、ISV，通过 API 集成愉悦查服务，为您的产品赋能。</p>
+                    <a href="/apidemo/" class="type-link">查看 API →</a>
+                </div>
+                
+                <div class="type-card">
+                    <div class="type-icon">🏢</div>
+                    <h3>企业合作</h3>
+                    <p>企业批量采购、定制服务、OEM 合作，我们提供专属解决方案和优惠价格。</p>
+                    <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="type-link" target="_blank">商务咨询 →</a>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <section class="section agent-section" id="agent">
+        <div class="container">
+            <h2 class="section-title">代理体系</h2>
+            <p class="section-subtitle">三级代理，灵活选择，共享收益</p>
+            
+            <div class="agent-grid">
+                <div class="agent-card">
+                    <span class="agent-level">🥈 白银代理</span>
+                    <h3>白银代理</h3>
+                    <div class="agent-price">¥0 <span>/终身</span></div>
+                    <ul class="agent-features">
+                        <li>10% 返佣</li>
+                        <li>基础培训支持</li>
+                        <li>标准产品价格</li>
+                        <li>在线帮助中心</li>
+                        <li>零门槛免费加入</li>
+                    </ul>
+                    <a href="https://p.yuyuecha.com/s/Cc9wgE" class="btn btn-outline" style="width:100%" target="_blank">立即申请</a>
+                </div>
+                
+                <div class="agent-card" style="border:2px solid var(--primary-orange);position:relative;">
+                    <div style="position:absolute;top:10px;right:10px;background:var(--primary-gradient);color:white;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:600;">推荐</div>
+                    <span class="agent-level">🥇 黄金代理</span>
+                    <h3>黄金代理</h3>
+                    <div class="agent-price">¥198 <span>/年</span></div>
+                    <ul class="agent-features">
+                        <li>30% 返佣</li>
+                        <li>优先技术支持</li>
+                        <li>专属代理价格</li>
+                        <li>营销素材支持</li>
+                        <li>定期培训</li>
+                        <li>下级代理奖励</li>
+                    </ul>
+                    <a href="https://p.yuyuecha.com/s/Cc9wgE" class="btn btn-primary" style="width:100%" target="_blank">立即申请</a>
+                </div>
+                
+                <div class="agent-card">
+                    <span class="agent-level">💎 钻石代理</span>
+                    <h3>钻石代理</h3>
+                    <div class="agent-price">¥980 <span>/年</span></div>
+                    <ul class="agent-features">
+                        <li>50% 返佣</li>
+                        <li>1 对 1 专属辅导</li>
+                        <li>最低代理价格</li>
+                        <li>联合营销支持</li>
+                        <li>优先新功能体验</li>
+                        <li>区域保护政策</li>
+                        <li>下级代理奖励</li>
+                    </ul>
+                    <a href="https://p.yuyuecha.com/s/Cc9wgE" class="btn btn-outline" style="width:100%" target="_blank">立即申请</a>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <section class="cta-section">
+        <div class="container">
+            <h2>成为合作伙伴</h2>
+            <p>无论您想成为代理商、数据源合作伙伴还是技术合作伙伴<br>我们都期待与您携手共创未来</p>
+            <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-lg" target="_blank">🤝 立即咨询</a>
+        </div>
+    </section>
+
+        <footer class="footer">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <h3>愉悦查</h3>
+                    <p>让信任无处不在，让合作没有距离</p>
+                    <p style="margin-top:16px;font-size:13px;">愉悦查（北京正信环宇科技有限公司）</p>
+                    <p style="font-size:13px;">AI 驱动的商业信任科技平台</p>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">产品</h4>
+                    <ul class="footer-links">
+                        <li><a href="/product/riskassessment.html">个人大数据报告</a></li>
+                        <li><a href="/product/marriage.html">婚恋风险报告</a></li>
+                        <li><a href="/product/backgroundcheck.html">入职背调报告</a></li>
+                        <li><a href="/product/companyinfo.html">小微企业报告</a></li>
+                        <li><a href="/product/homeservice.html">家政风险报告</a></li>
+                        <li><a href="/product/consumerFinanceReport.html">消金报告</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">公司</h4>
+                    <ul class="footer-links">
+                        <li><a href="/about.html">关于我们</a></li>
+                        <li><a href="/careers.html">加入我们</a></li>
+                        <li><a href="/contact.html">联系我们</a></li>
+                        <li><a href="/news.html">新闻动态</a></li>
+                        <li><a href="/partners.html">合作伙伴</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">支持</h4>
+                    <ul class="footer-links">
+                        <li><a href="/help.html">帮助中心</a></li>
+                        <li><a href="/apidemo/">API 文档</a></li>
+                        <li><a href="/index.html#partnership">代理支持</a></li>
+                        <li><a href="/privacy.html">隐私政策</a></li>
+                        <li><a href="/terms.html">服务条款</a></li>
+                        <li><a href="/disclaimer.html">免责声明</a></li>
+                    </ul>
+                </div>
+            </div>
+            
+            <div class="footer-bottom">
+                <p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p>京 ICP 备 2025158088 号 -2</p>
+            </div>
+        </div>
+    </footer>
+</body>
+</html>
diff --git a/partners.html.bak.logos b/partners.html.bak.logos
new file mode 100755
index 0000000..eb087d9
--- /dev/null
+++ b/partners.html.bak.logos
@@ -0,0 +1,527 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>合作伙伴 - 愉悦查 | 携手共创信任未来</title>
+    <meta name="description" content="愉悦查合作伙伴，包括金融机构、房地产中介、数据源合作伙伴、互联网巨头等，携手共创信任未来。">
+    <meta name="keywords" content="愉悦查合作伙伴，代理商，数据源合作，技术合作">
+    
+    <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=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    
+    <style>
+        :root {
+            --primary-orange: #FF6A19;
+            --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
+            --bg-light: #FFFFFF;
+            --bg-gray: #F5F7FA;
+            --bg-dark: #1A1A1A;
+            --text-primary: #1A1A1A;
+            --text-secondary: #666666;
+            --text-light: #999999;
+            --spacing-xs: 8px;
+            --spacing-sm: 16px;
+            --spacing-md: 24px;
+            --spacing-lg: 48px;
+            --spacing-xl: 80px;
+            --radius-md: 8px;
+            --radius-lg: 16px;
+            --shadow-md: 0 4px 16px rgba(0,0,0,0.12);
+            --shadow-lg: 0 8px 32px rgba(0,0,0,0.16);
+            --transition: all 0.3s ease;
+        }
+        
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body { font-family: 'Noto Sans SC', sans-serif; line-height: 1.6; color: var(--text-primary); }
+        a { text-decoration: none; color: inherit; transition: var(--transition); }
+        ul { list-style: none; }
+        .container { max-width: 1400px; margin: 0 auto; padding: 0 var(--spacing-md); }
+        
+        .btn {
+            display: inline-block;
+            padding: 14px 32px;
+            font-size: 15px;
+            font-weight: 500;
+            border-radius: var(--radius-md);
+            cursor: pointer;
+            transition: var(--transition);
+            border: none;
+            text-align: center;
+        }
+        .btn-primary {
+            background: var(--primary-gradient);
+            color: white;
+            box-shadow: 0 4px 12px rgba(255, 106, 25, 0.3);
+        }
+        .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(255, 106, 25, 0.4); }
+        .btn-outline {
+            background: transparent;
+            border: 2px solid var(--primary-orange);
+            color: var(--primary-orange);
+        }
+        .btn-outline:hover { background: var(--primary-gradient); color: white; }
+        .btn-lg { padding: 16px 48px; font-size: 17px; }
+        
+        .navbar {
+            position: fixed;
+            top: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+        }
+        .navbar .container { display: flex; justify-content: space-between; align-items: center; height: 80px; }
+        .logo { display: flex; align-items: center; text-decoration: none; }
+        .logo-img { height: 60px; width: auto; }
+        .nav-menu { display: flex; gap: var(--spacing-lg); }
+        .nav-link { font-size: 15px; font-weight: 500; color: var(--text-primary); }
+        .nav-link:hover { color: var(--primary-orange); }
+        
+        .hero {
+            padding: 160px 0 100px;
+            background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 50%, #F5F7FA 100%);
+            text-align: center;
+        }
+        .hero h1 {
+            font-size: 52px;
+            font-weight: 900;
+            margin-bottom: var(--spacing-sm);
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 50%, #FF8A5C 100%);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+        .hero p { font-size: 22px; color: var(--text-secondary); max-width: 700px; margin: 0 auto var(--spacing-lg); line-height: 1.8; }
+        
+        .section { padding: var(--spacing-xl) 0; }
+        .section-title { text-align: center; font-size: 42px; font-weight: 700; margin-bottom: var(--spacing-xs); }
+        .section-subtitle { text-align: center; font-size: 20px; color: var(--text-secondary); margin-bottom: var(--spacing-lg); }
+        
+        /* Logo Grid Styles */
+        .logo-section { background: white; }
+        .logo-category {
+            margin-bottom: var(--spacing-lg);
+        }
+        .category-title {
+            font-size: 24px;
+            font-weight: 700;
+            margin-bottom: var(--spacing-md);
+            color: var(--primary-orange);
+            display: flex;
+            align-items: center;
+            gap: 10px;
+        }
+        .category-title::before {
+            content: '';
+            display: inline-block;
+            width: 4px;
+            height: 24px;
+            background: var(--primary-gradient);
+            border-radius: 2px;
+        }
+        .logo-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
+            gap: var(--spacing-md);
+            margin-bottom: var(--spacing-lg);
+        }
+        .logo-item {
+            background: white;
+            border: 2px solid #E8E8E8;
+            border-radius: var(--radius-lg);
+            padding: var(--spacing-md);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            height: 100px;
+            transition: var(--transition);
+            cursor: pointer;
+        }
+        .logo-item:hover {
+            border-color: var(--primary-orange);
+            box-shadow: var(--shadow-lg);
+            transform: translateY(-4px);
+        }
+        .logo-placeholder {
+            font-size: 32px;
+            font-weight: 700;
+            color: var(--text-secondary);
+            text-align: center;
+        }
+        .logo-placeholder.small { font-size: 20px; }
+        
+        .partner-types { background: var(--bg-gray); }
+        .types-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
+            gap: var(--spacing-md);
+        }
+        .type-card {
+            background: white;
+            padding: var(--spacing-lg);
+            border-radius: var(--radius-lg);
+            text-align: center;
+            transition: var(--transition);
+            border: 2px solid transparent;
+        }
+        .type-card:hover {
+            border-color: var(--primary-orange);
+            transform: translateY(-8px);
+            box-shadow: var(--shadow-lg);
+        }
+        .type-icon { font-size: 56px; margin-bottom: var(--spacing-sm); }
+        .type-card h3 { font-size: 22px; margin-bottom: var(--spacing-xs); color: var(--primary-orange); }
+        .type-card p { font-size: 15px; color: var(--text-secondary); line-height: 1.7; margin-bottom: var(--spacing-sm); }
+        .type-link { font-size: 14px; color: var(--primary-orange); font-weight: 500; }
+        
+        .agent-section { background: white; }
+        .agent-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+            gap: var(--spacing-md);
+        }
+        .agent-card {
+            background: var(--bg-gray);
+            padding: var(--spacing-lg);
+            border-radius: var(--radius-lg);
+            box-shadow: var(--shadow-md);
+            transition: var(--transition);
+        }
+        .agent-card:hover {
+            transform: translateY(-8px);
+            box-shadow: var(--shadow-lg);
+        }
+        .agent-level {
+            display: inline-block;
+            padding: 6px 16px;
+            background: var(--primary-gradient);
+            color: white;
+            border-radius: 20px;
+            font-size: 13px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-sm);
+        }
+        .agent-card h3 { font-size: 20px; margin-bottom: var(--spacing-xs); }
+        .agent-price { font-size: 24px; font-weight: 700; color: var(--primary-orange); margin-bottom: var(--spacing-sm); }
+        .agent-price span { font-size: 14px; color: var(--text-light); font-weight: 400; }
+        .agent-features { list-style: disc; padding-left: 20px; margin-bottom: var(--spacing-md); }
+        .agent-features li { font-size: 15px; color: var(--text-secondary); margin-bottom: 8px; line-height: 1.6; }
+        
+        .cta-section {
+            background: var(--primary-gradient);
+            padding: var(--spacing-xl) 0;
+            text-align: center;
+            color: white;
+        }
+        .cta-section h2 { font-size: 40px; font-weight: 700; margin-bottom: var(--spacing-sm); }
+        .cta-section p { font-size: 18px; margin-bottom: var(--spacing-lg); opacity: 0.95; }
+        .cta-section .btn { background: white; color: var(--primary-orange); }
+        
+        .footer {
+            background: var(--bg-dark);
+            color: white;
+            padding: var(--spacing-xl) 0 var(--spacing-lg);
+        }
+        .footer-grid {
+            display: grid;
+            grid-template-columns: 2fr 1fr 1fr 1fr;
+            gap: var(--spacing-lg);
+            margin-bottom: var(--spacing-lg);
+        }
+        .footer-brand h3 { font-size: 24px; margin-bottom: var(--spacing-xs); }
+        .footer-brand p { color: #CCCCCC; margin-bottom: var(--spacing-xs); font-size: 14px; }
+        .footer-title { font-size: 16px; font-weight: 600; margin-bottom: var(--spacing-sm); }
+        .footer-links li { margin-bottom: 10px; }
+        .footer-links a { color: #CCCCCC; }
+        .footer-links a:hover { color: var(--primary-orange); }
+        .footer-bottom {
+            text-align: center;
+            padding-top: var(--spacing-lg);
+            border-top: 1px solid #333333;
+            color: #999999;
+            font-size: 14px;
+        }
+        
+        @media (max-width: 768px) {
+            .hero h1 { font-size: 36px; }
+            .section-title { font-size: 32px; }
+            .types-grid, .agent-grid { grid-template-columns: 1fr; }
+            .footer-grid { grid-template-columns: 1fr; }
+            .nav-menu { display: none; }
+            .logo-grid { grid-template-columns: repeat(2, 1fr); }
+        }
+    </style>
+</head>
+<body>
+    <nav class="navbar">
+        <div class="container">
+            <a href="/index.html" class="logo">
+                <img src="assets/logo.png" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            <ul class="nav-menu">
+                <li><a href="/index.html" class="nav-link">首页</a></li>
+                <li><a href="/index.html#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="/apidemo/" class="nav-link">API 平台</a></li>
+                <li><a href="/all-apis.html" class="nav-link">全部接口</a></li>
+                <li><a href="/about.html" class="nav-link">关于我们</a></li>
+            </ul>
+            <div class="nav-cta">
+                <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-outline" target="_blank">技术咨询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary" target="_blank">登录</a>
+            </div>
+        </div>
+    </nav>
+
+    <section class="hero">
+        <div class="container">
+            <h1>合作伙伴</h1>
+            <p>携手共创信任未来<br>开放合作，互利共赢，与优秀伙伴共建商业信任生态</p>
+        </div>
+    </section>
+
+    <!-- 合作伙伴 LOGO 展示 -->
+    <section class="section logo-section">
+        <div class="container">
+            <h2 class="section-title">我们的合作伙伴</h2>
+            <p class="section-subtitle">与行业领导者携手，共建信任生态</p>
+            
+            <!-- 金融机构 -->
+            <div class="logo-category">
+                <h3 class="category-title">金融机构</h3>
+                <div class="logo-grid">
+                    <div class="logo-item"><div class="logo-placeholder">🏦<br><span class="small">中国人民银行</span></div></div>
+                    <div class="logo-item"><div class="logo-placeholder">🏦<br><span class="small">工商银行</span></div></div>
+                    <div class="logo-item"><div class="logo-placeholder">🏦<br><span class="small">农业银行</span></div></div>
+                    <div class="logo-item"><div class="logo-placeholder">🏦<br><span class="small">中国银行</span></div></div>
+                    <div class="logo-item"><div class="logo-placeholder">🏦<br><span class="small">建设银行</span></div></div>
+                    <div class="logo-item"><div class="logo-placeholder">🏦<br><span class="small">交通银行</span></div></div>
+                    <div class="logo-item"><div class="logo-placeholder">🏦<br><span class="small">邮储银行</span></div></div>
+                    <div class="logo-item"><div class="logo-placeholder">🏦<br><span class="small">浦发银行</span></div></div>
+                    <div class="logo-item"><div class="logo-placeholder">🏦<br><span class="small">中信银行</span></div></div>
+                    <div class="logo-item"><div class="logo-placeholder">🏦<br><span class="small">光大银行</span></div></div>
+                    <div class="logo-item"><div class="logo-placeholder">🏦<br><span class="small">民生银行</span></div></div>
+                    <div class="logo-item"><div class="logo-placeholder">🏦<br><span class="small">招商银行</span></div></div>
+                </div>
+            </div>
+            
+            <!-- 房地产中介 -->
+            <div class="logo-category">
+                <h3 class="category-title">房地产中介</h3>
+                <div class="logo-grid">
+                    <div class="logo-item"><div class="logo-placeholder">🏠<br><span class="small">贝壳找房</span></div></div>
+                    <div class="logo-item"><div class="logo-placeholder">🏠<br><span class="small">链家</span></div></div>
+                    <div class="logo-item"><div class="logo-placeholder">🏠<br><span class="small">我爱我家</span></div></div>
+                    <div class="logo-item"><div class="logo-placeholder">🏠<br><span class="small">中原地产</span></div></div>
+                    <div class="logo-item"><div class="logo-placeholder">🏠<br><span class="small">安居客</span></div></div>
+                    <div class="logo-item"><div class="logo-placeholder">🏠<br><span class="small">房天下</span></div></div>
+                </div>
+            </div>
+            
+            <!-- 互联网巨头 -->
+            <div class="logo-category">
+                <h3 class="category-title">互联网巨头</h3>
+                <div class="logo-grid">
+                    <div class="logo-item"><div class="logo-placeholder">🐱<br><span class="small">阿里巴巴</span></div></div>
+                    <div class="logo-item"><div class="logo-placeholder">🐧<br><span class="small">腾讯</span></div></div>
+                    <div class="logo-item"><div class="logo-placeholder">🎵<br><span class="small">字节跳动</span></div></div>
+                    <div class="logo-item"><div class="logo-placeholder">🔍<br><span class="small">百度</span></div></div>
+                    <div class="logo-item"><div class="logo-placeholder">🛒<br><span class="small">京东</span></div></div>
+                    <div class="logo-item"><div class="logo-placeholder">🍚<br><span class="small">美团</span></div></div>
+                </div>
+            </div>
+            
+            <!-- 国家部委 -->
+            <div class="logo-category">
+                <h3 class="category-title">国家部委数据源</h3>
+                <div class="logo-grid">
+                    <div class="logo-item"><div class="logo-placeholder">🏛️<br><span class="small">国家工商总局</span></div></div>
+                    <div class="logo-item"><div class="logo-placeholder">🏛️<br><span class="small">公安部</span></div></div>
+                    <div class="logo-item"><div class="logo-placeholder">🏛️<br><span class="small">教育部</span></div></div>
+                    <div class="logo-item"><div class="logo-placeholder">🏛️<br><span class="small">人社部</span></div></div>
+                    <div class="logo-item"><div class="logo-placeholder">🏛️<br><span class="small">民政部</span></div></div>
+                    <div class="logo-item"><div class="logo-placeholder">🏛️<br><span class="small">最高法院</span></div></div>
+                </div>
+            </div>
+            
+            <!-- 地方数据集团 -->
+            <div class="logo-category">
+                <h3 class="category-title">地方数据集团</h3>
+                <div class="logo-grid">
+                    <div class="logo-item"><div class="logo-placeholder">📊<br><span class="small">北京数据集团</span></div></div>
+                    <div class="logo-item"><div class="logo-placeholder">📊<br><span class="small">上海数据集团</span></div></div>
+                    <div class="logo-item"><div class="logo-placeholder">📊<br><span class="small">广州数据交易所</span></div></div>
+                    <div class="logo-item"><div class="logo-placeholder">📊<br><span class="small">深圳数据交易所</span></div></div>
+                    <div class="logo-item"><div class="logo-placeholder">📊<br><span class="small">浙江大数据局</span></div></div>
+                    <div class="logo-item"><div class="logo-placeholder">📊<br><span class="small">贵州大数据局</span></div></div>
+                </div>
+            </div>
+            
+            <!-- 征信和数交平台 -->
+            <div class="logo-category">
+                <h3 class="category-title">征信中心 & 数据交易平台</h3>
+                <div class="logo-grid">
+                    <div class="logo-item"><div class="logo-placeholder">💳<br><span class="small">央行征信中心</span></div></div>
+                    <div class="logo-item"><div class="logo-placeholder">💳<br><span class="small">百行征信</span></div></div>
+                    <div class="logo-item"><div class="logo-placeholder">💳<br><span class="small">朴道征信</span></div></div>
+                    <div class="logo-item"><div class="logo-placeholder">🔍<br><span class="small">企查查</span></div></div>
+                    <div class="logo-item"><div class="logo-placeholder">🔍<br><span class="small">天眼查</span></div></div>
+                    <div class="logo-item"><div class="logo-placeholder">📈<br><span class="small">上海数交所</span></div></div>
+                    <div class="logo-item"><div class="logo-placeholder">📈<br><span class="small">北京数交所</span></div></div>
+                    <div class="logo-item"><div class="logo-placeholder">📈<br><span class="small">深圳数交所</span></div></div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- 合作类型 -->
+    <section class="section partner-types">
+        <div class="container">
+            <h2 class="section-title">合作类型</h2>
+            <p class="section-subtitle">多种合作模式，找到适合您的方式</p>
+            
+            <div class="types-grid">
+                <div class="type-card">
+                    <div class="type-icon">🤝</div>
+                    <h3>代理合作</h3>
+                    <p>成为愉悦查代理商，推广我们的产品和服务，获取丰厚佣金回报。三级代理体系，灵活选择。</p>
+                    <a href="#agent" class="type-link">了解详情 →</a>
+                </div>
+                
+                <div class="type-card">
+                    <div class="type-icon">📡</div>
+                    <h3>数据源合作</h3>
+                    <p>拥有官方数据源？与我们合作，接入愉悦查平台，共享海量客户资源。</p>
+                    <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="type-link" target="_blank">联系我们 →</a>
+                </div>
+                
+                <div class="type-card">
+                    <div class="type-icon">🔧</div>
+                    <h3>技术合作</h3>
+                    <p>技术团队、开发者、ISV，通过 API 集成愉悦查服务，为您的产品赋能。</p>
+                    <a href="/apidemo/" class="type-link">查看 API →</a>
+                </div>
+                
+                <div class="type-card">
+                    <div class="type-icon">🏢</div>
+                    <h3>企业合作</h3>
+                    <p>企业批量采购、定制服务、OEM 合作，我们提供专属解决方案和优惠价格。</p>
+                    <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="type-link" target="_blank">商务咨询 →</a>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- 代理体系 -->
+    <section class="section agent-section" id="agent">
+        <div class="container">
+            <h2 class="section-title">代理体系</h2>
+            <p class="section-subtitle">三级代理，灵活选择，共享收益</p>
+            
+            <div class="agent-grid">
+                <div class="agent-card">
+                    <span class="agent-level">🥈 白银代理</span>
+                    <h3>白银代理</h3>
+                    <div class="agent-price">¥0 <span>/终身</span></div>
+                    <ul class="agent-features">
+                        <li>10% 返佣</li>
+                        <li>基础培训支持</li>
+                        <li>标准产品价格</li>
+                        <li>在线帮助中心</li>
+                        <li>零门槛免费加入</li>
+                    </ul>
+                    <a href="https://p.yuyuecha.com/s/Cc9wgE" class="btn btn-outline" style="width:100%" target="_blank">立即申请</a>
+                </div>
+                
+                <div class="agent-card" style="border:2px solid var(--primary-orange);position:relative;">
+                    <div style="position:absolute;top:10px;right:10px;background:var(--primary-gradient);color:white;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:600;">推荐</div>
+                    <span class="agent-level">🥇 黄金代理</span>
+                    <h3>黄金代理</h3>
+                    <div class="agent-price">¥198 <span>/年</span></div>
+                    <ul class="agent-features">
+                        <li>30% 返佣</li>
+                        <li>优先技术支持</li>
+                        <li>专属代理价格</li>
+                        <li>营销素材支持</li>
+                        <li>定期培训</li>
+                        <li>下级代理奖励</li>
+                    </ul>
+                    <a href="https://p.yuyuecha.com/s/Cc9wgE" class="btn btn-primary" style="width:100%" target="_blank">立即申请</a>
+                </div>
+                
+                <div class="agent-card">
+                    <span class="agent-level">💎 钻石代理</span>
+                    <h3>钻石代理</h3>
+                    <div class="agent-price">¥980 <span>/年</span></div>
+                    <ul class="agent-features">
+                        <li>50% 返佣</li>
+                        <li>1 对 1 专属辅导</li>
+                        <li>最低代理价格</li>
+                        <li>联合营销支持</li>
+                        <li>优先新功能体验</li>
+                        <li>区域保护政策</li>
+                        <li>下级代理奖励</li>
+                    </ul>
+                    <a href="https://p.yuyuecha.com/s/Cc9wgE" class="btn btn-outline" style="width:100%" target="_blank">立即申请</a>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <section class="cta-section">
+        <div class="container">
+            <h2>成为合作伙伴</h2>
+            <p>无论您想成为代理商、数据源合作伙伴还是技术合作伙伴<br>我们都期待与您携手共创未来</p>
+            <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-lg" target="_blank">🤝 立即咨询</a>
+        </div>
+    </section>
+
+    <footer class="footer">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <h3>愉悦查</h3>
+                    <p>让信任无处不在，让合作没有距离</p>
+                    <p style="margin-top:16px;font-size:13px;">愉悦查（北京正信环宇科技有限公司）</p>
+                    <p style="font-size:13px;">AI 驱动的商业信任科技平台</p>
+                </div>
+                <div>
+                    <h4 class="footer-title">产品</h4>
+                    <ul class="footer-links">
+                        <li><a href="/product/riskassessment.html">个人大数据报告</a></li>
+                        <li><a href="/product/marriage.html">婚恋风险报告</a></li>
+                        <li><a href="/product/backgroundcheck.html">入职背调报告</a></li>
+                        <li><a href="/product/companyinfo.html">小微企业报告</a></li>
+                        <li><a href="/product/homeservice.html">家政风险报告</a></li>
+                        <li><a href="/product/consumerFinanceReport.html">消金报告</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h4 class="footer-title">API</h4>
+                    <ul class="footer-links">
+                        <li><a href="/apidemo/">API 平台</a></li>
+                        <li><a href="/all-apis.html">全部接口</a></li>
+                        <li><a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" target="_blank">技术咨询</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h4 class="footer-title">公司</h4>
+                    <ul class="footer-links">
+                        <li><a href="/about.html">关于我们</a></li>
+                        <li><a href="/careers.html">加入我们</a></li>
+                        <li><a href="/contact.html">联系我们</a></li>
+                        <li><a href="/news.html">新闻动态</a></li>
+                        <li><a href="/partners.html">合作伙伴</a></li>
+                    </ul>
+                </div>
+            </div>
+            <div class="footer-bottom">
+                <p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p>京 ICP 备 2025158088 号 -2</p>
+            </div>
+        </div>
+    </footer>
+</body>
+</html>
diff --git a/partners.html.bak.navbar b/partners.html.bak.navbar
new file mode 100755
index 0000000..22513b1
--- /dev/null
+++ b/partners.html.bak.navbar
@@ -0,0 +1,147 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>合作伙伴 - 愉悦查 | 让信任无处不在，让合作没有距离</title>
+    <meta name="description" content="愉悦查（北京正信环宇科技有限公司）是 AI 驱动的商业信任科技平台，提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告">
+    <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=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    <style>
+        :root { --primary-orange: #FF6A19; --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%); --bg-gray: #F5F7FA; --text-primary: #1A1A1A; --text-secondary: #666666; --spacing-lg: 48px; --spacing-xl: 80px; --radius-lg: 16px; }
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body { font-family: 'Noto Sans SC', sans-serif; line-height: 1.6; color: var(--text-primary); }
+        .container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
+        .navbar { position: fixed; top: 0; background: rgba(255,255,255,0.95); backdrop-filter: blur(10px); box-shadow: 0 2px 20px rgba(0,0,0,0.08); z-index: 1000; }
+        .navbar .container { display: flex; justify-content: space-between; align-items: center; height: 80px; }
+        .logo { display: flex; align-items: center; gap: 8px; text-decoration: none; }
+        .logo-img { height: 60px; width: auto; }
+        .nav-menu { display: flex; gap: 32px; list-style: none; }
+        .nav-link { font-size: 15px; font-weight: 500; color: var(--text-primary); text-decoration: none; transition: all 0.3s ease; }
+        .nav-link:hover { color: var(--primary-orange); }
+        .nav-cta { display: flex; gap: 12px; }
+        .btn { display: inline-block; padding: 10px 20px; font-size: 14px; font-weight: 500; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; text-decoration: none; text-align: center; }
+        .btn-primary { background: var(--primary-gradient); color: white; border: none; box-shadow: 0 4px 12px rgba(236, 77, 9, 0.3); }
+        .btn-outline { background: transparent; border: 2px solid var(--primary-orange); color: var(--primary-orange); }
+        .nav-btn { padding: 10px 20px; font-size: 14px; }
+        .hero { padding: 160px 0 80px; background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%); text-align: center; }
+        .hero h1 { font-size: 48px; color: var(--primary-orange); margin-bottom: 16px; }
+        .section { padding: var(--spacing-xl) 0; }
+        .section-title { text-align: center; font-size: 36px; margin-bottom: 8px; }
+        .section-subtitle { text-align: center; font-size: 18px; color: var(--text-secondary); margin-bottom: 48px; }
+        .values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin-top: 48px; }
+        .value-card { background: white; padding: 32px; border-radius: var(--radius-lg); box-shadow: 0 4px 16px rgba(0,0,0,0.08); text-align: center; }
+        .value-icon { font-size: 48px; margin-bottom: 16px; }
+        .value-card h3 { font-size: 20px; margin-bottom: 12px; color: var(--primary-orange); }
+        .footer { background: #1A1A1A; color: white; padding: 64px 0 32px; }
+        .footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 48px; margin-bottom: 48px; }
+        .footer-brand h3 { font-size: 24px; margin-bottom: 16px; color: var(--primary-orange); }
+        .footer-title { font-size: 16px; font-weight: 600; margin-bottom: 16px; }
+        .footer-links { list-style: none; padding: 0; }
+        .footer-links li { margin-bottom: 8px; }
+        .footer-links a { font-size: 14px; opacity: 0.8; transition: all 0.3s ease; color: white; text-decoration: none; }
+        .footer-links a:hover { opacity: 1; color: var(--primary-orange); }
+        .footer-bottom { text-align: center; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.6; }
+        @media (max-width: 1024px) { .nav-menu { display: none; } }
+        @media (max-width: 768px) { .values-grid { grid-template-columns: 1fr; } .hero h1 { font-size: 32px; } .footer-grid { grid-template-columns: 1fr; } }
+    </style>
+</head>
+<body>
+    <nav class="navbar">
+        <div class="container">
+            <a href="/index.html" class="logo">
+                <img src="assets/logo.png" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            <ul class="nav-menu">
+                <li><a href="/index.html#home" class="nav-link">首页</a></li>
+                <li><a href="/index.html#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="/index.html#technology" class="nav-link">AI 能力</a></li>
+                <li><a href="/index.html#partnership" class="nav-link">代理合作</a></li>
+                <li><a href="/index.html#about" class="nav-link">关于我们</a></li>
+            </ul>
+            <div class="nav-cta">
+                <a href="/index.html#products" class="btn btn-outline nav-btn">立即查询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
+            </div>
+        </div>
+    </nav>
+    <section class="hero">
+        <div class="container">
+            <h1>合作伙伴</h1>
+            <p style="font-size:18px;color:var(--text-secondary);max-width:700px;margin:0 auto;">让信任无处不在，让合作没有距离</p>
+        </div>
+    </section>
+    <section class="section">
+        <div class="container">
+            <h2 class="section-title">携手共建</h2>
+            <p style="text-align:center;max-width:800px;margin:0 auto;color:var(--text-secondary);">愉悦查（北京正信环宇科技有限公司）是 AI 驱动的商业信任科技平台，致力于搭建信任桥梁，连接商业未来。我们提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告，支持 AI 智能定制报告。</p>
+            <div class="values-grid">
+                <div class="value-card">
+                    <div class="value-icon">🤖</div>
+                    <h3>AI 驱动</h3>
+                    <p style="color:var(--text-secondary);">200+ 数据接口智能组合，秒级响应</p>
+                </div>
+                <div class="value-card">
+                    <div class="value-icon">🔒</div>
+                    <h3>安全合规</h3>
+                    <p style="color:var(--text-secondary);">严格遵守《个人信息保护法》，数据官方授权</p>
+                </div>
+                <div class="value-card">
+                    <div class="value-icon">🎯</div>
+                    <h3>专业可靠</h3>
+                    <p style="color:var(--text-secondary);">全面风险评估，PDF 格式报告下载</p>
+                </div>
+            </div>
+        </div>
+    </section>
+    <footer class="footer">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <h3>愉悦查</h3>
+                    <p>让信任无处不在，让合作没有距离</p>
+                </div>
+                <div>
+                    <h4 class="footer-title">产品</h4>
+                    <ul class="footer-links">
+                        <li><a href="/product/riskassessment.html">个人大数据报告</a></li>
+                        <li><a href="/product/marriage.html">婚恋风险报告</a></li>
+                        <li><a href="/product/backgroundcheck.html">入职背调报告</a></li>
+                        <li><a href="/product/companyinfo.html">小微企业报告</a></li>
+                        <li><a href="/product/homeservice.html">家政风险报告</a></li>
+                        <li><a href="/product/consumerFinanceReport.html">消金报告</a></li>
+                        <li><a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" target="_blank">AI 定制报告</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h4 class="footer-title">公司</h4>
+                    <ul class="footer-links">
+                        <li><a href="/about.html">关于我们</a></li>
+                        <li><a href="/careers.html">加入我们</a></li>
+                        <li><a href="/contact.html">联系我们</a></li>
+                        <li><a href="/news.html">新闻动态</a></li>
+                        <li><a href="/partners.html">合作伙伴</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h4 class="footer-title">支持</h4>
+                    <ul class="footer-links">
+                        <li><a href="/help.html">帮助中心</a></li>
+                        <li><a href="/apidemo/">API 文档</a></li>
+                        <li><a href="/index.html#partnership">代理支持</a></li>
+                        <li><a href="/privacy.html">隐私政策</a></li>
+                        <li><a href="/terms.html">服务条款</a></li>
+                        <li><a href="/disclaimer.html">免责声明</a></li>
+                    </ul>
+                </div>
+            </div>
+            <div class="footer-bottom">
+                <p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p class="footer-icp">京 ICP 备 2025158088 号 -2</p>
+            </div>
+        </div>
+    </footer>
+</body>
+</html>
diff --git a/partners.html.bak.uniform b/partners.html.bak.uniform
new file mode 100755
index 0000000..507f312
--- /dev/null
+++ b/partners.html.bak.uniform
@@ -0,0 +1,520 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>合作伙伴 - 愉悦查 | 携手共创信任未来</title>
+    <meta name="description" content="愉悦查合作伙伴，包括金融机构、房地产中介、数据源合作伙伴、互联网巨头等，携手共创信任未来。">
+    <meta name="keywords" content="愉悦查合作伙伴，代理商，数据源合作，技术合作">
+    
+    <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=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    
+    <style>
+        :root {
+            --primary-orange: #FF6A19;
+            --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
+            --bg-light: #FFFFFF;
+            --bg-gray: #F5F7FA;
+            --bg-dark: #1A1A1A;
+            --text-primary: #1A1A1A;
+            --text-secondary: #666666;
+            --text-light: #999999;
+            --spacing-xs: 8px;
+            --spacing-sm: 16px;
+            --spacing-md: 24px;
+            --spacing-lg: 48px;
+            --spacing-xl: 80px;
+            --radius-md: 8px;
+            --radius-lg: 16px;
+            --shadow-md: 0 4px 16px rgba(0,0,0,0.12);
+            --shadow-lg: 0 8px 32px rgba(0,0,0,0.16);
+            --transition: all 0.3s ease;
+        }
+        
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body { font-family: 'Noto Sans SC', sans-serif; line-height: 1.6; color: var(--text-primary); }
+        a { text-decoration: none; color: inherit; transition: var(--transition); }
+        ul { list-style: none; }
+        .container { max-width: 1400px; margin: 0 auto; padding: 0 var(--spacing-md); }
+        
+        .btn {
+            display: inline-block;
+            padding: 14px 32px;
+            font-size: 15px;
+            font-weight: 500;
+            border-radius: var(--radius-md);
+            cursor: pointer;
+            transition: var(--transition);
+            border: none;
+            text-align: center;
+        }
+        .btn-primary {
+            background: var(--primary-gradient);
+            color: white;
+            box-shadow: 0 4px 12px rgba(255, 106, 25, 0.3);
+        }
+        .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(255, 106, 25, 0.4); }
+        .btn-outline {
+            background: transparent;
+            border: 2px solid var(--primary-orange);
+            color: var(--primary-orange);
+        }
+        .btn-outline:hover { background: var(--primary-gradient); color: white; }
+        .btn-lg { padding: 16px 48px; font-size: 17px; }
+        
+        .navbar {
+            position: fixed;
+            top: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+        }
+        .navbar .container { display: flex; justify-content: space-between; align-items: center; height: 80px; }
+        .logo { display: flex; align-items: center; text-decoration: none; }
+        .logo-img { height: 60px; width: auto; }
+        .nav-menu { display: flex; gap: var(--spacing-lg); }
+        .nav-link { font-size: 15px; font-weight: 500; color: var(--text-primary); }
+        .nav-link:hover { color: var(--primary-orange); }
+        
+        .hero {
+            padding: 160px 0 100px;
+            background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 50%, #F5F7FA 100%);
+            text-align: center;
+        }
+        .hero h1 {
+            font-size: 52px;
+            font-weight: 900;
+            margin-bottom: var(--spacing-sm);
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 50%, #FF8A5C 100%);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+        .hero p { font-size: 22px; color: var(--text-secondary); max-width: 700px; margin: 0 auto var(--spacing-lg); line-height: 1.8; }
+        
+        .section { padding: var(--spacing-xl) 0; }
+        .section-title { text-align: center; font-size: 42px; font-weight: 700; margin-bottom: var(--spacing-xs); }
+        .section-subtitle { text-align: center; font-size: 20px; color: var(--text-secondary); margin-bottom: var(--spacing-lg); }
+        
+        .logo-section { background: white; }
+        .logo-category { margin-bottom: var(--spacing-lg); }
+        .category-title {
+            font-size: 24px;
+            font-weight: 700;
+            margin-bottom: var(--spacing-md);
+            color: var(--primary-orange);
+            display: flex;
+            align-items: center;
+            gap: 10px;
+        }
+        .category-title::before {
+            content: '';
+            display: inline-block;
+            width: 4px;
+            height: 24px;
+            background: var(--primary-gradient);
+            border-radius: 2px;
+        }
+        .logo-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
+            gap: var(--spacing-md);
+            margin-bottom: var(--spacing-lg);
+        }
+        .logo-item {
+            background: white;
+            border: 2px solid #E8E8E8;
+            border-radius: var(--radius-lg);
+            padding: var(--spacing-md);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            height: 100px;
+            transition: var(--transition);
+            cursor: pointer;
+        }
+        .logo-item:hover {
+            border-color: var(--primary-orange);
+            box-shadow: var(--shadow-lg);
+            transform: translateY(-4px);
+        }
+        .logo-item img {
+            max-width: 100%;
+            max-height: 60px;
+            object-fit: contain;
+        }
+        .logo-text {
+            font-size: 16px;
+            font-weight: 600;
+            color: var(--text-secondary);
+            text-align: center;
+        }
+        .logo-text.small { font-size: 14px; }
+        
+        .partner-types { background: var(--bg-gray); }
+        .types-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
+            gap: var(--spacing-md);
+        }
+        .type-card {
+            background: white;
+            padding: var(--spacing-lg);
+            border-radius: var(--radius-lg);
+            text-align: center;
+            transition: var(--transition);
+            border: 2px solid transparent;
+        }
+        .type-card:hover {
+            border-color: var(--primary-orange);
+            transform: translateY(-8px);
+            box-shadow: var(--shadow-lg);
+        }
+        .type-icon { font-size: 56px; margin-bottom: var(--spacing-sm); }
+        .type-card h3 { font-size: 22px; margin-bottom: var(--spacing-xs); color: var(--primary-orange); }
+        .type-card p { font-size: 15px; color: var(--text-secondary); line-height: 1.7; margin-bottom: var(--spacing-sm); }
+        .type-link { font-size: 14px; color: var(--primary-orange); font-weight: 500; }
+        
+        .agent-section { background: white; }
+        .agent-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+            gap: var(--spacing-md);
+        }
+        .agent-card {
+            background: var(--bg-gray);
+            padding: var(--spacing-lg);
+            border-radius: var(--radius-lg);
+            box-shadow: var(--shadow-md);
+            transition: var(--transition);
+        }
+        .agent-card:hover {
+            transform: translateY(-8px);
+            box-shadow: var(--shadow-lg);
+        }
+        .agent-level {
+            display: inline-block;
+            padding: 6px 16px;
+            background: var(--primary-gradient);
+            color: white;
+            border-radius: 20px;
+            font-size: 13px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-sm);
+        }
+        .agent-card h3 { font-size: 20px; margin-bottom: var(--spacing-xs); }
+        .agent-price { font-size: 24px; font-weight: 700; color: var(--primary-orange); margin-bottom: var(--spacing-sm); }
+        .agent-price span { font-size: 14px; color: var(--text-light); font-weight: 400; }
+        .agent-features { list-style: disc; padding-left: 20px; margin-bottom: var(--spacing-md); }
+        .agent-features li { font-size: 15px; color: var(--text-secondary); margin-bottom: 8px; line-height: 1.6; }
+        
+        .cta-section {
+            background: var(--primary-gradient);
+            padding: var(--spacing-xl) 0;
+            text-align: center;
+            color: white;
+        }
+        .cta-section h2 { font-size: 40px; font-weight: 700; margin-bottom: var(--spacing-sm); }
+        .cta-section p { font-size: 18px; margin-bottom: var(--spacing-lg); opacity: 0.95; }
+        .cta-section .btn { background: white; color: var(--primary-orange); }
+        
+        .footer {
+            background: var(--bg-dark);
+            color: white;
+            padding: var(--spacing-xl) 0 var(--spacing-lg);
+        }
+        .footer-grid {
+            display: grid;
+            grid-template-columns: 2fr 1fr 1fr 1fr;
+            gap: var(--spacing-lg);
+            margin-bottom: var(--spacing-lg);
+        }
+        .footer-brand h3 { font-size: 24px; margin-bottom: var(--spacing-xs); }
+        .footer-brand p { color: #CCCCCC; margin-bottom: var(--spacing-xs); font-size: 14px; }
+        .footer-title { font-size: 16px; font-weight: 600; margin-bottom: var(--spacing-sm); }
+        .footer-links li { margin-bottom: 10px; }
+        .footer-links a { color: #CCCCCC; }
+        .footer-links a:hover { color: var(--primary-orange); }
+        .footer-bottom {
+            text-align: center;
+            padding-top: var(--spacing-lg);
+            border-top: 1px solid #333333;
+            color: #999999;
+            font-size: 14px;
+        }
+        
+        @media (max-width: 768px) {
+            .hero h1 { font-size: 36px; }
+            .section-title { font-size: 32px; }
+            .types-grid, .agent-grid { grid-template-columns: 1fr; }
+            .footer-grid { grid-template-columns: 1fr; }
+            .nav-menu { display: none; }
+            .logo-grid { grid-template-columns: repeat(2, 1fr); }
+        }
+    </style>
+</head>
+<body>
+    <nav class="navbar">
+        <div class="container">
+            <a href="/index.html" class="logo">
+                <img src="assets/logo.png" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            <ul class="nav-menu">
+                <li><a href="/index.html" class="nav-link">首页</a></li>
+                <li><a href="/index.html#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="/apidemo/" class="nav-link">API 平台</a></li>
+                <li><a href="/all-apis.html" class="nav-link">全部接口</a></li>
+                <li><a href="/about.html" class="nav-link">关于我们</a></li>
+            </ul>
+            <div class="nav-cta">
+                <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-outline" target="_blank">技术咨询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary" target="_blank">登录</a>
+            </div>
+        </div>
+    </nav>
+
+    <section class="hero">
+        <div class="container">
+            <h1>合作伙伴</h1>
+            <p>携手共创信任未来<br>开放合作，互利共赢，与优秀伙伴共建商业信任生态</p>
+        </div>
+    </section>
+
+    <section class="section logo-section">
+        <div class="container">
+            <h2 class="section-title">我们的合作伙伴</h2>
+            <p class="section-subtitle">与行业领导者携手，共建信任生态</p>
+            
+            <div class="logo-category">
+                <h3 class="category-title">金融机构</h3>
+                <div class="logo-grid">
+                    <div class="logo-item"><div class="logo-text">🏦<br><span class="small">中国人民银行</span></div></div>
+                    <div class="logo-item"><div class="logo-text">🏦<br><span class="small">工商银行</span></div></div>
+                    <div class="logo-item"><div class="logo-text">🏦<br><span class="small">农业银行</span></div></div>
+                    <div class="logo-item"><div class="logo-text">🏦<br><span class="small">中国银行</span></div></div>
+                    <div class="logo-item"><div class="logo-text">🏦<br><span class="small">建设银行</span></div></div>
+                    <div class="logo-item"><div class="logo-text">🏦<br><span class="small">交通银行</span></div></div>
+                    <div class="logo-item"><div class="logo-text">🏦<br><span class="small">邮储银行</span></div></div>
+                    <div class="logo-item"><div class="logo-text">🏦<br><span class="small">浦发银行</span></div></div>
+                    <div class="logo-item"><div class="logo-text">🏦<br><span class="small">中信银行</span></div></div>
+                    <div class="logo-item"><div class="logo-text">🏦<br><span class="small">光大银行</span></div></div>
+                    <div class="logo-item"><div class="logo-text">🏦<br><span class="small">民生银行</span></div></div>
+                    <div class="logo-item"><img src="assets/logos/cmb.png" alt="招商银行"></div>
+                </div>
+            </div>
+            
+            <div class="logo-category">
+                <h3 class="category-title">房地产中介</h3>
+                <div class="logo-grid">
+                    <div class="logo-item"><img src="assets/logos/ke.png" alt="贝壳找房"></div>
+                    <div class="logo-item"><img src="assets/logos/lianjia.png" alt="链家"></div>
+                    <div class="logo-item"><div class="logo-text">🏠<br><span class="small">我爱我家</span></div></div>
+                    <div class="logo-item"><div class="logo-text">🏠<br><span class="small">中原地产</span></div></div>
+                    <div class="logo-item"><div class="logo-text">🏠<br><span class="small">安居客</span></div></div>
+                    <div class="logo-item"><div class="logo-text">🏠<br><span class="small">房天下</span></div></div>
+                </div>
+            </div>
+            
+            <div class="logo-category">
+                <h3 class="category-title">互联网巨头</h3>
+                <div class="logo-grid">
+                    <div class="logo-item"><div class="logo-text">🐱<br><span class="small">阿里巴巴</span></div></div>
+                    <div class="logo-item"><div class="logo-text">🐧<br><span class="small">腾讯</span></div></div>
+                    <div class="logo-item"><div class="logo-text">🎵<br><span class="small">字节跳动</span></div></div>
+                    <div class="logo-item"><div class="logo-text">🔍<br><span class="small">百度</span></div></div>
+                    <div class="logo-item"><div class="logo-text">🛒<br><span class="small">京东</span></div></div>
+                    <div class="logo-item"><div class="logo-text">🍚<br><span class="small">美团</span></div></div>
+                </div>
+            </div>
+            
+            <div class="logo-category">
+                <h3 class="category-title">国家部委数据源</h3>
+                <div class="logo-grid">
+                    <div class="logo-item"><div class="logo-text">🏛️<br><span class="small">国家工商总局</span></div></div>
+                    <div class="logo-item"><div class="logo-text">🏛️<br><span class="small">公安部</span></div></div>
+                    <div class="logo-item"><div class="logo-text">🏛️<br><span class="small">教育部</span></div></div>
+                    <div class="logo-item"><div class="logo-text">🏛️<br><span class="small">人社部</span></div></div>
+                    <div class="logo-item"><div class="logo-text">🏛️<br><span class="small">民政部</span></div></div>
+                    <div class="logo-item"><div class="logo-text">🏛️<br><span class="small">最高法院</span></div></div>
+                </div>
+            </div>
+            
+            <div class="logo-category">
+                <h3 class="category-title">地方数据集团</h3>
+                <div class="logo-grid">
+                    <div class="logo-item"><div class="logo-text">📊<br><span class="small">北京数据集团</span></div></div>
+                    <div class="logo-item"><div class="logo-text">📊<br><span class="small">上海数据集团</span></div></div>
+                    <div class="logo-item"><div class="logo-text">📊<br><span class="small">广州数据交易所</span></div></div>
+                    <div class="logo-item"><div class="logo-text">📊<br><span class="small">深圳数据交易所</span></div></div>
+                    <div class="logo-item"><div class="logo-text">📊<br><span class="small">浙江大数据局</span></div></div>
+                    <div class="logo-item"><div class="logo-text">📊<br><span class="small">贵州大数据局</span></div></div>
+                </div>
+            </div>
+            
+            <div class="logo-category">
+                <h3 class="category-title">征信中心 & 数据交易平台</h3>
+                <div class="logo-grid">
+                    <div class="logo-item"><div class="logo-text">💳<br><span class="small">央行征信中心</span></div></div>
+                    <div class="logo-item"><div class="logo-text">💳<br><span class="small">百行征信</span></div></div>
+                    <div class="logo-item"><div class="logo-text">💳<br><span class="small">朴道征信</span></div></div>
+                    <div class="logo-item"><div class="logo-text">🔍<br><span class="small">企查查</span></div></div>
+                    <div class="logo-item"><div class="logo-text">🔍<br><span class="small">天眼查</span></div></div>
+                    <div class="logo-item"><div class="logo-text">📈<br><span class="small">上海数交所</span></div></div>
+                    <div class="logo-item"><div class="logo-text">📈<br><span class="small">北京数交所</span></div></div>
+                    <div class="logo-item"><div class="logo-text">📈<br><span class="small">深圳数交所</span></div></div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <section class="section partner-types">
+        <div class="container">
+            <h2 class="section-title">合作类型</h2>
+            <p class="section-subtitle">多种合作模式，找到适合您的方式</p>
+            
+            <div class="types-grid">
+                <div class="type-card">
+                    <div class="type-icon">🤝</div>
+                    <h3>代理合作</h3>
+                    <p>成为愉悦查代理商，推广我们的产品和服务，获取丰厚佣金回报。三级代理体系，灵活选择。</p>
+                    <a href="#agent" class="type-link">了解详情 →</a>
+                </div>
+                
+                <div class="type-card">
+                    <div class="type-icon">📡</div>
+                    <h3>数据源合作</h3>
+                    <p>拥有官方数据源？与我们合作，接入愉悦查平台，共享海量客户资源。</p>
+                    <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="type-link" target="_blank">联系我们 →</a>
+                </div>
+                
+                <div class="type-card">
+                    <div class="type-icon">🔧</div>
+                    <h3>技术合作</h3>
+                    <p>技术团队、开发者、ISV，通过 API 集成愉悦查服务，为您的产品赋能。</p>
+                    <a href="/apidemo/" class="type-link">查看 API →</a>
+                </div>
+                
+                <div class="type-card">
+                    <div class="type-icon">🏢</div>
+                    <h3>企业合作</h3>
+                    <p>企业批量采购、定制服务、OEM 合作，我们提供专属解决方案和优惠价格。</p>
+                    <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="type-link" target="_blank">商务咨询 →</a>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <section class="section agent-section" id="agent">
+        <div class="container">
+            <h2 class="section-title">代理体系</h2>
+            <p class="section-subtitle">三级代理，灵活选择，共享收益</p>
+            
+            <div class="agent-grid">
+                <div class="agent-card">
+                    <span class="agent-level">🥈 白银代理</span>
+                    <h3>白银代理</h3>
+                    <div class="agent-price">¥0 <span>/终身</span></div>
+                    <ul class="agent-features">
+                        <li>10% 返佣</li>
+                        <li>基础培训支持</li>
+                        <li>标准产品价格</li>
+                        <li>在线帮助中心</li>
+                        <li>零门槛免费加入</li>
+                    </ul>
+                    <a href="https://p.yuyuecha.com/s/Cc9wgE" class="btn btn-outline" style="width:100%" target="_blank">立即申请</a>
+                </div>
+                
+                <div class="agent-card" style="border:2px solid var(--primary-orange);position:relative;">
+                    <div style="position:absolute;top:10px;right:10px;background:var(--primary-gradient);color:white;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:600;">推荐</div>
+                    <span class="agent-level">🥇 黄金代理</span>
+                    <h3>黄金代理</h3>
+                    <div class="agent-price">¥198 <span>/年</span></div>
+                    <ul class="agent-features">
+                        <li>30% 返佣</li>
+                        <li>优先技术支持</li>
+                        <li>专属代理价格</li>
+                        <li>营销素材支持</li>
+                        <li>定期培训</li>
+                        <li>下级代理奖励</li>
+                    </ul>
+                    <a href="https://p.yuyuecha.com/s/Cc9wgE" class="btn btn-primary" style="width:100%" target="_blank">立即申请</a>
+                </div>
+                
+                <div class="agent-card">
+                    <span class="agent-level">💎 钻石代理</span>
+                    <h3>钻石代理</h3>
+                    <div class="agent-price">¥980 <span>/年</span></div>
+                    <ul class="agent-features">
+                        <li>50% 返佣</li>
+                        <li>1 对 1 专属辅导</li>
+                        <li>最低代理价格</li>
+                        <li>联合营销支持</li>
+                        <li>优先新功能体验</li>
+                        <li>区域保护政策</li>
+                        <li>下级代理奖励</li>
+                    </ul>
+                    <a href="https://p.yuyuecha.com/s/Cc9wgE" class="btn btn-outline" style="width:100%" target="_blank">立即申请</a>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <section class="cta-section">
+        <div class="container">
+            <h2>成为合作伙伴</h2>
+            <p>无论您想成为代理商、数据源合作伙伴还是技术合作伙伴<br>我们都期待与您携手共创未来</p>
+            <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-lg" target="_blank">🤝 立即咨询</a>
+        </div>
+    </section>
+
+    <footer class="footer">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <h3>愉悦查</h3>
+                    <p>让信任无处不在，让合作没有距离</p>
+                    <p style="margin-top:16px;font-size:13px;">愉悦查（北京正信环宇科技有限公司）</p>
+                    <p style="font-size:13px;">AI 驱动的商业信任科技平台</p>
+                </div>
+                <div>
+                    <h4 class="footer-title">产品</h4>
+                    <ul class="footer-links">
+                        <li><a href="/product/riskassessment.html">个人大数据报告</a></li>
+                        <li><a href="/product/marriage.html">婚恋风险报告</a></li>
+                        <li><a href="/product/backgroundcheck.html">入职背调报告</a></li>
+                        <li><a href="/product/companyinfo.html">小微企业报告</a></li>
+                        <li><a href="/product/homeservice.html">家政风险报告</a></li>
+                        <li><a href="/product/consumerFinanceReport.html">消金报告</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h4 class="footer-title">API</h4>
+                    <ul class="footer-links">
+                        <li><a href="/apidemo/">API 平台</a></li>
+                        <li><a href="/all-apis.html">全部接口</a></li>
+                        <li><a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" target="_blank">技术咨询</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h4 class="footer-title">公司</h4>
+                    <ul class="footer-links">
+                        <li><a href="/about.html">关于我们</a></li>
+                        <li><a href="/careers.html">加入我们</a></li>
+                        <li><a href="/contact.html">联系我们</a></li>
+                        <li><a href="/news.html">新闻动态</a></li>
+                        <li><a href="/partners.html">合作伙伴</a></li>
+                    </ul>
+                </div>
+            </div>
+            <div class="footer-bottom">
+                <p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p>京 ICP 备 2025158088 号 -2</p>
+            </div>
+        </div>
+    </footer>
+</body>
+</html>
diff --git a/partners.html.bak.v2 b/partners.html.bak.v2
new file mode 100755
index 0000000..d6aa4d3
--- /dev/null
+++ b/partners.html.bak.v2
@@ -0,0 +1,264 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>合作伙伴 - 愉悦查 | 让信任无处不在，让合作没有距离</title>
+    <meta name="description" content="愉悦查（北京正信环宇科技有限公司）是 AI 驱动的商业信任科技平台，提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告">
+    <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=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    <style>
+        :root { --primary-orange: #FF6A19; --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%); --bg-gray: #F5F7FA; --text-primary: #1A1A1A; --text-secondary: #666666; --spacing-lg: 48px; --spacing-xl: 80px; --radius-lg: 16px; }
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body { font-family: 'Noto Sans SC', sans-serif; line-height: 1.6; color: var(--text-primary); }
+        .container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
+        .navbar { position: fixed; top: 0; background: rgba(255,255,255,0.95); backdrop-filter: blur(10px); box-shadow: 0 2px 20px rgba(0,0,0,0.08); z-index: 1000; }
+        .navbar .container { display: flex; justify-content: space-between; align-items: center; height: 80px; }
+        .logo { display: flex; align-items: center; gap: 8px; text-decoration: none; }
+        .logo-img { height: 60px; width: auto; }
+        .nav-menu { display: flex; gap: 32px; list-style: none; }
+        .nav-link { font-size: 15px; font-weight: 500; color: var(--text-primary); text-decoration: none; transition: all 0.3s ease; }
+        .nav-link:hover { color: var(--primary-orange); }
+        .nav-cta { display: flex; gap: 12px; }
+        .btn { display: inline-block; padding: 10px 20px; font-size: 14px; font-weight: 500; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; text-decoration: none; text-align: center; }
+        .btn-primary { background: var(--primary-gradient); color: white; border: none; box-shadow: 0 4px 12px rgba(236, 77, 9, 0.3); }
+        .btn-outline { background: transparent; border: 2px solid var(--primary-orange); color: var(--primary-orange); }
+        .nav-btn { padding: 10px 20px; font-size: 14px; }
+        .hero { padding: 160px 0 80px; background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%); text-align: center; }
+        .hero h1 { font-size: 48px; color: var(--primary-orange); margin-bottom: 16px; }
+        .section { padding: var(--spacing-xl) 0; }
+        .section-title { text-align: center; font-size: 36px; margin-bottom: 8px; }
+        .section-subtitle { text-align: center; font-size: 18px; color: var(--text-secondary); margin-bottom: 48px; }
+        .values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin-top: 48px; }
+        .value-card { background: white; padding: 32px; border-radius: var(--radius-lg); box-shadow: 0 4px 16px rgba(0,0,0,0.08); text-align: center; }
+        .value-icon { font-size: 48px; margin-bottom: 16px; }
+        .value-card h3 { font-size: 20px; margin-bottom: 12px; color: var(--primary-orange); }
+        .footer { background: #1A1A1A; color: white; padding: 64px 0 32px; }
+        .footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 48px; margin-bottom: 48px; }
+        .footer-brand h3 { font-size: 24px; margin-bottom: 16px; color: var(--primary-orange); }
+        .footer-title { font-size: 16px; font-weight: 600; margin-bottom: 16px; }
+        .footer-links { list-style: none; padding: 0; }
+        .footer-links li { margin-bottom: 8px; }
+        .footer-links a { font-size: 14px; opacity: 0.8; transition: all 0.3s ease; color: white; text-decoration: none; }
+        .footer-links a:hover { opacity: 1; color: var(--primary-orange); }
+        .footer-bottom { text-align: center; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.6; }
+        @media (max-width: 1024px) { .nav-menu { display: none; } }
+        @media (max-width: 768px) { .values-grid { grid-template-columns: 1fr; } .hero h1 { font-size: 32px; } .footer-grid { grid-template-columns: 1fr; } }
+    
+        /* ===== Navigation ===== */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+            transition: var(--transition);
+        }
+        
+        .navbar.scrolled {
+            box-shadow: 0 4px 30px rgba(0,0,0,0.12);
+        }
+        
+        .navbar .container {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            height: 80px;
+            max-width: 1400px;
+            margin: 0 auto;
+            padding: 0 32px;
+        }
+        
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            text-decoration: none;
+            background: transparent;
+            padding: 4px 0;
+        }
+        
+        .logo-img {
+            background: rgba(255,255,255,0.95);
+            height: 60px;
+            width: auto;
+            object-fit: contain;
+            transition: var(--transition);
+        }
+        
+        .logo:hover .logo-img {
+            background: rgba(255,255,255,0.95);
+            transform: scale(1.05);
+        }
+        
+        .nav-menu {
+            display: flex;
+            gap: var(--spacing-lg);
+            align-items: center;
+        }
+        
+        .nav-link {
+            font-size: 15px;
+            font-weight: 500;
+            color: var(--text-primary);
+            transition: var(--transition);
+            position: relative;
+        }
+        
+        .nav-link:hover {
+            color: var(--primary-orange);
+        }
+        
+        .nav-link::after {
+            content: '';
+            position: absolute;
+            bottom: -4px;
+            left: 0;
+            width: 0;
+            height: 2px;
+            background: var(--primary-orange);
+            transition: var(--transition);
+        }
+        
+        .nav-link:hover::after {
+            width: 100%;
+        }
+        
+        .nav-cta {
+            display: flex;
+            gap: var(--spacing-sm);
+        }
+        
+        .nav-btn {
+            padding: 10px 20px;
+            font-size: 14px;
+        }
+        
+        /* Mobile Menu */
+        .menu-toggle {
+            display: none;
+            flex-direction: column;
+            gap: 5px;
+            cursor: pointer;
+            padding: 5px;
+        }
+        
+        .menu-toggle span {
+            width: 25px;
+            height: 3px;
+            background: var(--primary-orange);
+            border-radius: 2px;
+            transition: var(--transition);
+        }
+</style>
+</head>
+<body>
+    <nav class="navbar" id="navbar">
+        <div class="container">
+            <a href="/index.html" class="logo">
+                <img src="assets/logo.png" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            
+            <div class="menu-toggle" id="menuToggle">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+            
+            <ul class="nav-menu" id="navMenu">
+                <li><a href="/index.html#home" class="nav-link">首页</a></li>
+                <li><a href="/index.html#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="/index.html#technology" class="nav-link">AI 能力</a></li>
+                <li><a href="/index.html#partnership" class="nav-link">代理合作</a></li>
+                <li><a href="/index.html#about" class="nav-link">关于我们</a></li>
+            </ul>
+            
+            <div class="nav-cta">
+                <a href="/index.html#products" class="btn btn-outline nav-btn">立即查询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
+            </div>
+        </div>
+    </nav>
+<section class="hero">
+        <div class="container">
+            <h1>合作伙伴</h1>
+            <p style="font-size:18px;color:var(--text-secondary);max-width:700px;margin:0 auto;">让信任无处不在，让合作没有距离</p>
+        </div>
+    </section>
+    <section class="section">
+        <div class="container">
+            <h2 class="section-title">携手共建</h2>
+            <p style="text-align:center;max-width:800px;margin:0 auto;color:var(--text-secondary);">愉悦查（北京正信环宇科技有限公司）是 AI 驱动的商业信任科技平台，致力于搭建信任桥梁，连接商业未来。我们提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告，支持 AI 智能定制报告。</p>
+            <div class="values-grid">
+                <div class="value-card">
+                    <div class="value-icon">🤖</div>
+                    <h3>AI 驱动</h3>
+                    <p style="color:var(--text-secondary);">200+ 数据接口智能组合，秒级响应</p>
+                </div>
+                <div class="value-card">
+                    <div class="value-icon">🔒</div>
+                    <h3>安全合规</h3>
+                    <p style="color:var(--text-secondary);">严格遵守《个人信息保护法》，数据官方授权</p>
+                </div>
+                <div class="value-card">
+                    <div class="value-icon">🎯</div>
+                    <h3>专业可靠</h3>
+                    <p style="color:var(--text-secondary);">全面风险评估，PDF 格式报告下载</p>
+                </div>
+            </div>
+        </div>
+    </section>
+    <footer class="footer">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <h3>愉悦查</h3>
+                    <p>让信任无处不在，让合作没有距离</p>
+                </div>
+                <div>
+                    <h4 class="footer-title">产品</h4>
+                    <ul class="footer-links">
+                        <li><a href="/product/riskassessment.html">个人大数据报告</a></li>
+                        <li><a href="/product/marriage.html">婚恋风险报告</a></li>
+                        <li><a href="/product/backgroundcheck.html">入职背调报告</a></li>
+                        <li><a href="/product/companyinfo.html">小微企业报告</a></li>
+                        <li><a href="/product/homeservice.html">家政风险报告</a></li>
+                        <li><a href="/product/consumerFinanceReport.html">消金报告</a></li>
+                        <li><a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" target="_blank">AI 定制报告</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h4 class="footer-title">公司</h4>
+                    <ul class="footer-links">
+                        <li><a href="/about.html">关于我们</a></li>
+                        <li><a href="/careers.html">加入我们</a></li>
+                        <li><a href="/contact.html">联系我们</a></li>
+                        <li><a href="/news.html">新闻动态</a></li>
+                        <li><a href="/partners.html">合作伙伴</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h4 class="footer-title">支持</h4>
+                    <ul class="footer-links">
+                        <li><a href="/help.html">帮助中心</a></li>
+                        <li><a href="/apidemo/">API 文档</a></li>
+                        <li><a href="/index.html#partnership">代理支持</a></li>
+                        <li><a href="/privacy.html">隐私政策</a></li>
+                        <li><a href="/terms.html">服务条款</a></li>
+                        <li><a href="/disclaimer.html">免责声明</a></li>
+                    </ul>
+                </div>
+            </div>
+            <div class="footer-bottom">
+                <p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p class="footer-icp">京 ICP 备 2025158088 号 -2</p>
+            </div>
+        </div>
+    </footer>
+</body>
+</html>
diff --git a/partners.html.bak.v3 b/partners.html.bak.v3
new file mode 100755
index 0000000..b83d75b
--- /dev/null
+++ b/partners.html.bak.v3
@@ -0,0 +1,377 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>合作伙伴 - 愉悦查 | 携手共创信任未来</title>
+    <meta name="description" content="愉悦查合作伙伴，包括代理商、数据源合作伙伴、技术合作伙伴等，携手共创信任未来。">
+    <meta name="keywords" content="愉悦查合作伙伴，代理商，数据源合作，技术合作">
+    
+    <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=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    
+    <style>
+        :root {
+            --primary-orange: #FF6A19;
+            --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
+            --bg-light: #FFFFFF;
+            --bg-gray: #F5F7FA;
+            --bg-dark: #1A1A1A;
+            --text-primary: #1A1A1A;
+            --text-secondary: #666666;
+            --text-light: #999999;
+            --spacing-xs: 8px;
+            --spacing-sm: 16px;
+            --spacing-md: 24px;
+            --spacing-lg: 48px;
+            --spacing-xl: 80px;
+            --radius-md: 8px;
+            --radius-lg: 16px;
+            --shadow-md: 0 4px 16px rgba(0,0,0,0.12);
+            --shadow-lg: 0 8px 32px rgba(0,0,0,0.16);
+            --transition: all 0.3s ease;
+        }
+        
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body { font-family: 'Noto Sans SC', sans-serif; line-height: 1.6; color: var(--text-primary); }
+        a { text-decoration: none; color: inherit; transition: var(--transition); }
+        ul { list-style: none; }
+        .container { max-width: 1400px; margin: 0 auto; padding: 0 var(--spacing-md); }
+        
+        .btn {
+            display: inline-block;
+            padding: 14px 32px;
+            font-size: 15px;
+            font-weight: 500;
+            border-radius: var(--radius-md);
+            cursor: pointer;
+            transition: var(--transition);
+            border: none;
+            text-align: center;
+        }
+        .btn-primary {
+            background: var(--primary-gradient);
+            color: white;
+            box-shadow: 0 4px 12px rgba(255, 106, 25, 0.3);
+        }
+        .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(255, 106, 25, 0.4); }
+        .btn-outline {
+            background: transparent;
+            border: 2px solid var(--primary-orange);
+            color: var(--primary-orange);
+        }
+        .btn-outline:hover { background: var(--primary-gradient); color: white; }
+        .btn-lg { padding: 16px 48px; font-size: 17px; }
+        
+        .navbar {
+            position: fixed;
+            top: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+        }
+        .navbar .container { display: flex; justify-content: space-between; align-items: center; height: 80px; }
+        .logo { display: flex; align-items: center; text-decoration: none; }
+        .logo-img { height: 60px; width: auto; }
+        .nav-menu { display: flex; gap: var(--spacing-lg); }
+        .nav-link { font-size: 15px; font-weight: 500; color: var(--text-primary); }
+        .nav-link:hover { color: var(--primary-orange); }
+        
+        .hero {
+            padding: 160px 0 100px;
+            background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 50%, #F5F7FA 100%);
+            text-align: center;
+        }
+        .hero h1 {
+            font-size: 52px;
+            font-weight: 900;
+            margin-bottom: var(--spacing-sm);
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 50%, #FF8A5C 100%);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+        .hero p { font-size: 22px; color: var(--text-secondary); max-width: 700px; margin: 0 auto var(--spacing-lg); line-height: 1.8; }
+        
+        .section { padding: var(--spacing-xl) 0; }
+        .section-title { text-align: center; font-size: 42px; font-weight: 700; margin-bottom: var(--spacing-xs); }
+        .section-subtitle { text-align: center; font-size: 20px; color: var(--text-secondary); margin-bottom: var(--spacing-lg); }
+        
+        .partner-types { background: white; }
+        .types-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
+            gap: var(--spacing-md);
+        }
+        .type-card {
+            background: var(--bg-gray);
+            padding: var(--spacing-lg);
+            border-radius: var(--radius-lg);
+            text-align: center;
+            transition: var(--transition);
+            border: 2px solid transparent;
+        }
+        .type-card:hover {
+            border-color: var(--primary-orange);
+            transform: translateY(-8px);
+            box-shadow: var(--shadow-lg);
+        }
+        .type-icon { font-size: 56px; margin-bottom: var(--spacing-sm); }
+        .type-card h3 { font-size: 22px; margin-bottom: var(--spacing-xs); color: var(--primary-orange); }
+        .type-card p { font-size: 15px; color: var(--text-secondary); line-height: 1.7; margin-bottom: var(--spacing-sm); }
+        .type-link { font-size: 14px; color: var(--primary-orange); font-weight: 500; }
+        
+        .agent-section { background: var(--bg-gray); }
+        .agent-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+            gap: var(--spacing-md);
+        }
+        .agent-card {
+            background: white;
+            padding: var(--spacing-lg);
+            border-radius: var(--radius-lg);
+            box-shadow: var(--shadow-md);
+            transition: var(--transition);
+        }
+        .agent-card:hover {
+            transform: translateY(-8px);
+            box-shadow: var(--shadow-lg);
+        }
+        .agent-level {
+            display: inline-block;
+            padding: 6px 16px;
+            background: var(--primary-gradient);
+            color: white;
+            border-radius: 20px;
+            font-size: 13px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-sm);
+        }
+        .agent-card h3 { font-size: 20px; margin-bottom: var(--spacing-xs); }
+        .agent-price { font-size: 24px; font-weight: 700; color: var(--primary-orange); margin-bottom: var(--spacing-sm); }
+        .agent-price span { font-size: 14px; color: var(--text-light); font-weight: 400; }
+        .agent-features { list-style: disc; padding-left: 20px; margin-bottom: var(--spacing-md); }
+        .agent-features li { font-size: 15px; color: var(--text-secondary); margin-bottom: 8px; line-height: 1.6; }
+        
+        .cta-section {
+            background: var(--primary-gradient);
+            padding: var(--spacing-xl) 0;
+            text-align: center;
+            color: white;
+        }
+        .cta-section h2 { font-size: 40px; font-weight: 700; margin-bottom: var(--spacing-sm); }
+        .cta-section p { font-size: 18px; margin-bottom: var(--spacing-lg); opacity: 0.95; }
+        .cta-section .btn { background: white; color: var(--primary-orange); }
+        
+        .footer {
+            background: var(--bg-dark);
+            color: white;
+            padding: var(--spacing-xl) 0 var(--spacing-lg);
+        }
+        .footer-grid {
+            display: grid;
+            grid-template-columns: 2fr 1fr 1fr 1fr;
+            gap: var(--spacing-lg);
+            margin-bottom: var(--spacing-lg);
+        }
+        .footer-brand h3 { font-size: 24px; margin-bottom: var(--spacing-xs); }
+        .footer-brand p { color: #CCCCCC; margin-bottom: var(--spacing-xs); font-size: 14px; }
+        .footer-title { font-size: 16px; font-weight: 600; margin-bottom: var(--spacing-sm); }
+        .footer-links li { margin-bottom: 10px; }
+        .footer-links a { color: #CCCCCC; }
+        .footer-links a:hover { color: var(--primary-orange); }
+        .footer-bottom {
+            text-align: center;
+            padding-top: var(--spacing-lg);
+            border-top: 1px solid #333333;
+            color: #999999;
+            font-size: 14px;
+        }
+        
+        @media (max-width: 768px) {
+            .hero h1 { font-size: 36px; }
+            .section-title { font-size: 32px; }
+            .types-grid, .agent-grid { grid-template-columns: 1fr; }
+            .footer-grid { grid-template-columns: 1fr; }
+            .nav-menu { display: none; }
+        }
+    </style>
+</head>
+<body>
+    <nav class="navbar">
+        <div class="container">
+            <a href="/index.html" class="logo">
+                <img src="assets/logo.png" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            <ul class="nav-menu">
+                <li><a href="/index.html" class="nav-link">首页</a></li>
+                <li><a href="/index.html#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="/apidemo/" class="nav-link">API 平台</a></li>
+                <li><a href="/all-apis.html" class="nav-link">全部接口</a></li>
+                <li><a href="/about.html" class="nav-link">关于我们</a></li>
+            </ul>
+            <div class="nav-cta">
+                <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-outline" target="_blank">技术咨询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary" target="_blank">登录</a>
+            </div>
+        </div>
+    </nav>
+
+    <section class="hero">
+        <div class="container">
+            <h1>合作伙伴</h1>
+            <p>携手共创信任未来<br>开放合作，互利共赢，与优秀伙伴共建商业信任生态</p>
+        </div>
+    </section>
+
+    <section class="section partner-types">
+        <div class="container">
+            <h2 class="section-title">合作类型</h2>
+            <p class="section-subtitle">多种合作模式，找到适合您的方式</p>
+            
+            <div class="types-grid">
+                <div class="type-card">
+                    <div class="type-icon">🤝</div>
+                    <h3>代理合作</h3>
+                    <p>成为愉悦查代理商，推广我们的产品和服务，获取丰厚佣金回报。三级代理体系，灵活选择。</p>
+                    <a href="#agent" class="type-link">了解详情 →</a>
+                </div>
+                
+                <div class="type-card">
+                    <div class="type-icon">📡</div>
+                    <h3>数据源合作</h3>
+                    <p>拥有官方数据源？与我们合作，接入愉悦查平台，共享海量客户资源。</p>
+                    <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="type-link" target="_blank">联系我们 →</a>
+                </div>
+                
+                <div class="type-card">
+                    <div class="type-icon">🔧</div>
+                    <h3>技术合作</h3>
+                    <p>技术团队、开发者、ISV，通过 API 集成愉悦查服务，为您的产品赋能。</p>
+                    <a href="/apidemo/" class="type-link">查看 API →</a>
+                </div>
+                
+                <div class="type-card">
+                    <div class="type-icon">🏢</div>
+                    <h3>企业合作</h3>
+                    <p>企业批量采购、定制服务、OEM 合作，我们提供专属解决方案和优惠价格。</p>
+                    <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="type-link" target="_blank">商务咨询 →</a>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <section class="section agent-section" id="agent">
+        <div class="container">
+            <h2 class="section-title">代理体系</h2>
+            <p class="section-subtitle">三级代理，灵活选择，共享收益</p>
+            
+            <div class="agent-grid">
+                <div class="agent-card">
+                    <span class="agent-level">🥈 白银代理</span>
+                    <h3>白银代理</h3>
+                    <div class="agent-price">¥0 <span>/终身</span></div>
+                    <ul class="agent-features">
+                        <li>10% 返佣</li>
+                        <li>基础培训支持</li>
+                        <li>标准产品价格</li>
+                        <li>在线帮助中心</li>
+                        <li>零门槛免费加入</li>
+                    </ul>
+                    <a href="https://p.yuyuecha.com/s/Cc9wgE" class="btn btn-outline" style="width:100%" target="_blank">立即申请</a>
+                </div>
+                
+                <div class="agent-card" style="border:2px solid var(--primary-orange);position:relative;">
+                    <div style="position:absolute;top:10px;right:10px;background:var(--primary-gradient);color:white;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:600;">推荐</div>
+                    <span class="agent-level">🥇 黄金代理</span>
+                    <h3>黄金代理</h3>
+                    <div class="agent-price">¥198 <span>/年</span></div>
+                    <ul class="agent-features">
+                        <li>30% 返佣</li>
+                        <li>优先技术支持</li>
+                        <li>专属代理价格</li>
+                        <li>营销素材支持</li>
+                        <li>定期培训</li>
+                        <li>下级代理奖励</li>
+                    </ul>
+                    <a href="https://p.yuyuecha.com/s/Cc9wgE" class="btn btn-primary" style="width:100%" target="_blank">立即申请</a>
+                </div>
+                
+                <div class="agent-card">
+                    <span class="agent-level">💎 钻石代理</span>
+                    <h3>钻石代理</h3>
+                    <div class="agent-price">¥980 <span>/年</span></div>
+                    <ul class="agent-features">
+                        <li>50% 返佣</li>
+                        <li>1 对 1 专属辅导</li>
+                        <li>最低代理价格</li>
+                        <li>联合营销支持</li>
+                        <li>优先新功能体验</li>
+                        <li>区域保护政策</li>
+                        <li>下级代理奖励</li>
+                    </ul>
+                    <a href="https://p.yuyuecha.com/s/Cc9wgE" class="btn btn-outline" style="width:100%" target="_blank">立即申请</a>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <section class="cta-section">
+        <div class="container">
+            <h2>成为合作伙伴</h2>
+            <p>无论您想成为代理商、数据源合作伙伴还是技术合作伙伴<br>我们都期待与您携手共创未来</p>
+            <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-lg" target="_blank">🤝 立即咨询</a>
+        </div>
+    </section>
+
+    <footer class="footer">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <h3>愉悦查</h3>
+                    <p>让信任无处不在，让合作没有距离</p>
+                    <p style="margin-top:16px;font-size:13px;">愉悦查（北京正信环宇科技有限公司）</p>
+                    <p style="font-size:13px;">AI 驱动的商业信任科技平台</p>
+                </div>
+                <div>
+                    <h4 class="footer-title">产品</h4>
+                    <ul class="footer-links">
+                        <li><a href="/product/riskassessment.html">个人大数据报告</a></li>
+                        <li><a href="/product/marriage.html">婚恋风险报告</a></li>
+                        <li><a href="/product/backgroundcheck.html">入职背调报告</a></li>
+                        <li><a href="/product/companyinfo.html">小微企业报告</a></li>
+                        <li><a href="/product/homeservice.html">家政风险报告</a></li>
+                        <li><a href="/product/consumerFinanceReport.html">消金报告</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h4 class="footer-title">API</h4>
+                    <ul class="footer-links">
+                        <li><a href="/apidemo/">API 平台</a></li>
+                        <li><a href="/all-apis.html">全部接口</a></li>
+                        <li><a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" target="_blank">技术咨询</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h4 class="footer-title">公司</h4>
+                    <ul class="footer-links">
+                        <li><a href="/about.html">关于我们</a></li>
+                        <li><a href="/careers.html">加入我们</a></li>
+                        <li><a href="/contact.html">联系我们</a></li>
+                        <li><a href="/news.html">新闻动态</a></li>
+                        <li><a href="/partners.html">合作伙伴</a></li>
+                    </ul>
+                </div>
+            </div>
+            <div class="footer-bottom">
+                <p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p>京 ICP 备 2025158088 号 -2</p>
+            </div>
+        </div>
+    </footer>
+</body>
+</html>
diff --git a/privacy.html b/privacy.html
new file mode 100755
index 0000000..dbb8acc
--- /dev/null
+++ b/privacy.html
@@ -0,0 +1,576 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>隐私政策 - 愉悦查 | 让信任无处不在，让合作没有距离</title>
+    <meta name="description" content="愉悦查隐私政策，保护您的个人信息安全">
+    <!-- SEO Enhancement -->
+    <link rel="canonical" href="https://www.yuyuecha.com.cn/privacy.html">
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="https://www.yuyuecha.com.cn/privacy.html">
+    <meta property="og:title" content="隐私政策 - 愉悦查">
+    <meta property="og:description" content="愉悦查隐私政策，保护您的个人信息安全，严格遵守《个人信息保护法》。">
+    <meta property="og:image" content="https://www.yuyuecha.com.cn/assets/logo-nav-2x.png">
+    <meta property="og:site_name" content="愉悦查">
+    <meta property="og:locale" content="zh_CN">
+    <meta name="twitter:card" content="summary">
+    <meta name="twitter:title" content="隐私政策 - 愉悦查">
+    <meta name="twitter:description" content="愉悦查隐私政策，保护您的个人信息安全，严格遵守《个人信息保护法》。">
+    <meta name="twitter:image" content="https://www.yuyuecha.com.cn/assets/logo-nav-2x.png">
+    <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=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    <style>
+        :root { --primary-orange: #FF6A19; --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%); --bg-gray: #F5F7FA; --text-primary: #1A1A1A; --text-secondary: #666666; --spacing-lg: 48px; --spacing-xl: 80px; --radius-lg: 16px; }
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body { font-family: 'Noto Sans SC', sans-serif; line-height: 2; color: var(--text-primary); }
+        .container { max-width: 1000px; margin: 0 auto; padding: 0 24px; }
+        .navbar { position: fixed; top: 0; background: rgba(255,255,255,0.95); backdrop-filter: blur(10px); box-shadow: 0 2px 20px rgba(0,0,0,0.08); z-index: 1000; }
+        .navbar .container { display: flex; justify-content: space-between; align-items: center; height: 80px; }
+        .logo { display: flex; align-items: center; gap: 8px; text-decoration: none; }
+        .logo-img { height: 60px; width: auto; }
+        .nav-menu { display: flex; gap: 32px; list-style: none; }
+        .nav-link { font-size: 15px; font-weight: 500; color: var(--text-primary); text-decoration: none; }
+        .nav-link:hover { color: var(--primary-orange); }
+        .hero { padding: 160px 0 60px; background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%); text-align: center; }
+        .hero h1 { font-size: 48px; color: var(--primary-orange); margin-bottom: 16px; }
+        .hero p { font-size: 18px; color: var(--text-secondary); }
+        .content-section { padding: var(--spacing-xl) 0; }
+        .content-section h2 { font-size: 28px; color: var(--primary-orange); margin: 40px 0 20px; padding-bottom: 10px; border-bottom: 2px solid var(--primary-orange); }
+        .content-section h3 { font-size: 20px; margin: 30px 0 15px; color: var(--text-primary); }
+        .content-section h4 { font-size: 18px; margin: 25px 0 12px; color: var(--text-primary); }
+        .content-section p { margin: 15px 0; text-indent: 2em; text-align: justify; }
+        .content-section ul { margin: 15px 0 15px 40px; }
+        .content-section li { margin: 10px 0; }
+        .intro-box { background: var(--bg-gray); padding: 30px; border-radius: var(--radius-lg); margin: 30px 0; border-left: 4px solid var(--primary-orange); }
+        .intro-box p { text-indent: 0; margin: 15px 0; }
+        .update-time { background: var(--bg-gray); padding: 20px; border-radius: var(--radius-lg); margin: 30px 0; text-align: center; }
+        .update-time strong { color: var(--primary-orange); }
+        .footer { background: #1A1A1A; color: white; padding: 64px 0 32px; }
+        .footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 48px; margin-bottom: 48px; }
+        .footer-brand h3 { font-size: 24px; margin-bottom: 16px; color: var(--primary-orange); }
+        .footer-title { font-size: 16px; font-weight: 600; margin-bottom: 16px; }
+        .footer-links { list-style: none; }
+        .footer-links li { margin-bottom: 8px; }
+        .footer-links a { color: white; opacity: 0.8; text-decoration: none; }
+        .footer-links a:hover { opacity: 1; color: var(--primary-orange); }
+        .footer-bottom { text-align: center; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.6; }
+        @media (max-width: 768px) { .hero h1 { font-size: 32px; } .footer-grid { grid-template-columns: 1fr; } .nav-menu { display: none; } }
+    
+        /* ===== Unified Navbar ===== */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            z-index: 1000;
+            padding: 12px 0;
+            transition: all 0.3s ease;
+            background: rgba(255,255,255,0.95);
+            backdrop-filter: blur(20px);
+            -webkit-backdrop-filter: blur(20px);
+        }
+        .navbar.scrolled {
+            padding: 8px 0;
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+        }
+        .navbar .container {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 0 24px;
+        }
+        .logo {
+            display: flex;
+            align-items: center;
+            text-decoration: none;
+        }
+        .logo-img {
+            height: 44px;
+            width: auto;
+            object-fit: contain;
+            transition: all 0.3s ease;
+        }
+        .logo:hover .logo-img {
+            transform: scale(1.03);
+        }
+        .nav-menu {
+            display: flex;
+            gap: 32px;
+            list-style: none;
+            margin: 0;
+            padding: 0;
+        }
+        .nav-link {
+            font-size: 15px;
+            font-weight: 500;
+            color: #1A1A1A;
+            text-decoration: none;
+            position: relative;
+            padding: 6px 0;
+            transition: all 0.3s ease;
+        }
+        .nav-link::after {
+            content: '';
+            position: absolute;
+            bottom: 0;
+            left: 50%;
+            width: 0;
+            height: 2px;
+            background: #FF6A19;
+            transition: all 0.3s ease;
+            transform: translateX(-50%);
+            border-radius: 1px;
+        }
+        .nav-link:hover {
+            color: #FF6A19;
+        }
+        .nav-link:hover::after {
+            width: 100%;
+        }
+        .nav-cta {
+            display: flex;
+            gap: 12px;
+            align-items: center;
+        }
+        .nav-btn {
+            padding: 8px 20px;
+            border-radius: 8px;
+            font-size: 14px;
+            font-weight: 500;
+            cursor: pointer;
+            transition: all 0.3s ease;
+            text-decoration: none;
+            border: none;
+            display: inline-flex;
+            align-items: center;
+        }
+        .btn-outline.nav-btn {
+            border: 1.5px solid #FF6A19;
+            color: #FF6A19;
+            background: transparent;
+        }
+        .btn-outline.nav-btn:hover {
+            background: #FFF5F0;
+        }
+        .btn-primary.nav-btn {
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
+            color: white;
+            box-shadow: 0 2px 8px rgba(255,106,25,0.3);
+        }
+        .btn-primary.nav-btn:hover {
+            transform: translateY(-1px);
+            box-shadow: 0 4px 12px rgba(255,106,25,0.4);
+        }
+        .menu-toggle {
+            display: none;
+            flex-direction: column;
+            gap: 5px;
+            cursor: pointer;
+            padding: 4px;
+            z-index: 1001;
+        }
+        .menu-toggle span {
+            width: 24px;
+            height: 2px;
+            background: #1A1A1A;
+            transition: all 0.3s ease;
+            border-radius: 1px;
+        }
+        @media (max-width: 1024px) {
+            .nav-menu {
+                display: none;
+                position: fixed;
+                top: 0;
+                left: 0;
+                right: 0;
+                bottom: 0;
+                background: rgba(255,255,255,0.98);
+                backdrop-filter: blur(20px);
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                gap: 24px;
+                z-index: 999;
+            }
+            .nav-menu.active {
+                display: flex;
+            }
+            .nav-link {
+                font-size: 18px;
+            }
+            .nav-cta {
+                display: none;
+            }
+            .menu-toggle {
+                display: flex;
+            }
+        }
+
+        /* ===== Unified Footer ===== */
+        .footer {
+            background: #1A1A1A;
+            color: white;
+            padding: 60px 0 30px;
+        }
+        .footer-grid {
+            display: grid;
+            grid-template-columns: 1.5fr 1fr 1fr 1fr;
+            gap: 48px;
+            margin-bottom: 40px;
+        }
+        .footer-brand h3 {
+            font-size: 22px;
+            font-weight: 700;
+            margin-bottom: 8px;
+            background: linear-gradient(135deg, #FF6A19, #FC6E18);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+        .footer-brand p {
+            color: rgba(255,255,255,0.6);
+            font-size: 14px;
+            line-height: 1.6;
+        }
+        .footer-title {
+            font-size: 15px;
+            font-weight: 600;
+            margin-bottom: 16px;
+            color: rgba(255,255,255,0.9);
+        }
+        .footer-links {
+            list-style: none;
+            padding: 0;
+            margin: 0;
+        }
+        .footer-links li {
+            margin-bottom: 10px;
+        }
+        .footer-links a {
+            color: rgba(255,255,255,0.5);
+            text-decoration: none;
+            font-size: 14px;
+            transition: all 0.3s ease;
+        }
+        .footer-links a:hover {
+            color: #FF6A19;
+        }
+        .footer-bottom {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            padding-top: 24px;
+            border-top: 1px solid rgba(255,255,255,0.1);
+            font-size: 13px;
+            color: rgba(255,255,255,0.4);
+        }
+        .footer-icp {
+            color: rgba(255,255,255,0.4);
+        }
+        .footer-icp a {
+            color: rgba(255,255,255,0.4);
+            text-decoration: none;
+        }
+        .footer-icp a:hover {
+            color: #FF6A19;
+        }
+        @media (max-width: 768px) {
+            .footer-grid {
+                grid-template-columns: 1fr 1fr;
+                gap: 32px;
+            }
+            .footer-bottom {
+                flex-direction: column;
+                text-align: center;
+                gap: 8px;
+            }
+        }
+        @media (max-width: 480px) {
+            .footer-grid {
+                grid-template-columns: 1fr;
+            }
+        }
+
+    </style>
+</head>
+<body>
+            <nav class="navbar" id="navbar">
+        <div class="container">
+            <a href="/index.html" class="logo">
+                <img src="assets/logo-nav.png" srcset="assets/logo-nav.png 1x, assets/logo-nav-2x.png 2x" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            
+            <div class="menu-toggle" id="menuToggle">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+            
+            <ul class="nav-menu" id="navMenu">
+                <li><a href="/index.html" class="nav-link">首页</a></li>
+                <li><a href="/index.html#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="/index.html#technology" class="nav-link">AI 能力</a></li>
+                <li><a href="/index.html#partnership" class="nav-link">代理合作</a></li>
+                <li><a href="/about.html" class="nav-link">关于我们</a></li>
+            </ul>
+            
+            <div class="nav-cta">
+                <a href="/index.html#products" class="btn btn-outline nav-btn">立即查询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
+            </div>
+        </div>
+    </nav>
+
+    <section class="hero">
+        <div class="container">
+            <h1>隐私政策</h1>
+            <p>您的信任对我们非常重要</p>
+        </div>
+    </section>
+
+    <div class="container">
+        <div class="intro-box">
+            <p>我们深知个人信息对您的重要性，我们将按法律法规要求，采取相应安全保护措施，尽力保护您的个人信息安全可控。有鉴于此，北京正信环宇科技有限公司（以下简称"我们"或"愉悦查"）作为愉悦查产品及服务的提供者制定本《隐私政策》（下称"本政策"）并提醒您：</p>
+            <p>本政策适用于全部愉悦查产品及服务，如我们关联公司的产品或服务中使用了愉悦查提供的产品或服务但未设独立的隐私政策的，该部分愉悦查提供的产品或服务同样适用于本政策。</p>
+            <p>需要特别说明的是，本政策不适用于其他第三方通过网页或愉悦查客户端直接向您提供的服务（统称"第三方服务"），您向该第三方服务提供者提供的信息不适用于本政策，您在选择使用第三方服务前应充分了解第三方服务的产品功能及隐私保护政策，再选择是否开通功能。</p>
+            <p><strong>在使用愉悦查产品或服务前，请您务必仔细阅读并透彻理解本政策，在确认充分理解使用相关产品或服务。一旦您开始使用愉悦查产品或服务，即表示您已充分理解并同意本政策。</strong></p>
+        </div>
+
+        <div class="update-time">
+            <p><strong>生效日期：</strong>2026 年 1 月 1 日</p>
+            <p><strong>发布单位：</strong>北京正信环宇科技有限公司</p>
+        </div>
+
+        <div class="content-section">
+            <h2>第一部分 定义</h2>
+            
+            <h3>1、愉悦查服务提供者</h3>
+            <p>是指研发并提供愉悦查产品和服务法律主体，北京正信环宇科技有限公司（下称"我们"或"愉悦查"）</p>
+
+            <h3>2、愉悦查用户</h3>
+            <p>是指注册愉悦查账户的用户，以下称"您"。</p>
+
+            <h3>3、个人信息</h3>
+            <p>指以电子或者其他方式记录的能够单独或者与其他信息结合识别特定自然人身份或者反映特定自然人活动情况的各种信息。</p>
+
+            <h3>4、个人信息删除</h3>
+            <p>指在实现日常业务功能所涉及的系统中去除个人信息的行为，使其保持不可被检索、访问的状态，具体指产品内的账号注销功能。</p>
+
+            <h3>5、个人信息匿名化</h3>
+            <p>通过对个人信息的加密技术处理，使得个人信息主体无法被识别，且处理后的信息不能被复原的过程。</p>
+        </div>
+
+        <div class="content-section">
+            <h2>第二部分 隐私政策</h2>
+
+            <h3>一、我们如何收集您的个人信息</h3>
+            <p>为了向您及愉悦查企业用户提供愉悦查服务，维护愉悦查服务的正常运行，改进及优化我们的服务体验并保障您的账号安全，我们会出于本政策下述目的及方式收集您在注册、使用愉悦查服务时主动提供、授权提供或基于您使用愉悦查服务时产生的信息：</p>
+
+            <h4>（一）注册愉悦查用户信息</h4>
+            <p>为注册成为愉悦查用户，以便我们为您提供愉悦查服务，诸如数据查询、视频查看等功能，您需要提供您的手机号码及短信验证码以注册并创建愉悦查账号，否则您将不能使用愉悦查服务。</p>
+            <p>如果您仅需使用浏览、搜索愉悦查网页展示的产品、功能及服务介绍，您不需要注册成为愉悦查用户并提供上述信息。</p>
+            <p>如您的账号是注册在企业下的关联账号，当您所在企业用户注销愉悦查账户时，我们将会匿名化处理或删除您在该组织的相关个人信息，但您作为愉悦查个人用户的个人信息仍将保留，除非您主动注销愉悦查账户。</p>
+            <p>在经过用户授权同意的情况下，我司需要获取用户的手机号码以便开展相应业务。</p>
+
+            <h4>（二）使用愉悦查服务过程中收集信息</h4>
+            <p>当您在使用愉悦查服务过程中，为向您提供您需求的愉悦查软件服务、交互展示、搜索结果、识别账号异常状态，维护愉悦查服务的正常运行，改进及优化您对愉悦查服务的体验并保障您的账号安全，包括您使用愉悦查服务以及使用方式的信息，并将这些信息进行关联：</p>
+
+            <p><strong>1、日志信息：</strong></p>
+            <p>当您使用我们的网站或客户端提供的产品或服务时，我们会自动收集您对我们服务的详细使用情况，作为有关网络日志保存。例如您的搜索查询内容、IP 地址、使用的语言、访问日期和时间、您访问的网页记录、日志信息。</p>
+            <p>请注意，单独的设备信息、日志信息是无法识别特定自然人身份的信息。如果我们将这类非个人信息与其他信息结合用于识别特定自然人身份，或者将其与个人信息结合使用，则在结合使用期间，这类非个人信息将有可能被视为个人信息，除取得您授权或法律法规另有规定外，我们会将该类个人信息做匿名化、去标识化处理。</p>
+
+            <p><strong>2、您向我们提供的信息：</strong></p>
+            <p>在服务使用过程中，特别是在申请提现、实名认证或佣金结算时，您需要提供包括但不限于姓名、身份证号、银行卡号、手机号、税务身份信息等个人资料。您同意我们为履行合同义务、税务申报、身份核验、财务结算等必要目的，收集、使用、存储并在必要范围内共享该等信息。在进行税务代扣代缴、结算服务时，我们有权将必要信息提供给依法合作的第三方税务服务商、结算服务商，前提是该第三方承担同等信息保护义务。</p>
+            <p>您可以对愉悦查产品及服务的体验问题反馈，帮助我们更好地了解您使用我们产品或服务的体验和需求，改善我们产品或服务，为此我们会记录您的联系信息、反馈的问题或建议，以便我们进一步联系您反馈您我们的处理意见。为向您提供更好的服务，例如在不同的服务端或设备上提供体验一致的服务和您需求的客服接待，了解产品适配性，识别账号异常状态。</p>
+
+            <p><strong>3、为您提供安全保障收集信息：</strong></p>
+            <p>为预防、发现、调查欺诈、侵权、危害安全、非法或违反与我们或与我们关联公司的协议、政策或规则的行为，我们可能收集或整合您的用户个人信息、服务使用信息、设备信息、日志信息以及我们关联公司、合作伙伴取得您授权或依据法律共享的信息。您理解并同意，我们向您提供的功能和服务场景是不断迭代升级的，如我们未在上述场景中明示您需要收集的个人信息，我们将会通过页面提示、交互设计等方式另行向您明示信息收集的内容、范围和目的并征得您同意。</p>
+            <p>如我们停止运营愉悦查产品或服务，我们将及时停止继续收集您个人信息的活动，将停止运营的通知以公告或短信的形式通知您，并依照所适用的法律对所持有的您的个人信息进行删除或匿名化处理。</p>
+
+            <p><strong>4、手机号码收集及其用途：</strong></p>
+            <p>在您使用愉悦查服务的过程中，我们可能会要求您提供手机号码。我们收集您的手机号码，主要是为了向您发送重要的通知、服务更新、账户安全信息、促销活动、服务相关的短信等。为了确保您能及时获得关于您账号安全、产品更新和优化、系统维护等信息，我们可能会向您发送有关服务变更、功能更新、版本升级等通知，确保您能够持续享受我们的产品和服务。</p>
+            <p>此外，您的手机号码还可能用于为您提供个性化的短信推广内容，帮助您了解我们新推出的服务、产品或活动优惠。我们承诺，不会在未经您明确同意的情况下，将您的手机号码用于任何与服务相关以外的用途，且不会将您的信息出售或租赁给第三方。为了保障您的权益，您可以随时通过设置页面或联系客户服务停止接收短信通知或推广信息。如果您选择取消订阅短信通知或推广，您仍将继续收到与账户安全、系统通知等相关的重要信息。</p>
+            <p>我们会采取严格的措施保护您的手机号码不被滥用，包括采用加密存储、定期审查访问权限等技术和管理手段，以确保您的个人信息安全。同时，我们也会根据适用的法律法规，在您停止使用我们的服务或终止您的账户时，删除或匿名化处理您的手机号码及其他相关信息。</p>
+
+            <h3>二、我们如何使用信息</h3>
+            <p>收集您的信息是为了向您提供服务及提升服务质量，为了实现这一目的，我们会把您的信息用于下列用途：</p>
+            <ul>
+                <li>（1）向您提供您使用的愉悦查产品或服务，并维护、改进、优化这些服务及服务体验；</li>
+                <li>（2）为预防、发现、调查欺诈、侵权、危害安全、非法或违反与我们或与我们关联公司的协议、政策或规则的行为，保护您、其他用户或公众以及我们或我们关联公司的合法权益，我们会使用或整合您的个人信息、服务使用信息、设备信息、日志信息以及我们关联公司、合作伙伴取得您授权或依据法律共享的信息，来综合判断您的操作风险、检测及防范安全事件，并依法采取必要的记录、审计、分析、处置措施；</li>
+                <li>（3）经您许可的其他用途。</li>
+            </ul>
+
+            <h3>三、我们如何使用 Cookie 和同类技术</h3>
+            <p>为使您获得更轻松的访问体验，您使用愉悦查产品或服务时，我们可能会通过采用各种技术收集和存储您访问愉悦查服务的相关数据，在您访问或再次访问愉悦查服务时，我们能识别您的身份，并通过分析数据为您提供更好更多的服务。</p>
+            <p>包括使用小型数据文件识别您的身份，这么做是为了解您的使用习惯，帮您省去重复输入账户信息的步骤，或者帮助判断您的账户安全。这些数据文件可能是 Cookie、Flash Cookie，或您的浏览器或关联应用程序提供的其他本地存储（统称"Cookie"）。</p>
+            <p>请您理解，我们的某些服务只能通过使用 Cookie 才可得到实现。如果您的浏览器或浏览器附加服务允许，您可以修改对 Cookie 的接受程度或者拒绝愉悦查的 Cookie，但拒绝愉悦查的 Cookie 在某些情况下您可能无法使用依赖于 cookies 的愉悦查服务的部分功能。</p>
+
+            <h3>四、我们如何共享、转让、公开披露您的信息</h3>
+
+            <h4>(一) 共享</h4>
+            <p>我们不会和其他公司、组织和个人共享您的个人信息，但以下情况除外：</p>
+            <ul>
+                <li>（1）在获取您同意的情况下共享：获得您的明确同意后，我们会与其他方共享您的个人信息。</li>
+                <li>（2）在法定情形下的共享：我们可能会根据法律法规规定、诉讼争议解决需要，或按行政、司法机关依法提出的要求，对外共享您的个人信息。</li>
+                <li>（3）只有透露您的资料，才能提供您所要求的第三方产品和服务，在您通过愉悦查客户端购买查询服务的，您同意愉悦查向实际产品提供者提供您的身份信息，包括真实姓名和身份证号等。为了提升实人认证的准确性，您同意第三方公司仅限于个人信息进行验证相关服务，将您提供的个人信息与法律法规允许的机构或政府机关授权的机构的数据进行校验。</li>
+                <li>（4）在您被他人投诉侵犯知识产权或其他合法权利时，需要向投诉人披露您的必要资料，以便进行投诉处理的；</li>
+                <li>（5）愉悦查服务可能含有其他网站的链接。除法律另有规定外，愉悦查对其他网站的隐私保护措施不负相应法律责任。我们可能在需要的时候增加商业伙伴，但是提供给他们的将仅是综合信息，我们将不会公开您的个人信息。</li>
+            </ul>
+
+            <h4>(二) 转让</h4>
+            <p>我们不会将您的个人信息转让给任何公司、组织和个人，但以下情况除外：</p>
+            <ul>
+                <li>（1）在获取明确同意的情况下转让：获得您的明确同意后，我们会向其他方转让您的个人信息。</li>
+                <li>（2）在愉悦查发生合并、收购或破产清算情形，或其他涉及合并、收购或破产清算情形时，如涉及到个人信息转让，我们会要求新的持有您个人信息的公司、组织继续受本政策的约束，否则我们将要求该公司、组织和个人重新向您征求授权同意。</li>
+            </ul>
+
+            <h4>(三) 公开披露</h4>
+            <p>我们仅会在以下情况下，公开披露您的个人信息：</p>
+            <ul>
+                <li>（1）获得您明确同意或基于您的主动选择，我们可能会公开披露您的个人信息；</li>
+                <li>（2）如果我们确定您出现违反法律法规或严重违反愉悦查相关协议规则的情况，或为保护愉悦查及其关联公司用户或公众的人身财产安全免遭侵害，我们可能依据法律法规或愉悦查相关协议规则征得您同意的情况下披露关于您的个人信息，包括相关违规行为以及愉悦查已对您采取的措施。</li>
+            </ul>
+
+            <h4>(四) 共享、转让、公开披露个人信息时事先征得授权同意的例外</h4>
+            <p>以下情形中，共享、转让、公开披露您的个人信息无需事先征得您的授权同意：</p>
+            <ul>
+                <li>（1）与国家安全、国防安全有关的；</li>
+                <li>（2）与公共安全、公共卫生、重大公共利益有关的；</li>
+                <li>（3）与犯罪侦查、起诉、审判和判决执行等有关的；</li>
+                <li>（4）出于维护您或其他个人的生命、财产等重大合法权益但又很难得到本人同意的；</li>
+                <li>（5）您自行向社会公众公开的个人信息；</li>
+                <li>（6）从合法公开披露的信息中收集个人信息的，如合法的新闻报道、政府信息公开等渠道。</li>
+            </ul>
+            <p>请您注意，根据法律规定，共享、转让经匿名化处理的个人信息，且确保数据接收方无法复原并重新识别个人信息主体的，不属于个人信息的对外共享、转让及公开披露行为，对此类数据的保存及处理将无需另行向您通知并征得您的同意。</p>
+
+            <h3>五、我们如何保护您的信息</h3>
+            <p>我们会采取各种预防措施来保护您的个人信息，以保障您的个人信息免遭丢失、盗用和误用，以及被擅自取阅、披露、更改或销毁。为确保您个人信息的安全，我们有严格的信息安全规定和流程并严格执行上述措施。</p>
+            <p>愉悦查建立了全方位、多维度的数据安全管理体系，保证整个愉悦查各个平台的安全性。我们会采取合理可行的措施，尽力避免收集无关的个人信息，并在限于达成本政策所述目的所需的期限以及所适用法律法规所要求的期限内对您的个人信息进行脱敏处理。在您使用查询过程中所涉及的用户姓名、身份证号、手机号/账号密码信息均采用的是 AES 加密方式，所有二次输出信息均经过脱敏处理，数据库文件不存储用户明文数据。</p>
+            <p>在不幸发生个人信息安全事件后，我们将按照法律法规的要求（最迟不迟于 30 个自然日内）向您告知：安全事件的基本情况和可能的影响、我们已采取或将要采取的处置措施、您可自主防范和降低风险的建议、对您的补救措施等。事件相关情况我们将以邮件、信函、电话通知等方式告知您，难以逐一告知个人信息主体时，我们会采取合理、有效的方式发布公告。同时，我们还将按照监管部门要求，上报个人信息安全事件的处置情况。</p>
+            <p>互联网环境并非百分之百安全，尽管我们有这些安全措施，但仍然无法完全避免互联网中存在的各种风险，我们将尽力确保您的信息的安全性。</p>
+
+            <h3>六、未成年人保护</h3>
+            <p>我们重视未成年人的信息保护，如您为未成年人的，建议您请您的父母或监护人仔细阅读本隐私权政策，并在征得您的父母或监护人同意的前提下使用我们的服务或向我们提供信息。</p>
+            <p>对于经父母或监护人同意使用我们的产品或服务而收集未成年人个人信息的情况，我们只会在法律法规允许，父母或监护人明确同意或者保护未成年人所必要的情况下使用、共享、转让或披露此信息。</p>
+            <p>我们将根据国家相关法律法规及本政策的规定保护未成年人的个人信息。</p>
+
+            <h3>七、您的个人信息存储</h3>
+
+            <h4>(一) 存储地区</h4>
+            <p>我们将在中华人民共和国境内运营愉悦查服务中收集和产生的个人信息存储在中华人民共和国境内。目前，我们不会将上述信息传输至境外，如果我们向境外传输，我们将会遵循相关国家规定或者征求您的同意。</p>
+
+            <h4>(二) 存储期限</h4>
+            <p>您在使用本平台期间，我们将保存您的个人脱敏加密信息，保存期限将以不超过为您提供服务所必须的期间为原则。在您终止使用本平台后，除法律法规对于特定信息保留期限另有规定外，我们会对您的信息进行删除或做匿名化处理。如我们停止运营本平台服务，我们将在合理期限内依照所适用的法律对所持有的您的个人信息进行删除或匿名化处理。</p>
+
+            <h3>八、您享有的权利及权利行使路径</h3>
+
+            <h4>(一) 访问查询权</h4>
+            <p>您对您的愉悦查账号内的信息（含个人信息）依法享有访问查询权，包括：</p>
+            <p><strong>账户信息：</strong>您可以登录手机客户端，通过【我的 - 点击名字或头像】可以访问您的头像信息、姓名、绑定手机号。</p>
+            <p><strong>使用信息：</strong>您可以在愉悦查手机客户端相关页面访问、查询您的使用信息，包括订单信息，可以通过【报告列表 - 查看详情】进行访问、查看。</p>
+            <p><strong>其他信息：</strong>如您在此前述过程中遇到操作问题的或如需获取其他前述无法获知的个人信息内容，您可通过在线客服或邮箱联系我们，我们将在核实您的身份后在合理期限内向您提供，但法律法规另有规定的或本政策另有约定的除外。</p>
+
+            <h4>(二) 同意的撤回与变更</h4>
+            <p>若您需要更改相关权限的授权（例如：相机、相册、麦克风），您可以通过您的硬件设备进行修改。您也可以通过注销愉悦查账户的方式永久撤回我们继续收集您个人信息的全部授权。如您在此过程中遇到操作问题的，可以通过本政策"帮助中心"方式联系我们。</p>
+
+            <h4>(三) 帮助反馈权</h4>
+            <p>我们为您提供了多种反馈渠道，具体请见设置—帮助中心。</p>
+
+            <h4>(四) 提前获知产品与/或服务停止运营权</h4>
+            <p>我们将持续为您提供优质服务，若因特殊原因导致我们的部分或全部产品与/或服务被迫停止运营，我们将提前在显著位置或通知您，并将停止对您个人信息的收集，同时在超出法律法规规定的必需且最短期限后，我们将会对所持有的您的个人信息进行删除或匿名化处理。</p>
+
+            <h3>九、本政策如何更新</h3>
+            <p>我们的隐私政策可能变更。未经您明确同意我们不会限制您按照本隐私政策所应享有的权利。我们会在愉悦查各个平台，包括客户端、相关网页上以首页弹窗形式发布对本隐私政策所做的任何变更，并以交互设计提醒您阅读并完整理解。对于重大变更，我们还会提供更为显著的通知（可能包括公告通知甚至向您提供弹窗提示）。</p>
+            <p>本政策所指的重大变更包括但不限于：</p>
+            <ul>
+                <li>（1）我们的服务模式发生重大变化。如处理用户信息的目的、用户信息的使用方式等；</li>
+                <li>（2）我们在控制权、组织架构等方面发生重大变化。如业务调整、破产并购等引起的所有者变更等；</li>
+                <li>（3）用户信息共享、转让或公开披露的主要对象发生变化；</li>
+                <li>（4）我们负责处理用户信息安全的责任部门、联络方式及投诉渠道发生变化时；</li>
+                <li>（5）用户信息安全影响评估报告表明存在高风险时。</li>
+            </ul>
+
+            <h3>十、如何联系我们</h3>
+            <p>如果您对本政策或数据处理有任何疑问、意见或建议，可以通过愉悦查产品内的"联系客服"或邮箱 kefu@yuyuecha.com 与我们联系。我们将在收到您发送的响应请求或相关信息之日起十五（15）天内回复您。</p>
+            <p>您理解并同意，当涉及以下任一情形时，我们无法响应您的请求：</p>
+            <ul>
+                <li>（1）与国家安全、国防安全有关的；</li>
+                <li>（2）与公共安全、公共卫生、重大公共利益有关的；</li>
+                <li>（3）与犯罪侦查、起诉和审判等有关的；</li>
+                <li>（4）有充分证据表明您存在主观恶意或滥用权利的；</li>
+                <li>（5）响应您的请求将导致您或其他个人、组织的合法权益受到严重损害的；</li>
+                <li>（6）涉及愉悦查或任何第三方主体商业秘密的；</li>
+                <li>（7）法律法规规定的其他情形。</li>
+            </ul>
+            <p>如果您对我们的回复不满意，特别是您认为我们的个人信息处理行为损害了您的合法权益，您还可以通过向有管辖权的法院提起诉讼来寻求解决方案。</p>
+
+            <h3>十一、其他</h3>
+            <p>（一）本《隐私政策》的解释及争议解决均应适用中华人民共和国大陆地区法律。与本《隐私政策》相关的任何纠纷，双方应协商友好解决；若不能协商解决，应将争议提交至北京正信环宇科技有限公司注册地有管辖权的人民法院解决。</p>
+            <p>（二）本《隐私政策》的标题仅为方便及阅读而设，并不影响正文其中任何规定的含义或解释。</p>
+        </div>
+
+        <div class="update-time">
+            <p><strong>2026 年 1 月 1 日</strong></p>
+        </div>
+    </div>
+
+            <footer class="footer">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <h3>愉悦查</h3>
+                    <p>让信任无处不在，让合作没有距离</p>
+                    <p style="margin-top:16px;font-size:13px;color:rgba(255,255,255,0.5);">北京正信环宇科技有限公司</p>
+                    <p style="font-size:13px;color:rgba(255,255,255,0.5);">AI 驱动的商业信任科技平台</p>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">产品</h4>
+                    <ul class="footer-links">
+                        <li><a href="/product/riskassessment.html">个人大数据报告</a></li>
+                        <li><a href="/product/marriage.html">婚恋风险报告</a></li>
+                        <li><a href="/product/backgroundcheck.html">入职背调报告</a></li>
+                        <li><a href="/product/companyinfo.html">小微企业报告</a></li>
+                        <li><a href="/product/homeservice.html">家政风险报告</a></li>
+                        <li><a href="/product/consumerFinanceReport.html">消金报告</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">公司</h4>
+                    <ul class="footer-links">
+                        <li><a href="/about.html">关于我们</a></li>
+                        <li><a href="/careers.html">加入我们</a></li>
+                        <li><a href="/contact.html">联系我们</a></li>
+                        <li><a href="/news.html">新闻动态</a></li>
+                        <li><a href="/partners.html">合作伙伴</a></li>
+                        <li><a href="/investment.html">招商工具包</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">支持</h4>
+                    <ul class="footer-links">
+                        <li><a href="/help.html">帮助中心</a></li>
+                        <li><a href="/apidemo/">API 文档</a></li>
+                        <li><a href="/all-apis.html">全部接口</a></li>
+                        <li><a href="/privacy.html">隐私政策</a></li>
+                        <li><a href="/terms.html">服务条款</a></li>
+                        <li><a href="/disclaimer.html">免责声明</a></li>
+                    </ul>
+                </div>
+            </div>
+            
+            <div class="footer-bottom">
+                <p>&copy; 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p class="footer-icp"><a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow noopener">京ICP备2025158088号-2</a></p>
+            </div>
+        </div>
+    </footer>
+</body>
+</html>
diff --git a/privacy.html.bak.final b/privacy.html.bak.final
new file mode 100755
index 0000000..9a4d9cc
--- /dev/null
+++ b/privacy.html.bak.final
@@ -0,0 +1,264 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>隐私政策 - 愉悦查 | 让信任无处不在，让合作没有距离</title>
+    <meta name="description" content="愉悦查（北京正信环宇科技有限公司）是 AI 驱动的商业信任科技平台，提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告">
+    <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=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    <style>
+        :root { --primary-orange: #FF6A19; --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%); --bg-gray: #F5F7FA; --text-primary: #1A1A1A; --text-secondary: #666666; --spacing-lg: 48px; --spacing-xl: 80px; --radius-lg: 16px; }
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body { font-family: 'Noto Sans SC', sans-serif; line-height: 1.6; color: var(--text-primary); }
+        .container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
+        .navbar { position: fixed; top: 0; background: rgba(255,255,255,0.95); backdrop-filter: blur(10px); box-shadow: 0 2px 20px rgba(0,0,0,0.08); z-index: 1000; }
+        .navbar .container { display: flex; justify-content: space-between; align-items: center; height: 80px; }
+        .logo { display: flex; align-items: center; gap: 8px; text-decoration: none; }
+        .logo-img { height: 60px; width: auto; }
+        .nav-menu { display: flex; gap: 32px; list-style: none; }
+        .nav-link { font-size: 15px; font-weight: 500; color: var(--text-primary); text-decoration: none; transition: all 0.3s ease; }
+        .nav-link:hover { color: var(--primary-orange); }
+        .nav-cta { display: flex; gap: 12px; }
+        .btn { display: inline-block; padding: 10px 20px; font-size: 14px; font-weight: 500; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; text-decoration: none; text-align: center; }
+        .btn-primary { background: var(--primary-gradient); color: white; border: none; box-shadow: 0 4px 12px rgba(236, 77, 9, 0.3); }
+        .btn-outline { background: transparent; border: 2px solid var(--primary-orange); color: var(--primary-orange); }
+        .nav-btn { padding: 10px 20px; font-size: 14px; }
+        .hero { padding: 160px 0 80px; background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%); text-align: center; }
+        .hero h1 { font-size: 48px; color: var(--primary-orange); margin-bottom: 16px; }
+        .section { padding: var(--spacing-xl) 0; }
+        .section-title { text-align: center; font-size: 36px; margin-bottom: 8px; }
+        .section-subtitle { text-align: center; font-size: 18px; color: var(--text-secondary); margin-bottom: 48px; }
+        .values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin-top: 48px; }
+        .value-card { background: white; padding: 32px; border-radius: var(--radius-lg); box-shadow: 0 4px 16px rgba(0,0,0,0.08); text-align: center; }
+        .value-icon { font-size: 48px; margin-bottom: 16px; }
+        .value-card h3 { font-size: 20px; margin-bottom: 12px; color: var(--primary-orange); }
+        .footer { background: #1A1A1A; color: white; padding: 64px 0 32px; }
+        .footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 48px; margin-bottom: 48px; }
+        .footer-brand h3 { font-size: 24px; margin-bottom: 16px; color: var(--primary-orange); }
+        .footer-title { font-size: 16px; font-weight: 600; margin-bottom: 16px; }
+        .footer-links { list-style: none; padding: 0; }
+        .footer-links li { margin-bottom: 8px; }
+        .footer-links a { font-size: 14px; opacity: 0.8; transition: all 0.3s ease; color: white; text-decoration: none; }
+        .footer-links a:hover { opacity: 1; color: var(--primary-orange); }
+        .footer-bottom { text-align: center; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.6; }
+        @media (max-width: 1024px) { .nav-menu { display: none; } }
+        @media (max-width: 768px) { .values-grid { grid-template-columns: 1fr; } .hero h1 { font-size: 32px; } .footer-grid { grid-template-columns: 1fr; } }
+    
+        /* ===== Navigation ===== */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+            transition: var(--transition);
+        }
+        
+        .navbar.scrolled {
+            box-shadow: 0 4px 30px rgba(0,0,0,0.12);
+        }
+        
+        .navbar .container {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            height: 80px;
+            max-width: 1400px;
+            margin: 0 auto;
+            padding: 0 32px;
+        }
+        
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            text-decoration: none;
+            background: transparent;
+            padding: 4px 0;
+        }
+        
+        .logo-img {
+            background: rgba(255,255,255,0.95);
+            height: 60px;
+            width: auto;
+            object-fit: contain;
+            transition: var(--transition);
+        }
+        
+        .logo:hover .logo-img {
+            background: rgba(255,255,255,0.95);
+            transform: scale(1.05);
+        }
+        
+        .nav-menu {
+            display: flex;
+            gap: var(--spacing-lg);
+            align-items: center;
+        }
+        
+        .nav-link {
+            font-size: 15px;
+            font-weight: 500;
+            color: var(--text-primary);
+            transition: var(--transition);
+            position: relative;
+        }
+        
+        .nav-link:hover {
+            color: var(--primary-orange);
+        }
+        
+        .nav-link::after {
+            content: '';
+            position: absolute;
+            bottom: -4px;
+            left: 0;
+            width: 0;
+            height: 2px;
+            background: var(--primary-orange);
+            transition: var(--transition);
+        }
+        
+        .nav-link:hover::after {
+            width: 100%;
+        }
+        
+        .nav-cta {
+            display: flex;
+            gap: var(--spacing-sm);
+        }
+        
+        .nav-btn {
+            padding: 10px 20px;
+            font-size: 14px;
+        }
+        
+        /* Mobile Menu */
+        .menu-toggle {
+            display: none;
+            flex-direction: column;
+            gap: 5px;
+            cursor: pointer;
+            padding: 5px;
+        }
+        
+        .menu-toggle span {
+            width: 25px;
+            height: 3px;
+            background: var(--primary-orange);
+            border-radius: 2px;
+            transition: var(--transition);
+        }
+</style>
+</head>
+<body>
+    <nav class="navbar" id="navbar">
+        <div class="container">
+            <a href="/index.html" class="logo">
+                <img src="assets/logo.png" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            
+            <div class="menu-toggle" id="menuToggle">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+            
+            <ul class="nav-menu" id="navMenu">
+                <li><a href="/index.html#home" class="nav-link">首页</a></li>
+                <li><a href="/index.html#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="/index.html#technology" class="nav-link">AI 能力</a></li>
+                <li><a href="/index.html#partnership" class="nav-link">代理合作</a></li>
+                <li><a href="/index.html#about" class="nav-link">关于我们</a></li>
+            </ul>
+            
+            <div class="nav-cta">
+                <a href="/index.html#products" class="btn btn-outline nav-btn">立即查询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
+            </div>
+        </div>
+    </nav>
+<section class="hero">
+        <div class="container">
+            <h1>隐私政策</h1>
+            <p style="font-size:18px;color:var(--text-secondary);max-width:700px;margin:0 auto;">让信任无处不在，让合作没有距离</p>
+        </div>
+    </section>
+    <section class="section">
+        <div class="container">
+            <h2 class="section-title">隐私保护</h2>
+            <p style="text-align:center;max-width:800px;margin:0 auto;color:var(--text-secondary);">愉悦查（北京正信环宇科技有限公司）是 AI 驱动的商业信任科技平台，致力于搭建信任桥梁，连接商业未来。我们提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告，支持 AI 智能定制报告。</p>
+            <div class="values-grid">
+                <div class="value-card">
+                    <div class="value-icon">🤖</div>
+                    <h3>AI 驱动</h3>
+                    <p style="color:var(--text-secondary);">200+ 数据接口智能组合，秒级响应</p>
+                </div>
+                <div class="value-card">
+                    <div class="value-icon">🔒</div>
+                    <h3>安全合规</h3>
+                    <p style="color:var(--text-secondary);">严格遵守《个人信息保护法》，数据官方授权</p>
+                </div>
+                <div class="value-card">
+                    <div class="value-icon">🎯</div>
+                    <h3>专业可靠</h3>
+                    <p style="color:var(--text-secondary);">全面风险评估，PDF 格式报告下载</p>
+                </div>
+            </div>
+        </div>
+    </section>
+    <footer class="footer">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <h3>愉悦查</h3>
+                    <p>让信任无处不在，让合作没有距离</p>
+                </div>
+                <div>
+                    <h4 class="footer-title">产品</h4>
+                    <ul class="footer-links">
+                        <li><a href="/product/riskassessment.html">个人大数据报告</a></li>
+                        <li><a href="/product/marriage.html">婚恋风险报告</a></li>
+                        <li><a href="/product/backgroundcheck.html">入职背调报告</a></li>
+                        <li><a href="/product/companyinfo.html">小微企业报告</a></li>
+                        <li><a href="/product/homeservice.html">家政风险报告</a></li>
+                        <li><a href="/product/consumerFinanceReport.html">消金报告</a></li>
+                        <li><a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" target="_blank">AI 定制报告</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h4 class="footer-title">公司</h4>
+                    <ul class="footer-links">
+                        <li><a href="/about.html">关于我们</a></li>
+                        <li><a href="/careers.html">加入我们</a></li>
+                        <li><a href="/contact.html">联系我们</a></li>
+                        <li><a href="/news.html">新闻动态</a></li>
+                        <li><a href="/partners.html">合作伙伴</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h4 class="footer-title">支持</h4>
+                    <ul class="footer-links">
+                        <li><a href="/help.html">帮助中心</a></li>
+                        <li><a href="/apidemo/">API 文档</a></li>
+                        <li><a href="/index.html#partnership">代理支持</a></li>
+                        <li><a href="/privacy.html">隐私政策</a></li>
+                        <li><a href="/terms.html">服务条款</a></li>
+                        <li><a href="/disclaimer.html">免责声明</a></li>
+                    </ul>
+                </div>
+            </div>
+            <div class="footer-bottom">
+                <p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p class="footer-icp">京 ICP 备 2025158088 号 -2</p>
+            </div>
+        </div>
+    </footer>
+</body>
+</html>
diff --git a/privacy.html.bak.final2 b/privacy.html.bak.final2
new file mode 100755
index 0000000..e1612b5
--- /dev/null
+++ b/privacy.html.bak.final2
@@ -0,0 +1,233 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>隐私政策 - 愉悦查 | 让信任无处不在，让合作没有距离</title>
+    <meta name="description" content="愉悦查隐私政策，保护您的个人信息安全">
+    <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=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    <style>
+        :root { --primary-orange: #FF6A19; --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%); --bg-gray: #F5F7FA; --text-primary: #1A1A1A; --text-secondary: #666666; --spacing-lg: 48px; --spacing-xl: 80px; --radius-lg: 16px; }
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body { font-family: 'Noto Sans SC', sans-serif; line-height: 1.8; color: var(--text-primary); }
+        .container { max-width: 1000px; margin: 0 auto; padding: 0 24px; }
+        .navbar { position: fixed; top: 0; background: rgba(255,255,255,0.95); backdrop-filter: blur(10px); box-shadow: 0 2px 20px rgba(0,0,0,0.08); z-index: 1000; }
+        .navbar .container { display: flex; justify-content: space-between; align-items: center; height: 80px; }
+        .logo { display: flex; align-items: center; gap: 8px; text-decoration: none; }
+        .logo-img { height: 60px; width: auto; }
+        .nav-menu { display: flex; gap: 32px; list-style: none; }
+        .nav-link { font-size: 15px; font-weight: 500; color: var(--text-primary); text-decoration: none; }
+        .nav-link:hover { color: var(--primary-orange); }
+        .hero { padding: 160px 0 60px; background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%); text-align: center; }
+        .hero h1 { font-size: 48px; color: var(--primary-orange); margin-bottom: 16px; }
+        .hero p { font-size: 18px; color: var(--text-secondary); }
+        .content-section { padding: var(--spacing-xl) 0; }
+        .content-section h2 { font-size: 28px; color: var(--primary-orange); margin: 40px 0 20px; padding-bottom: 10px; border-bottom: 2px solid var(--primary-orange); }
+        .content-section h3 { font-size: 20px; margin: 30px 0 15px; color: var(--text-primary); }
+        .content-section p { margin: 15px 0; text-indent: 2em; }
+        .content-section ul { margin: 15px 0 15px 40px; }
+        .content-section li { margin: 10px 0; }
+        .update-time { background: var(--bg-gray); padding: 20px; border-radius: var(--radius-lg); margin: 30px 0; }
+        .update-time strong { color: var(--primary-orange); }
+        .footer { background: #1A1A1A; color: white; padding: 64px 0 32px; }
+        .footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 48px; margin-bottom: 48px; }
+        .footer-brand h3 { font-size: 24px; margin-bottom: 16px; color: var(--primary-orange); }
+        .footer-title { font-size: 16px; font-weight: 600; margin-bottom: 16px; }
+        .footer-links { list-style: none; }
+        .footer-links li { margin-bottom: 8px; }
+        .footer-links a { color: white; opacity: 0.8; text-decoration: none; }
+        .footer-links a:hover { opacity: 1; color: var(--primary-orange); }
+        .footer-bottom { text-align: center; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.6; }
+        @media (max-width: 768px) { .hero h1 { font-size: 32px; } .footer-grid { grid-template-columns: 1fr; } .nav-menu { display: none; } }
+    </style>
+</head>
+<body>
+    <nav class="navbar">
+        <div class="container">
+            <a href="/index.html" class="logo">
+                <img src="assets/logo.png" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            <ul class="nav-menu">
+                <li><a href="/index.html" class="nav-link">首页</a></li>
+                <li><a href="/index.html#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="/apidemo/" class="nav-link">API 平台</a></li>
+                <li><a href="/all-apis.html" class="nav-link">全部接口</a></li>
+                <li><a href="/about.html" class="nav-link">关于我们</a></li>
+            </ul>
+            <div class="nav-cta">
+                <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-outline" target="_blank" style="padding:10px 20px;font-size:14px;border:2px solid var(--primary-orange);color:var(--primary-orange);border-radius:8px;text-decoration:none;">技术咨询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary" target="_blank" style="padding:10px 20px;font-size:14px;background:var(--primary-gradient);color:white;border-radius:8px;text-decoration:none;margin-left:12px;">登录</a>
+            </div>
+        </div>
+    </nav>
+
+    <section class="hero">
+        <div class="container">
+            <h1>隐私政策</h1>
+            <p>保护您的个人信息安全是我们的首要责任</p>
+        </div>
+    </section>
+
+    <div class="container">
+        <div class="update-time">
+            <p><strong>更新时间：</strong>2026 年 3 月 1 日</p>
+            <p><strong>生效时间：</strong>2026 年 3 月 1 日</p>
+            <p><strong>发布单位：</strong>愉悦查（北京正信环宇科技有限公司）</p>
+        </div>
+
+        <div class="content-section">
+            <h2>一、引言</h2>
+            <p>愉悦查（北京正信环宇科技有限公司）（以下简称"我们"）深知个人信息对您的重要性，并会尽全力保护您的个人信息安全可靠。我们致力于维持您对我们的信任，恪守以下原则，保护您的个人信息：权责一致原则、目的明确原则、选择同意原则、最少够用原则、确保安全原则、主体参与原则、公开透明原则等。</p>
+            <p>本隐私政策将帮助您了解我们会收集哪些数据、为什么收集这些数据、会利用这些数据做什么以及如何保护这些数据。</p>
+        </div>
+
+        <div class="content-section">
+            <h2>二、我们收集的信息</h2>
+            
+            <h3>1. 您主动提供的信息</h3>
+            <p>在您使用我们的服务时，我们可能会收集您主动提供的以下信息：</p>
+            <ul>
+                <li><strong>账户信息：</strong>当您注册账号时，我们会收集您的手机号码、昵称、头像等基本信息。</li>
+                <li><strong>身份信息：</strong>根据法律法规要求，在使用部分服务前，您可能需要提供真实身份信息，包括姓名、身份证号码等。</li>
+                <li><strong>支付信息：</strong>当您购买服务时，我们会收集您的订单信息、支付记录等交易信息。</li>
+                <li><strong>联系信息：</strong>当您联系我们的客服时，我们可能会收集您的联系方式、聊天记录等信息。</li>
+            </ul>
+
+            <h3>2. 自动收集的信息</h3>
+            <p>当您使用我们的服务时，我们会自动收集以下信息：</p>
+            <ul>
+                <li><strong>设备信息：</strong>包括设备型号、操作系统版本、设备设置、唯一设备标识符等。</li>
+                <li><strong>日志信息：</strong>包括您的搜索查询内容、IP 地址、访问日期和时间、浏览器类型等。</li>
+                <li><strong>位置信息：</strong>经您授权，我们可能会收集您的位置信息以提供相关服务。</li>
+            </ul>
+
+            <h3>3. 来自第三方的信息</h3>
+            <p>我们可能会从合法公开的渠道获取您的信息，例如从合法的商业数据库、政府公开信息等渠道获取。</p>
+        </div>
+
+        <div class="content-section">
+            <h2>三、我们如何使用信息</h2>
+            <p>我们可能会将收集的信息用于以下用途：</p>
+            <ul>
+                <li>向您提供我们的产品和服务；</li>
+                <li>验证您的身份，确保服务安全；</li>
+                <li>向您发送服务通知、产品更新等信息；</li>
+                <li>改进我们的产品和服务质量；</li>
+                <li>预防、发现、调查欺诈、危害安全或非法活动；</li>
+                <li>符合法律法规要求，配合监管机构调查。</li>
+            </ul>
+        </div>
+
+        <div class="content-section">
+            <h2>四、信息共享与披露</h2>
+            <p>我们不会与任何公司、组织和个人共享您的个人信息，但以下情况除外：</p>
+            <ul>
+                <li><strong>获得您的明确同意：</strong>在获得您明确同意的情况下，我们会与其他方共享您的个人信息。</li>
+                <li><strong>法律法规要求：</strong>根据法律法规规定、诉讼争议解决需要，或按行政、司法机关依法提出的要求。</li>
+                <li><strong>与授权合作伙伴共享：</strong>仅为实现本政策中声明的目的，我们的某些服务将由授权合作伙伴提供。我们可能会与合作伙伴共享您的某些个人信息，以提供更好的客户服务和用户体验。</li>
+            </ul>
+        </div>
+
+        <div class="content-section">
+            <h2>五、信息保护</h2>
+            <p>我们已使用符合业界标准的安全防护措施保护您提供的个人信息，防止数据遭到未经授权访问、公开披露、使用、修改、损坏或丢失。我们会采取一切合理可行的措施，保护您的个人信息：</p>
+            <ul>
+                <li>使用加密技术（如 SSL）保护数据传输安全；</li>
+                <li>使用受信赖的保护机制防止数据遭到恶意攻击；</li>
+                <li>部署访问控制机制，确保只有授权人员才可访问个人信息；</li>
+                <li>举办安全和隐私保护培训课程，加强员工对于保护个人信息重要性的认识。</li>
+            </ul>
+        </div>
+
+        <div class="content-section">
+            <h2>六、您的权利</h2>
+            <p>根据相关法律法规，您对自己的个人信息行使以下权利：</p>
+            <ul>
+                <li><strong>访问权：</strong>您有权访问您的个人信息，法律法规规定的例外情况除外。</li>
+                <li><strong>更正权：</strong>当您发现我们处理的关于您的个人信息有错误时，您有权要求我们做出更正或补充。</li>
+                <li><strong>删除权：</strong>在以下情形中，您可以向我们提出删除个人信息的请求：
+                    <ul>
+                        <li>如果我们处理个人信息的行为违反法律法规；</li>
+                        <li>如果我们收集、使用您的个人信息，却未征得您的同意；</li>
+                        <li>如果我们处理个人信息的行为违反了与您的约定；</li>
+                        <li>如果您不再使用我们的产品或服务，或您注销了账号；</li>
+                        <li>如果我们不再为您提供产品或服务。</li>
+                    </ul>
+                </li>
+                <li><strong>撤回同意权：</strong>您可以通过注销账户等方式撤回您继续收集个人信息的授权同意。</li>
+                <li><strong>注销权：</strong>您可以申请注销您的账户。</li>
+            </ul>
+        </div>
+
+        <div class="content-section">
+            <h2>七、未成年人保护</h2>
+            <p>我们非常重视对未成年人个人信息的保护。若您是 18 周岁以下的未成年人，在使用我们的服务前，应事先取得您家长或法定监护人的书面同意。我们根据国家相关法律法规的规定保护未成年人的个人信息。</p>
+        </div>
+
+        <div class="content-section">
+            <h2>八、隐私政策的更新</h2>
+            <p>我们可能适时对本隐私政策进行调整或变更。除法律法规或监管规定另有强制性规定外，经调整或变更的内容一经通知或公布后的 7 日后生效。如您在隐私政策调整或变更后继续使用我们提供的任一服务或访问我们相关网站的，我们相信这代表您已充分阅读、理解并接受修改后的隐私政策并受其约束。</p>
+        </div>
+
+        <div class="content-section">
+            <h2>九、联系我们</h2>
+            <p>如果您对本隐私政策有任何疑问、意见或建议，通过以下方式与我们联系：</p>
+            <ul>
+                <li><strong>客服电话：</strong>请在 APP 内查看</li>
+                <li><strong>客服邮箱：</strong>请在 APP 内查看</li>
+                <li><strong>联系地址：</strong>北京市（详细地址请在 APP 内查看）</li>
+            </ul>
+            <p>一般情况下，我们将在 15 个工作日内回复。</p>
+        </div>
+    </div>
+
+    <footer class="footer">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <h3>愉悦查</h3>
+                    <p>让信任无处不在，让合作没有距离</p>
+                    <p style="margin-top:16px;font-size:13px;">愉悦查（北京正信环宇科技有限公司）</p>
+                    <p style="font-size:13px;">AI 驱动的商业信任科技平台</p>
+                </div>
+                <div>
+                    <h4 class="footer-title">产品</h4>
+                    <ul class="footer-links">
+                        <li><a href="/product/riskassessment.html">个人大数据报告</a></li>
+                        <li><a href="/product/marriage.html">婚恋风险报告</a></li>
+                        <li><a href="/product/backgroundcheck.html">入职背调报告</a></li>
+                        <li><a href="/product/companyinfo.html">小微企业报告</a></li>
+                        <li><a href="/product/homeservice.html">家政风险报告</a></li>
+                        <li><a href="/product/consumerFinanceReport.html">消金报告</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h4 class="footer-title">API</h4>
+                    <ul class="footer-links">
+                        <li><a href="/apidemo/">API 平台</a></li>
+                        <li><a href="/all-apis.html">全部接口</a></li>
+                        <li><a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" target="_blank">技术咨询</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h4 class="footer-title">公司</h4>
+                    <ul class="footer-links">
+                        <li><a href="/about.html">关于我们</a></li>
+                        <li><a href="/careers.html">加入我们</a></li>
+                        <li><a href="/contact.html">联系我们</a></li>
+                        <li><a href="/news.html">新闻动态</a></li>
+                        <li><a href="/partners.html">合作伙伴</a></li>
+                    </ul>
+                </div>
+            </div>
+            <div class="footer-bottom">
+                <p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p>京 ICP 备 2025158088 号 -2</p>
+            </div>
+        </div>
+    </footer>
+</body>
+</html>
diff --git a/privacy.html.bak.navbar b/privacy.html.bak.navbar
new file mode 100755
index 0000000..3aa8b7a
--- /dev/null
+++ b/privacy.html.bak.navbar
@@ -0,0 +1,147 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>隐私政策 - 愉悦查 | 让信任无处不在，让合作没有距离</title>
+    <meta name="description" content="愉悦查（北京正信环宇科技有限公司）是 AI 驱动的商业信任科技平台，提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告">
+    <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=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    <style>
+        :root { --primary-orange: #FF6A19; --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%); --bg-gray: #F5F7FA; --text-primary: #1A1A1A; --text-secondary: #666666; --spacing-lg: 48px; --spacing-xl: 80px; --radius-lg: 16px; }
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body { font-family: 'Noto Sans SC', sans-serif; line-height: 1.6; color: var(--text-primary); }
+        .container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
+        .navbar { position: fixed; top: 0; background: rgba(255,255,255,0.95); backdrop-filter: blur(10px); box-shadow: 0 2px 20px rgba(0,0,0,0.08); z-index: 1000; }
+        .navbar .container { display: flex; justify-content: space-between; align-items: center; height: 80px; }
+        .logo { display: flex; align-items: center; gap: 8px; text-decoration: none; }
+        .logo-img { height: 60px; width: auto; }
+        .nav-menu { display: flex; gap: 32px; list-style: none; }
+        .nav-link { font-size: 15px; font-weight: 500; color: var(--text-primary); text-decoration: none; transition: all 0.3s ease; }
+        .nav-link:hover { color: var(--primary-orange); }
+        .nav-cta { display: flex; gap: 12px; }
+        .btn { display: inline-block; padding: 10px 20px; font-size: 14px; font-weight: 500; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; text-decoration: none; text-align: center; }
+        .btn-primary { background: var(--primary-gradient); color: white; border: none; box-shadow: 0 4px 12px rgba(236, 77, 9, 0.3); }
+        .btn-outline { background: transparent; border: 2px solid var(--primary-orange); color: var(--primary-orange); }
+        .nav-btn { padding: 10px 20px; font-size: 14px; }
+        .hero { padding: 160px 0 80px; background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%); text-align: center; }
+        .hero h1 { font-size: 48px; color: var(--primary-orange); margin-bottom: 16px; }
+        .section { padding: var(--spacing-xl) 0; }
+        .section-title { text-align: center; font-size: 36px; margin-bottom: 8px; }
+        .section-subtitle { text-align: center; font-size: 18px; color: var(--text-secondary); margin-bottom: 48px; }
+        .values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin-top: 48px; }
+        .value-card { background: white; padding: 32px; border-radius: var(--radius-lg); box-shadow: 0 4px 16px rgba(0,0,0,0.08); text-align: center; }
+        .value-icon { font-size: 48px; margin-bottom: 16px; }
+        .value-card h3 { font-size: 20px; margin-bottom: 12px; color: var(--primary-orange); }
+        .footer { background: #1A1A1A; color: white; padding: 64px 0 32px; }
+        .footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 48px; margin-bottom: 48px; }
+        .footer-brand h3 { font-size: 24px; margin-bottom: 16px; color: var(--primary-orange); }
+        .footer-title { font-size: 16px; font-weight: 600; margin-bottom: 16px; }
+        .footer-links { list-style: none; padding: 0; }
+        .footer-links li { margin-bottom: 8px; }
+        .footer-links a { font-size: 14px; opacity: 0.8; transition: all 0.3s ease; color: white; text-decoration: none; }
+        .footer-links a:hover { opacity: 1; color: var(--primary-orange); }
+        .footer-bottom { text-align: center; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.6; }
+        @media (max-width: 1024px) { .nav-menu { display: none; } }
+        @media (max-width: 768px) { .values-grid { grid-template-columns: 1fr; } .hero h1 { font-size: 32px; } .footer-grid { grid-template-columns: 1fr; } }
+    </style>
+</head>
+<body>
+    <nav class="navbar">
+        <div class="container">
+            <a href="/index.html" class="logo">
+                <img src="assets/logo.png" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            <ul class="nav-menu">
+                <li><a href="/index.html#home" class="nav-link">首页</a></li>
+                <li><a href="/index.html#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="/index.html#technology" class="nav-link">AI 能力</a></li>
+                <li><a href="/index.html#partnership" class="nav-link">代理合作</a></li>
+                <li><a href="/index.html#about" class="nav-link">关于我们</a></li>
+            </ul>
+            <div class="nav-cta">
+                <a href="/index.html#products" class="btn btn-outline nav-btn">立即查询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
+            </div>
+        </div>
+    </nav>
+    <section class="hero">
+        <div class="container">
+            <h1>隐私政策</h1>
+            <p style="font-size:18px;color:var(--text-secondary);max-width:700px;margin:0 auto;">让信任无处不在，让合作没有距离</p>
+        </div>
+    </section>
+    <section class="section">
+        <div class="container">
+            <h2 class="section-title">隐私保护</h2>
+            <p style="text-align:center;max-width:800px;margin:0 auto;color:var(--text-secondary);">愉悦查（北京正信环宇科技有限公司）是 AI 驱动的商业信任科技平台，致力于搭建信任桥梁，连接商业未来。我们提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告，支持 AI 智能定制报告。</p>
+            <div class="values-grid">
+                <div class="value-card">
+                    <div class="value-icon">🤖</div>
+                    <h3>AI 驱动</h3>
+                    <p style="color:var(--text-secondary);">200+ 数据接口智能组合，秒级响应</p>
+                </div>
+                <div class="value-card">
+                    <div class="value-icon">🔒</div>
+                    <h3>安全合规</h3>
+                    <p style="color:var(--text-secondary);">严格遵守《个人信息保护法》，数据官方授权</p>
+                </div>
+                <div class="value-card">
+                    <div class="value-icon">🎯</div>
+                    <h3>专业可靠</h3>
+                    <p style="color:var(--text-secondary);">全面风险评估，PDF 格式报告下载</p>
+                </div>
+            </div>
+        </div>
+    </section>
+    <footer class="footer">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <h3>愉悦查</h3>
+                    <p>让信任无处不在，让合作没有距离</p>
+                </div>
+                <div>
+                    <h4 class="footer-title">产品</h4>
+                    <ul class="footer-links">
+                        <li><a href="/product/riskassessment.html">个人大数据报告</a></li>
+                        <li><a href="/product/marriage.html">婚恋风险报告</a></li>
+                        <li><a href="/product/backgroundcheck.html">入职背调报告</a></li>
+                        <li><a href="/product/companyinfo.html">小微企业报告</a></li>
+                        <li><a href="/product/homeservice.html">家政风险报告</a></li>
+                        <li><a href="/product/consumerFinanceReport.html">消金报告</a></li>
+                        <li><a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" target="_blank">AI 定制报告</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h4 class="footer-title">公司</h4>
+                    <ul class="footer-links">
+                        <li><a href="/about.html">关于我们</a></li>
+                        <li><a href="/careers.html">加入我们</a></li>
+                        <li><a href="/contact.html">联系我们</a></li>
+                        <li><a href="/news.html">新闻动态</a></li>
+                        <li><a href="/partners.html">合作伙伴</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h4 class="footer-title">支持</h4>
+                    <ul class="footer-links">
+                        <li><a href="/help.html">帮助中心</a></li>
+                        <li><a href="/apidemo/">API 文档</a></li>
+                        <li><a href="/index.html#partnership">代理支持</a></li>
+                        <li><a href="/privacy.html">隐私政策</a></li>
+                        <li><a href="/terms.html">服务条款</a></li>
+                        <li><a href="/disclaimer.html">免责声明</a></li>
+                    </ul>
+                </div>
+            </div>
+            <div class="footer-bottom">
+                <p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p class="footer-icp">京 ICP 备 2025158088 号 -2</p>
+            </div>
+        </div>
+    </footer>
+</body>
+</html>
diff --git a/privacy.html.bak.old b/privacy.html.bak.old
new file mode 100755
index 0000000..9a4d9cc
--- /dev/null
+++ b/privacy.html.bak.old
@@ -0,0 +1,264 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>隐私政策 - 愉悦查 | 让信任无处不在，让合作没有距离</title>
+    <meta name="description" content="愉悦查（北京正信环宇科技有限公司）是 AI 驱动的商业信任科技平台，提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告">
+    <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=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    <style>
+        :root { --primary-orange: #FF6A19; --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%); --bg-gray: #F5F7FA; --text-primary: #1A1A1A; --text-secondary: #666666; --spacing-lg: 48px; --spacing-xl: 80px; --radius-lg: 16px; }
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body { font-family: 'Noto Sans SC', sans-serif; line-height: 1.6; color: var(--text-primary); }
+        .container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
+        .navbar { position: fixed; top: 0; background: rgba(255,255,255,0.95); backdrop-filter: blur(10px); box-shadow: 0 2px 20px rgba(0,0,0,0.08); z-index: 1000; }
+        .navbar .container { display: flex; justify-content: space-between; align-items: center; height: 80px; }
+        .logo { display: flex; align-items: center; gap: 8px; text-decoration: none; }
+        .logo-img { height: 60px; width: auto; }
+        .nav-menu { display: flex; gap: 32px; list-style: none; }
+        .nav-link { font-size: 15px; font-weight: 500; color: var(--text-primary); text-decoration: none; transition: all 0.3s ease; }
+        .nav-link:hover { color: var(--primary-orange); }
+        .nav-cta { display: flex; gap: 12px; }
+        .btn { display: inline-block; padding: 10px 20px; font-size: 14px; font-weight: 500; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; text-decoration: none; text-align: center; }
+        .btn-primary { background: var(--primary-gradient); color: white; border: none; box-shadow: 0 4px 12px rgba(236, 77, 9, 0.3); }
+        .btn-outline { background: transparent; border: 2px solid var(--primary-orange); color: var(--primary-orange); }
+        .nav-btn { padding: 10px 20px; font-size: 14px; }
+        .hero { padding: 160px 0 80px; background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%); text-align: center; }
+        .hero h1 { font-size: 48px; color: var(--primary-orange); margin-bottom: 16px; }
+        .section { padding: var(--spacing-xl) 0; }
+        .section-title { text-align: center; font-size: 36px; margin-bottom: 8px; }
+        .section-subtitle { text-align: center; font-size: 18px; color: var(--text-secondary); margin-bottom: 48px; }
+        .values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin-top: 48px; }
+        .value-card { background: white; padding: 32px; border-radius: var(--radius-lg); box-shadow: 0 4px 16px rgba(0,0,0,0.08); text-align: center; }
+        .value-icon { font-size: 48px; margin-bottom: 16px; }
+        .value-card h3 { font-size: 20px; margin-bottom: 12px; color: var(--primary-orange); }
+        .footer { background: #1A1A1A; color: white; padding: 64px 0 32px; }
+        .footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 48px; margin-bottom: 48px; }
+        .footer-brand h3 { font-size: 24px; margin-bottom: 16px; color: var(--primary-orange); }
+        .footer-title { font-size: 16px; font-weight: 600; margin-bottom: 16px; }
+        .footer-links { list-style: none; padding: 0; }
+        .footer-links li { margin-bottom: 8px; }
+        .footer-links a { font-size: 14px; opacity: 0.8; transition: all 0.3s ease; color: white; text-decoration: none; }
+        .footer-links a:hover { opacity: 1; color: var(--primary-orange); }
+        .footer-bottom { text-align: center; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.6; }
+        @media (max-width: 1024px) { .nav-menu { display: none; } }
+        @media (max-width: 768px) { .values-grid { grid-template-columns: 1fr; } .hero h1 { font-size: 32px; } .footer-grid { grid-template-columns: 1fr; } }
+    
+        /* ===== Navigation ===== */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+            transition: var(--transition);
+        }
+        
+        .navbar.scrolled {
+            box-shadow: 0 4px 30px rgba(0,0,0,0.12);
+        }
+        
+        .navbar .container {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            height: 80px;
+            max-width: 1400px;
+            margin: 0 auto;
+            padding: 0 32px;
+        }
+        
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            text-decoration: none;
+            background: transparent;
+            padding: 4px 0;
+        }
+        
+        .logo-img {
+            background: rgba(255,255,255,0.95);
+            height: 60px;
+            width: auto;
+            object-fit: contain;
+            transition: var(--transition);
+        }
+        
+        .logo:hover .logo-img {
+            background: rgba(255,255,255,0.95);
+            transform: scale(1.05);
+        }
+        
+        .nav-menu {
+            display: flex;
+            gap: var(--spacing-lg);
+            align-items: center;
+        }
+        
+        .nav-link {
+            font-size: 15px;
+            font-weight: 500;
+            color: var(--text-primary);
+            transition: var(--transition);
+            position: relative;
+        }
+        
+        .nav-link:hover {
+            color: var(--primary-orange);
+        }
+        
+        .nav-link::after {
+            content: '';
+            position: absolute;
+            bottom: -4px;
+            left: 0;
+            width: 0;
+            height: 2px;
+            background: var(--primary-orange);
+            transition: var(--transition);
+        }
+        
+        .nav-link:hover::after {
+            width: 100%;
+        }
+        
+        .nav-cta {
+            display: flex;
+            gap: var(--spacing-sm);
+        }
+        
+        .nav-btn {
+            padding: 10px 20px;
+            font-size: 14px;
+        }
+        
+        /* Mobile Menu */
+        .menu-toggle {
+            display: none;
+            flex-direction: column;
+            gap: 5px;
+            cursor: pointer;
+            padding: 5px;
+        }
+        
+        .menu-toggle span {
+            width: 25px;
+            height: 3px;
+            background: var(--primary-orange);
+            border-radius: 2px;
+            transition: var(--transition);
+        }
+</style>
+</head>
+<body>
+    <nav class="navbar" id="navbar">
+        <div class="container">
+            <a href="/index.html" class="logo">
+                <img src="assets/logo.png" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            
+            <div class="menu-toggle" id="menuToggle">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+            
+            <ul class="nav-menu" id="navMenu">
+                <li><a href="/index.html#home" class="nav-link">首页</a></li>
+                <li><a href="/index.html#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="/index.html#technology" class="nav-link">AI 能力</a></li>
+                <li><a href="/index.html#partnership" class="nav-link">代理合作</a></li>
+                <li><a href="/index.html#about" class="nav-link">关于我们</a></li>
+            </ul>
+            
+            <div class="nav-cta">
+                <a href="/index.html#products" class="btn btn-outline nav-btn">立即查询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
+            </div>
+        </div>
+    </nav>
+<section class="hero">
+        <div class="container">
+            <h1>隐私政策</h1>
+            <p style="font-size:18px;color:var(--text-secondary);max-width:700px;margin:0 auto;">让信任无处不在，让合作没有距离</p>
+        </div>
+    </section>
+    <section class="section">
+        <div class="container">
+            <h2 class="section-title">隐私保护</h2>
+            <p style="text-align:center;max-width:800px;margin:0 auto;color:var(--text-secondary);">愉悦查（北京正信环宇科技有限公司）是 AI 驱动的商业信任科技平台，致力于搭建信任桥梁，连接商业未来。我们提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告，支持 AI 智能定制报告。</p>
+            <div class="values-grid">
+                <div class="value-card">
+                    <div class="value-icon">🤖</div>
+                    <h3>AI 驱动</h3>
+                    <p style="color:var(--text-secondary);">200+ 数据接口智能组合，秒级响应</p>
+                </div>
+                <div class="value-card">
+                    <div class="value-icon">🔒</div>
+                    <h3>安全合规</h3>
+                    <p style="color:var(--text-secondary);">严格遵守《个人信息保护法》，数据官方授权</p>
+                </div>
+                <div class="value-card">
+                    <div class="value-icon">🎯</div>
+                    <h3>专业可靠</h3>
+                    <p style="color:var(--text-secondary);">全面风险评估，PDF 格式报告下载</p>
+                </div>
+            </div>
+        </div>
+    </section>
+    <footer class="footer">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <h3>愉悦查</h3>
+                    <p>让信任无处不在，让合作没有距离</p>
+                </div>
+                <div>
+                    <h4 class="footer-title">产品</h4>
+                    <ul class="footer-links">
+                        <li><a href="/product/riskassessment.html">个人大数据报告</a></li>
+                        <li><a href="/product/marriage.html">婚恋风险报告</a></li>
+                        <li><a href="/product/backgroundcheck.html">入职背调报告</a></li>
+                        <li><a href="/product/companyinfo.html">小微企业报告</a></li>
+                        <li><a href="/product/homeservice.html">家政风险报告</a></li>
+                        <li><a href="/product/consumerFinanceReport.html">消金报告</a></li>
+                        <li><a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" target="_blank">AI 定制报告</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h4 class="footer-title">公司</h4>
+                    <ul class="footer-links">
+                        <li><a href="/about.html">关于我们</a></li>
+                        <li><a href="/careers.html">加入我们</a></li>
+                        <li><a href="/contact.html">联系我们</a></li>
+                        <li><a href="/news.html">新闻动态</a></li>
+                        <li><a href="/partners.html">合作伙伴</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h4 class="footer-title">支持</h4>
+                    <ul class="footer-links">
+                        <li><a href="/help.html">帮助中心</a></li>
+                        <li><a href="/apidemo/">API 文档</a></li>
+                        <li><a href="/index.html#partnership">代理支持</a></li>
+                        <li><a href="/privacy.html">隐私政策</a></li>
+                        <li><a href="/terms.html">服务条款</a></li>
+                        <li><a href="/disclaimer.html">免责声明</a></li>
+                    </ul>
+                </div>
+            </div>
+            <div class="footer-bottom">
+                <p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p class="footer-icp">京 ICP 备 2025158088 号 -2</p>
+            </div>
+        </div>
+    </footer>
+</body>
+</html>
diff --git a/privacy.html.bak.uniform b/privacy.html.bak.uniform
new file mode 100755
index 0000000..36ccc61
--- /dev/null
+++ b/privacy.html.bak.uniform
@@ -0,0 +1,309 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>隐私政策 - 愉悦查 | 让信任无处不在，让合作没有距离</title>
+    <meta name="description" content="愉悦查隐私政策，保护您的个人信息安全">
+    <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=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    <style>
+        :root { --primary-orange: #FF6A19; --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%); --bg-gray: #F5F7FA; --text-primary: #1A1A1A; --text-secondary: #666666; --spacing-lg: 48px; --spacing-xl: 80px; --radius-lg: 16px; }
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body { font-family: 'Noto Sans SC', sans-serif; line-height: 2; color: var(--text-primary); }
+        .container { max-width: 1000px; margin: 0 auto; padding: 0 24px; }
+        .navbar { position: fixed; top: 0; background: rgba(255,255,255,0.95); backdrop-filter: blur(10px); box-shadow: 0 2px 20px rgba(0,0,0,0.08); z-index: 1000; }
+        .navbar .container { display: flex; justify-content: space-between; align-items: center; height: 80px; }
+        .logo { display: flex; align-items: center; gap: 8px; text-decoration: none; }
+        .logo-img { height: 60px; width: auto; }
+        .nav-menu { display: flex; gap: 32px; list-style: none; }
+        .nav-link { font-size: 15px; font-weight: 500; color: var(--text-primary); text-decoration: none; }
+        .nav-link:hover { color: var(--primary-orange); }
+        .hero { padding: 160px 0 60px; background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%); text-align: center; }
+        .hero h1 { font-size: 48px; color: var(--primary-orange); margin-bottom: 16px; }
+        .hero p { font-size: 18px; color: var(--text-secondary); }
+        .content-section { padding: var(--spacing-xl) 0; }
+        .content-section h2 { font-size: 28px; color: var(--primary-orange); margin: 40px 0 20px; padding-bottom: 10px; border-bottom: 2px solid var(--primary-orange); }
+        .content-section h3 { font-size: 20px; margin: 30px 0 15px; color: var(--text-primary); }
+        .content-section h4 { font-size: 18px; margin: 25px 0 12px; color: var(--text-primary); }
+        .content-section p { margin: 15px 0; text-indent: 2em; text-align: justify; }
+        .content-section ul { margin: 15px 0 15px 40px; }
+        .content-section li { margin: 10px 0; }
+        .intro-box { background: var(--bg-gray); padding: 30px; border-radius: var(--radius-lg); margin: 30px 0; border-left: 4px solid var(--primary-orange); }
+        .intro-box p { text-indent: 0; margin: 15px 0; }
+        .update-time { background: var(--bg-gray); padding: 20px; border-radius: var(--radius-lg); margin: 30px 0; text-align: center; }
+        .update-time strong { color: var(--primary-orange); }
+        .footer { background: #1A1A1A; color: white; padding: 64px 0 32px; }
+        .footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 48px; margin-bottom: 48px; }
+        .footer-brand h3 { font-size: 24px; margin-bottom: 16px; color: var(--primary-orange); }
+        .footer-title { font-size: 16px; font-weight: 600; margin-bottom: 16px; }
+        .footer-links { list-style: none; }
+        .footer-links li { margin-bottom: 8px; }
+        .footer-links a { color: white; opacity: 0.8; text-decoration: none; }
+        .footer-links a:hover { opacity: 1; color: var(--primary-orange); }
+        .footer-bottom { text-align: center; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.6; }
+        @media (max-width: 768px) { .hero h1 { font-size: 32px; } .footer-grid { grid-template-columns: 1fr; } .nav-menu { display: none; } }
+    </style>
+</head>
+<body>
+    <nav class="navbar">
+        <div class="container">
+            <a href="/index.html" class="logo">
+                <img src="assets/logo.png" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            <ul class="nav-menu">
+                <li><a href="/index.html" class="nav-link">首页</a></li>
+                <li><a href="/index.html#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="/apidemo/" class="nav-link">API 平台</a></li>
+                <li><a href="/all-apis.html" class="nav-link">全部接口</a></li>
+                <li><a href="/about.html" class="nav-link">关于我们</a></li>
+            </ul>
+            <div class="nav-cta">
+                <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-outline" target="_blank" style="padding:10px 20px;font-size:14px;border:2px solid var(--primary-orange);color:var(--primary-orange);border-radius:8px;text-decoration:none;">技术咨询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary" target="_blank" style="padding:10px 20px;font-size:14px;background:var(--primary-gradient);color:white;border-radius:8px;text-decoration:none;margin-left:12px;">登录</a>
+            </div>
+        </div>
+    </nav>
+
+    <section class="hero">
+        <div class="container">
+            <h1>隐私政策</h1>
+            <p>您的信任对我们非常重要</p>
+        </div>
+    </section>
+
+    <div class="container">
+        <div class="intro-box">
+            <p>我们深知个人信息对您的重要性，我们将按法律法规要求，采取相应安全保护措施，尽力保护您的个人信息安全可控。有鉴于此，北京正信环宇科技有限公司（以下简称"我们"或"愉悦查"）作为愉悦查产品及服务的提供者制定本《隐私政策》（下称"本政策"）并提醒您：</p>
+            <p>本政策适用于全部愉悦查产品及服务，如我们关联公司的产品或服务中使用了愉悦查提供的产品或服务但未设独立的隐私政策的，该部分愉悦查提供的产品或服务同样适用于本政策。</p>
+            <p>需要特别说明的是，本政策不适用于其他第三方通过网页或愉悦查客户端直接向您提供的服务（统称"第三方服务"），您向该第三方服务提供者提供的信息不适用于本政策，您在选择使用第三方服务前应充分了解第三方服务的产品功能及隐私保护政策，再选择是否开通功能。</p>
+            <p><strong>在使用愉悦查产品或服务前，请您务必仔细阅读并透彻理解本政策，在确认充分理解使用相关产品或服务。一旦您开始使用愉悦查产品或服务，即表示您已充分理解并同意本政策。</strong></p>
+        </div>
+
+        <div class="update-time">
+            <p><strong>生效日期：</strong>2026 年 1 月 1 日</p>
+            <p><strong>发布单位：</strong>北京正信环宇科技有限公司</p>
+        </div>
+
+        <div class="content-section">
+            <h2>第一部分 定义</h2>
+            
+            <h3>1、愉悦查服务提供者</h3>
+            <p>是指研发并提供愉悦查产品和服务法律主体，北京正信环宇科技有限公司（下称"我们"或"愉悦查"）</p>
+
+            <h3>2、愉悦查用户</h3>
+            <p>是指注册愉悦查账户的用户，以下称"您"。</p>
+
+            <h3>3、个人信息</h3>
+            <p>指以电子或者其他方式记录的能够单独或者与其他信息结合识别特定自然人身份或者反映特定自然人活动情况的各种信息。</p>
+
+            <h3>4、个人信息删除</h3>
+            <p>指在实现日常业务功能所涉及的系统中去除个人信息的行为，使其保持不可被检索、访问的状态，具体指产品内的账号注销功能。</p>
+
+            <h3>5、个人信息匿名化</h3>
+            <p>通过对个人信息的加密技术处理，使得个人信息主体无法被识别，且处理后的信息不能被复原的过程。</p>
+        </div>
+
+        <div class="content-section">
+            <h2>第二部分 隐私政策</h2>
+
+            <h3>一、我们如何收集您的个人信息</h3>
+            <p>为了向您及愉悦查企业用户提供愉悦查服务，维护愉悦查服务的正常运行，改进及优化我们的服务体验并保障您的账号安全，我们会出于本政策下述目的及方式收集您在注册、使用愉悦查服务时主动提供、授权提供或基于您使用愉悦查服务时产生的信息：</p>
+
+            <h4>（一）注册愉悦查用户信息</h4>
+            <p>为注册成为愉悦查用户，以便我们为您提供愉悦查服务，诸如数据查询、视频查看等功能，您需要提供您的手机号码及短信验证码以注册并创建愉悦查账号，否则您将不能使用愉悦查服务。</p>
+            <p>如果您仅需使用浏览、搜索愉悦查网页展示的产品、功能及服务介绍，您不需要注册成为愉悦查用户并提供上述信息。</p>
+            <p>如您的账号是注册在企业下的关联账号，当您所在企业用户注销愉悦查账户时，我们将会匿名化处理或删除您在该组织的相关个人信息，但您作为愉悦查个人用户的个人信息仍将保留，除非您主动注销愉悦查账户。</p>
+            <p>在经过用户授权同意的情况下，我司需要获取用户的手机号码以便开展相应业务。</p>
+
+            <h4>（二）使用愉悦查服务过程中收集信息</h4>
+            <p>当您在使用愉悦查服务过程中，为向您提供您需求的愉悦查软件服务、交互展示、搜索结果、识别账号异常状态，维护愉悦查服务的正常运行，改进及优化您对愉悦查服务的体验并保障您的账号安全，包括您使用愉悦查服务以及使用方式的信息，并将这些信息进行关联：</p>
+
+            <p><strong>1、日志信息：</strong></p>
+            <p>当您使用我们的网站或客户端提供的产品或服务时，我们会自动收集您对我们服务的详细使用情况，作为有关网络日志保存。例如您的搜索查询内容、IP 地址、使用的语言、访问日期和时间、您访问的网页记录、日志信息。</p>
+            <p>请注意，单独的设备信息、日志信息是无法识别特定自然人身份的信息。如果我们将这类非个人信息与其他信息结合用于识别特定自然人身份，或者将其与个人信息结合使用，则在结合使用期间，这类非个人信息将有可能被视为个人信息，除取得您授权或法律法规另有规定外，我们会将该类个人信息做匿名化、去标识化处理。</p>
+
+            <p><strong>2、您向我们提供的信息：</strong></p>
+            <p>在服务使用过程中，特别是在申请提现、实名认证或佣金结算时，您需要提供包括但不限于姓名、身份证号、银行卡号、手机号、税务身份信息等个人资料。您同意我们为履行合同义务、税务申报、身份核验、财务结算等必要目的，收集、使用、存储并在必要范围内共享该等信息。在进行税务代扣代缴、结算服务时，我们有权将必要信息提供给依法合作的第三方税务服务商、结算服务商，前提是该第三方承担同等信息保护义务。</p>
+            <p>您可以对愉悦查产品及服务的体验问题反馈，帮助我们更好地了解您使用我们产品或服务的体验和需求，改善我们产品或服务，为此我们会记录您的联系信息、反馈的问题或建议，以便我们进一步联系您反馈您我们的处理意见。为向您提供更好的服务，例如在不同的服务端或设备上提供体验一致的服务和您需求的客服接待，了解产品适配性，识别账号异常状态。</p>
+
+            <p><strong>3、为您提供安全保障收集信息：</strong></p>
+            <p>为预防、发现、调查欺诈、侵权、危害安全、非法或违反与我们或与我们关联公司的协议、政策或规则的行为，我们可能收集或整合您的用户个人信息、服务使用信息、设备信息、日志信息以及我们关联公司、合作伙伴取得您授权或依据法律共享的信息。您理解并同意，我们向您提供的功能和服务场景是不断迭代升级的，如我们未在上述场景中明示您需要收集的个人信息，我们将会通过页面提示、交互设计等方式另行向您明示信息收集的内容、范围和目的并征得您同意。</p>
+            <p>如我们停止运营愉悦查产品或服务，我们将及时停止继续收集您个人信息的活动，将停止运营的通知以公告或短信的形式通知您，并依照所适用的法律对所持有的您的个人信息进行删除或匿名化处理。</p>
+
+            <p><strong>4、手机号码收集及其用途：</strong></p>
+            <p>在您使用愉悦查服务的过程中，我们可能会要求您提供手机号码。我们收集您的手机号码，主要是为了向您发送重要的通知、服务更新、账户安全信息、促销活动、服务相关的短信等。为了确保您能及时获得关于您账号安全、产品更新和优化、系统维护等信息，我们可能会向您发送有关服务变更、功能更新、版本升级等通知，确保您能够持续享受我们的产品和服务。</p>
+            <p>此外，您的手机号码还可能用于为您提供个性化的短信推广内容，帮助您了解我们新推出的服务、产品或活动优惠。我们承诺，不会在未经您明确同意的情况下，将您的手机号码用于任何与服务相关以外的用途，且不会将您的信息出售或租赁给第三方。为了保障您的权益，您可以随时通过设置页面或联系客户服务停止接收短信通知或推广信息。如果您选择取消订阅短信通知或推广，您仍将继续收到与账户安全、系统通知等相关的重要信息。</p>
+            <p>我们会采取严格的措施保护您的手机号码不被滥用，包括采用加密存储、定期审查访问权限等技术和管理手段，以确保您的个人信息安全。同时，我们也会根据适用的法律法规，在您停止使用我们的服务或终止您的账户时，删除或匿名化处理您的手机号码及其他相关信息。</p>
+
+            <h3>二、我们如何使用信息</h3>
+            <p>收集您的信息是为了向您提供服务及提升服务质量，为了实现这一目的，我们会把您的信息用于下列用途：</p>
+            <ul>
+                <li>（1）向您提供您使用的愉悦查产品或服务，并维护、改进、优化这些服务及服务体验；</li>
+                <li>（2）为预防、发现、调查欺诈、侵权、危害安全、非法或违反与我们或与我们关联公司的协议、政策或规则的行为，保护您、其他用户或公众以及我们或我们关联公司的合法权益，我们会使用或整合您的个人信息、服务使用信息、设备信息、日志信息以及我们关联公司、合作伙伴取得您授权或依据法律共享的信息，来综合判断您的操作风险、检测及防范安全事件，并依法采取必要的记录、审计、分析、处置措施；</li>
+                <li>（3）经您许可的其他用途。</li>
+            </ul>
+
+            <h3>三、我们如何使用 Cookie 和同类技术</h3>
+            <p>为使您获得更轻松的访问体验，您使用愉悦查产品或服务时，我们可能会通过采用各种技术收集和存储您访问愉悦查服务的相关数据，在您访问或再次访问愉悦查服务时，我们能识别您的身份，并通过分析数据为您提供更好更多的服务。</p>
+            <p>包括使用小型数据文件识别您的身份，这么做是为了解您的使用习惯，帮您省去重复输入账户信息的步骤，或者帮助判断您的账户安全。这些数据文件可能是 Cookie、Flash Cookie，或您的浏览器或关联应用程序提供的其他本地存储（统称"Cookie"）。</p>
+            <p>请您理解，我们的某些服务只能通过使用 Cookie 才可得到实现。如果您的浏览器或浏览器附加服务允许，您可以修改对 Cookie 的接受程度或者拒绝愉悦查的 Cookie，但拒绝愉悦查的 Cookie 在某些情况下您可能无法使用依赖于 cookies 的愉悦查服务的部分功能。</p>
+
+            <h3>四、我们如何共享、转让、公开披露您的信息</h3>
+
+            <h4>(一) 共享</h4>
+            <p>我们不会和其他公司、组织和个人共享您的个人信息，但以下情况除外：</p>
+            <ul>
+                <li>（1）在获取您同意的情况下共享：获得您的明确同意后，我们会与其他方共享您的个人信息。</li>
+                <li>（2）在法定情形下的共享：我们可能会根据法律法规规定、诉讼争议解决需要，或按行政、司法机关依法提出的要求，对外共享您的个人信息。</li>
+                <li>（3）只有透露您的资料，才能提供您所要求的第三方产品和服务，在您通过愉悦查客户端购买查询服务的，您同意愉悦查向实际产品提供者提供您的身份信息，包括真实姓名和身份证号等。为了提升实人认证的准确性，您同意第三方公司仅限于个人信息进行验证相关服务，将您提供的个人信息与法律法规允许的机构或政府机关授权的机构的数据进行校验。</li>
+                <li>（4）在您被他人投诉侵犯知识产权或其他合法权利时，需要向投诉人披露您的必要资料，以便进行投诉处理的；</li>
+                <li>（5）愉悦查服务可能含有其他网站的链接。除法律另有规定外，愉悦查对其他网站的隐私保护措施不负相应法律责任。我们可能在需要的时候增加商业伙伴，但是提供给他们的将仅是综合信息，我们将不会公开您的个人信息。</li>
+            </ul>
+
+            <h4>(二) 转让</h4>
+            <p>我们不会将您的个人信息转让给任何公司、组织和个人，但以下情况除外：</p>
+            <ul>
+                <li>（1）在获取明确同意的情况下转让：获得您的明确同意后，我们会向其他方转让您的个人信息。</li>
+                <li>（2）在愉悦查发生合并、收购或破产清算情形，或其他涉及合并、收购或破产清算情形时，如涉及到个人信息转让，我们会要求新的持有您个人信息的公司、组织继续受本政策的约束，否则我们将要求该公司、组织和个人重新向您征求授权同意。</li>
+            </ul>
+
+            <h4>(三) 公开披露</h4>
+            <p>我们仅会在以下情况下，公开披露您的个人信息：</p>
+            <ul>
+                <li>（1）获得您明确同意或基于您的主动选择，我们可能会公开披露您的个人信息；</li>
+                <li>（2）如果我们确定您出现违反法律法规或严重违反愉悦查相关协议规则的情况，或为保护愉悦查及其关联公司用户或公众的人身财产安全免遭侵害，我们可能依据法律法规或愉悦查相关协议规则征得您同意的情况下披露关于您的个人信息，包括相关违规行为以及愉悦查已对您采取的措施。</li>
+            </ul>
+
+            <h4>(四) 共享、转让、公开披露个人信息时事先征得授权同意的例外</h4>
+            <p>以下情形中，共享、转让、公开披露您的个人信息无需事先征得您的授权同意：</p>
+            <ul>
+                <li>（1）与国家安全、国防安全有关的；</li>
+                <li>（2）与公共安全、公共卫生、重大公共利益有关的；</li>
+                <li>（3）与犯罪侦查、起诉、审判和判决执行等有关的；</li>
+                <li>（4）出于维护您或其他个人的生命、财产等重大合法权益但又很难得到本人同意的；</li>
+                <li>（5）您自行向社会公众公开的个人信息；</li>
+                <li>（6）从合法公开披露的信息中收集个人信息的，如合法的新闻报道、政府信息公开等渠道。</li>
+            </ul>
+            <p>请您注意，根据法律规定，共享、转让经匿名化处理的个人信息，且确保数据接收方无法复原并重新识别个人信息主体的，不属于个人信息的对外共享、转让及公开披露行为，对此类数据的保存及处理将无需另行向您通知并征得您的同意。</p>
+
+            <h3>五、我们如何保护您的信息</h3>
+            <p>我们会采取各种预防措施来保护您的个人信息，以保障您的个人信息免遭丢失、盗用和误用，以及被擅自取阅、披露、更改或销毁。为确保您个人信息的安全，我们有严格的信息安全规定和流程并严格执行上述措施。</p>
+            <p>愉悦查建立了全方位、多维度的数据安全管理体系，保证整个愉悦查各个平台的安全性。我们会采取合理可行的措施，尽力避免收集无关的个人信息，并在限于达成本政策所述目的所需的期限以及所适用法律法规所要求的期限内对您的个人信息进行脱敏处理。在您使用查询过程中所涉及的用户姓名、身份证号、手机号/账号密码信息均采用的是 AES 加密方式，所有二次输出信息均经过脱敏处理，数据库文件不存储用户明文数据。</p>
+            <p>在不幸发生个人信息安全事件后，我们将按照法律法规的要求（最迟不迟于 30 个自然日内）向您告知：安全事件的基本情况和可能的影响、我们已采取或将要采取的处置措施、您可自主防范和降低风险的建议、对您的补救措施等。事件相关情况我们将以邮件、信函、电话通知等方式告知您，难以逐一告知个人信息主体时，我们会采取合理、有效的方式发布公告。同时，我们还将按照监管部门要求，上报个人信息安全事件的处置情况。</p>
+            <p>互联网环境并非百分之百安全，尽管我们有这些安全措施，但仍然无法完全避免互联网中存在的各种风险，我们将尽力确保您的信息的安全性。</p>
+
+            <h3>六、未成年人保护</h3>
+            <p>我们重视未成年人的信息保护，如您为未成年人的，建议您请您的父母或监护人仔细阅读本隐私权政策，并在征得您的父母或监护人同意的前提下使用我们的服务或向我们提供信息。</p>
+            <p>对于经父母或监护人同意使用我们的产品或服务而收集未成年人个人信息的情况，我们只会在法律法规允许，父母或监护人明确同意或者保护未成年人所必要的情况下使用、共享、转让或披露此信息。</p>
+            <p>我们将根据国家相关法律法规及本政策的规定保护未成年人的个人信息。</p>
+
+            <h3>七、您的个人信息存储</h3>
+
+            <h4>(一) 存储地区</h4>
+            <p>我们将在中华人民共和国境内运营愉悦查服务中收集和产生的个人信息存储在中华人民共和国境内。目前，我们不会将上述信息传输至境外，如果我们向境外传输，我们将会遵循相关国家规定或者征求您的同意。</p>
+
+            <h4>(二) 存储期限</h4>
+            <p>您在使用本平台期间，我们将保存您的个人脱敏加密信息，保存期限将以不超过为您提供服务所必须的期间为原则。在您终止使用本平台后，除法律法规对于特定信息保留期限另有规定外，我们会对您的信息进行删除或做匿名化处理。如我们停止运营本平台服务，我们将在合理期限内依照所适用的法律对所持有的您的个人信息进行删除或匿名化处理。</p>
+
+            <h3>八、您享有的权利及权利行使路径</h3>
+
+            <h4>(一) 访问查询权</h4>
+            <p>您对您的愉悦查账号内的信息（含个人信息）依法享有访问查询权，包括：</p>
+            <p><strong>账户信息：</strong>您可以登录手机客户端，通过【我的 - 点击名字或头像】可以访问您的头像信息、姓名、绑定手机号。</p>
+            <p><strong>使用信息：</strong>您可以在愉悦查手机客户端相关页面访问、查询您的使用信息，包括订单信息，可以通过【报告列表 - 查看详情】进行访问、查看。</p>
+            <p><strong>其他信息：</strong>如您在此前述过程中遇到操作问题的或如需获取其他前述无法获知的个人信息内容，您可通过在线客服或邮箱联系我们，我们将在核实您的身份后在合理期限内向您提供，但法律法规另有规定的或本政策另有约定的除外。</p>
+
+            <h4>(二) 同意的撤回与变更</h4>
+            <p>若您需要更改相关权限的授权（例如：相机、相册、麦克风），您可以通过您的硬件设备进行修改。您也可以通过注销愉悦查账户的方式永久撤回我们继续收集您个人信息的全部授权。如您在此过程中遇到操作问题的，可以通过本政策"帮助中心"方式联系我们。</p>
+
+            <h4>(三) 帮助反馈权</h4>
+            <p>我们为您提供了多种反馈渠道，具体请见设置—帮助中心。</p>
+
+            <h4>(四) 提前获知产品与/或服务停止运营权</h4>
+            <p>我们将持续为您提供优质服务，若因特殊原因导致我们的部分或全部产品与/或服务被迫停止运营，我们将提前在显著位置或通知您，并将停止对您个人信息的收集，同时在超出法律法规规定的必需且最短期限后，我们将会对所持有的您的个人信息进行删除或匿名化处理。</p>
+
+            <h3>九、本政策如何更新</h3>
+            <p>我们的隐私政策可能变更。未经您明确同意我们不会限制您按照本隐私政策所应享有的权利。我们会在愉悦查各个平台，包括客户端、相关网页上以首页弹窗形式发布对本隐私政策所做的任何变更，并以交互设计提醒您阅读并完整理解。对于重大变更，我们还会提供更为显著的通知（可能包括公告通知甚至向您提供弹窗提示）。</p>
+            <p>本政策所指的重大变更包括但不限于：</p>
+            <ul>
+                <li>（1）我们的服务模式发生重大变化。如处理用户信息的目的、用户信息的使用方式等；</li>
+                <li>（2）我们在控制权、组织架构等方面发生重大变化。如业务调整、破产并购等引起的所有者变更等；</li>
+                <li>（3）用户信息共享、转让或公开披露的主要对象发生变化；</li>
+                <li>（4）我们负责处理用户信息安全的责任部门、联络方式及投诉渠道发生变化时；</li>
+                <li>（5）用户信息安全影响评估报告表明存在高风险时。</li>
+            </ul>
+
+            <h3>十、如何联系我们</h3>
+            <p>如果您对本政策或数据处理有任何疑问、意见或建议，可以通过愉悦查产品内的"联系客服"或邮箱 kefu@yuyuecha.com 与我们联系。我们将在收到您发送的响应请求或相关信息之日起十五（15）天内回复您。</p>
+            <p>您理解并同意，当涉及以下任一情形时，我们无法响应您的请求：</p>
+            <ul>
+                <li>（1）与国家安全、国防安全有关的；</li>
+                <li>（2）与公共安全、公共卫生、重大公共利益有关的；</li>
+                <li>（3）与犯罪侦查、起诉和审判等有关的；</li>
+                <li>（4）有充分证据表明您存在主观恶意或滥用权利的；</li>
+                <li>（5）响应您的请求将导致您或其他个人、组织的合法权益受到严重损害的；</li>
+                <li>（6）涉及愉悦查或任何第三方主体商业秘密的；</li>
+                <li>（7）法律法规规定的其他情形。</li>
+            </ul>
+            <p>如果您对我们的回复不满意，特别是您认为我们的个人信息处理行为损害了您的合法权益，您还可以通过向有管辖权的法院提起诉讼来寻求解决方案。</p>
+
+            <h3>十一、其他</h3>
+            <p>（一）本《隐私政策》的解释及争议解决均应适用中华人民共和国大陆地区法律。与本《隐私政策》相关的任何纠纷，双方应协商友好解决；若不能协商解决，应将争议提交至北京正信环宇科技有限公司注册地有管辖权的人民法院解决。</p>
+            <p>（二）本《隐私政策》的标题仅为方便及阅读而设，并不影响正文其中任何规定的含义或解释。</p>
+        </div>
+
+        <div class="update-time">
+            <p><strong>2026 年 1 月 1 日</strong></p>
+        </div>
+    </div>
+
+    <footer class="footer">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <h3>愉悦查</h3>
+                    <p>让信任无处不在，让合作没有距离</p>
+                    <p style="margin-top:16px;font-size:13px;">愉悦查（北京正信环宇科技有限公司）</p>
+                    <p style="font-size:13px;">AI 驱动的商业信任科技平台</p>
+                </div>
+                <div>
+                    <h4 class="footer-title">产品</h4>
+                    <ul class="footer-links">
+                        <li><a href="/product/riskassessment.html">个人大数据报告</a></li>
+                        <li><a href="/product/marriage.html">婚恋风险报告</a></li>
+                        <li><a href="/product/backgroundcheck.html">入职背调报告</a></li>
+                        <li><a href="/product/companyinfo.html">小微企业报告</a></li>
+                        <li><a href="/product/homeservice.html">家政风险报告</a></li>
+                        <li><a href="/product/consumerFinanceReport.html">消金报告</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h4 class="footer-title">API</h4>
+                    <ul class="footer-links">
+                        <li><a href="/apidemo/">API 平台</a></li>
+                        <li><a href="/all-apis.html">全部接口</a></li>
+                        <li><a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" target="_blank">技术咨询</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h4 class="footer-title">公司</h4>
+                    <ul class="footer-links">
+                        <li><a href="/about.html">关于我们</a></li>
+                        <li><a href="/careers.html">加入我们</a></li>
+                        <li><a href="/contact.html">联系我们</a></li>
+                        <li><a href="/news.html">新闻动态</a></li>
+                        <li><a href="/partners.html">合作伙伴</a></li>
+                    </ul>
+                </div>
+            </div>
+            <div class="footer-bottom">
+                <p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p>京 ICP 备 2025158088 号 -2</p>
+            </div>
+        </div>
+    </footer>
+</body>
+</html>
diff --git a/product/backgroundcheck.html b/product/backgroundcheck.html
new file mode 100644
index 0000000..0329639
--- /dev/null
+++ b/product/backgroundcheck.html
@@ -0,0 +1,699 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>入职背调报告 - 愉悦查 | 企业招聘必备背景调查</title>
+    <meta name="description" content="愉悦查入职背调报告，员工背景筛查，降低用工风险，批量查询优惠，企业招聘必备">
+    <!-- SEO Enhancement -->
+    <link rel="canonical" href="https://www.yuyuecha.com.cn/product/backgroundcheck.html">
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="https://www.yuyuecha.com.cn/product/backgroundcheck.html">
+    <meta property="og:title" content="入职背调报告 - 愉悦查">
+    <meta property="og:description" content="企业招聘必备，员工背景筛查，批量查询优惠，降低用工风险。">
+    <meta property="og:image" content="https://www.yuyuecha.com.cn/assets/logo-nav-2x.png">
+    <meta property="og:site_name" content="愉悦查">
+    <meta property="og:locale" content="zh_CN">
+    <meta name="twitter:card" content="summary">
+    <meta name="twitter:title" content="入职背调报告 - 愉悦查">
+    <meta name="twitter:description" content="企业招聘必备，员工背景筛查，批量查询优惠，降低用工风险。">
+    <meta name="twitter:image" content="https://www.yuyuecha.com.cn/assets/logo-nav-2x.png">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    <style>
+        :root { --primary-orange: #FF6A19; --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%); --bg-gray: #F5F7FA; --text-primary: #1A1A1A; --text-secondary: #666666; --success: #07C160; --spacing-sm: 16px; --spacing-md: 24px; --spacing-lg: 48px; --spacing-xl: 80px; --radius-lg: 16px; --transition: all 0.3s ease; }
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body { font-family: 'Noto Sans SC', sans-serif; line-height: 1.6; color: var(--text-primary); }
+        a { text-decoration: none; color: inherit; }
+        ul { list-style: none; }
+        .container { max-width: 1200px; margin: 0 auto; padding: 0 var(--spacing-md); }
+        .btn { display: inline-block; padding: 14px 32px; font-size: 16px; border-radius: 8px; transition: var(--transition); border: none; }
+        .btn-primary { background: var(--primary-gradient); color: white; }
+        .btn-outline { border: 2px solid var(--primary-orange); color: var(--primary-orange); background: transparent; }
+        .navbar { position: fixed; top: 0; background: rgba(255,255,255,0.95); backdrop-filter: blur(10px); box-shadow: 0 2px 20px rgba(0,0,0,0.08); z-index: 1000; }
+        .navbar .container { display: flex; justify-content: space-between; align-items: center; height: 80px; }
+        .nav-menu { display: flex; gap: var(--spacing-lg); }
+        .nav-link:hover { color: var(--primary-orange); }
+        .product-hero { padding: 160px 0 80px; background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%); text-align: center; }
+        .product-hero h1 { font-size: 48px; color: var(--primary-orange); margin-bottom: 16px; }
+        .price { font-size: 56px; font-weight: 700; color: var(--primary-orange); margin: 24px 0; }
+        .price span { font-size: 24px; color: var(--text-secondary); }
+        .section { padding: var(--spacing-xl) 0; }
+        .section-title { text-align: center; font-size: 36px; margin-bottom: 8px; }
+        .features-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--spacing-md); margin-top: 32px; }
+        .feature-card { text-align: center; padding: 24px; background: white; border-radius: var(--radius-lg); box-shadow: 0 2px 8px rgba(0,0,0,0.08); }
+        .feature-icon { font-size: 48px; margin-bottom: 16px; }
+        .content-section { background: var(--bg-gray); }
+        .content-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--spacing-lg); margin-top: 32px; }
+        .content-list { background: white; padding: 24px; border-radius: var(--radius-lg); }
+        .content-list li { padding: 12px 0; border-bottom: 1px solid #eee; }
+        .cta { background: var(--primary-gradient); color: white; text-align: center; padding: var(--spacing-xl) 0; }
+        .cta-buttons { display: flex; justify-content: center; gap: var(--spacing-sm); margin-top: 24px; }
+        .footer { background: #1A1A1A; color: white; padding: var(--spacing-xl) 0 32px; }
+        .footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: var(--spacing-lg); }
+        .footer-brand h3 { color: var(--primary-orange); margin-bottom: 8px; }
+        .footer-bottom { text-align: center; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.6; }
+        @media (max-width: 768px) { .features-grid, .content-grid, .footer-grid { grid-template-columns: 1fr; } .product-hero h1 { font-size: 32px; } }
+            /* Mobile Menu */
+        @media (max-width: 1024px) {
+            .nav-cta {
+                display: none;
+            }
+        }
+        
+        @media (max-width: 768px) {
+            .navbar .container {
+                height: 60px;
+                padding: 0 16px;
+            }
+            
+            .logo-img {
+                height: 45px;
+            }
+            
+            .menu-toggle {
+                display: flex;
+            }
+            
+            .nav-menu {
+                position: fixed;
+                top: 60px;
+                left: 0;
+                right: 0;
+                background: white;
+                flex-direction: column;
+                padding: 24px;
+                gap: 16px;
+                box-shadow: 0 4px 20px rgba(0,0,0,0.1);
+                transform: translateY(-100%);
+                opacity: 0;
+                visibility: hidden;
+                transition: all 0.3s ease;
+            }
+            
+            .nav-menu.active {
+                transform: translateY(0);
+                opacity: 1;
+                visibility: visible;
+            }
+            
+            .nav-link {
+                font-size: 16px;
+            }
+        }
+            /* ===== Navigation ===== */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+            transition: var(--transition);
+        }
+        
+        .navbar.scrolled {
+            box-shadow: 0 4px 30px rgba(0,0,0,0.12);
+        }
+        
+        .navbar .container {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            height: 80px;
+            max-width: 1400px;
+            margin: 0 auto;
+            padding: 0 32px;
+        }
+        
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            text-decoration: none;
+            background: transparent;
+            padding: 4px 0;
+        }
+        
+        .logo-img {
+            height: 60px;
+            width: auto;
+            object-fit: contain;
+            transition: var(--transition);
+            background: transparent;
+        }
+        
+        .logo:hover .logo-img {
+            transform: scale(1.05);
+        }
+        
+        .nav-menu {
+            display: flex;
+            gap: var(--spacing-lg);
+            align-items: center;
+        }
+        
+        .nav-link {
+            font-size: 15px;
+            font-weight: 500;
+            color: var(--text-primary);
+            transition: var(--transition);
+            position: relative;
+        }
+        
+        .nav-link:hover {
+            color: var(--primary-orange);
+        }
+        
+        .nav-link::after {
+            content: '';
+            position: absolute;
+            bottom: -4px;
+            left: 0;
+            width: 0;
+            height: 2px;
+            background: var(--primary-orange);
+            transition: var(--transition);
+        }
+        
+        .nav-link:hover::after {
+            width: 100%;
+        }
+        
+        .nav-cta {
+            display: flex;
+            gap: var(--spacing-sm);
+        }
+        
+        .nav-btn {
+            padding: 10px 20px;
+            font-size: 14px;
+        }
+        
+        /* Mobile Menu */
+        .menu-toggle {
+            display: none;
+            flex-direction: column;
+            gap: 5px;
+            cursor: pointer;
+            padding: 5px;
+        }
+        
+        .menu-toggle span {
+            width: 25px;
+            height: 3px;
+            background: var(--primary-orange);
+            border-radius: 2px;
+            transition: var(--transition);
+        }
+        
+        @media (max-width: 1024px) {
+            .nav-cta {
+                display: none;
+            }
+        }
+        
+        @media (max-width: 768px) {
+            .navbar .container {
+                height: 60px;
+                padding: 0 16px;
+            }
+            
+            .logo-img {
+                height: 45px;
+            }
+            
+            .menu-toggle {
+                display: flex;
+            }
+            
+            .nav-menu {
+                position: fixed;
+                top: 60px;
+                left: 0;
+                right: 0;
+                background: white;
+                flex-direction: column;
+                padding: 24px;
+                gap: 16px;
+                box-shadow: 0 4px 20px rgba(0,0,0,0.1);
+                transform: translateY(-100%);
+                opacity: 0;
+                visibility: hidden;
+                transition: all 0.3s ease;
+            }
+            
+            .nav-menu.active {
+                transform: translateY(0);
+                opacity: 1;
+                visibility: visible;
+            }
+            
+            .nav-link {
+                font-size: 16px;
+            }
+        }
+    
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            text-decoration: none;
+            background: transparent;
+            padding: 4px 0;
+        }
+        
+        .logo-img {
+            background: rgba(255,255,255,0.95);
+            height: 60px;
+            width: auto;
+            object-fit: contain;
+            transition: var(--transition);
+        }
+        
+        .logo:hover .logo-img {
+            background: rgba(255,255,255,0.95);
+            transform: scale(1.05);
+        }
+
+        /* ===== Unified Navbar ===== */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            z-index: 1000;
+            padding: 12px 0;
+            transition: all 0.3s ease;
+            background: rgba(255,255,255,0.95);
+            backdrop-filter: blur(20px);
+            -webkit-backdrop-filter: blur(20px);
+        }
+        .navbar.scrolled {
+            padding: 8px 0;
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+        }
+        .navbar .container {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 0 24px;
+        }
+        .logo {
+            display: flex;
+            align-items: center;
+            text-decoration: none;
+        }
+        .logo-img {
+            height: 44px;
+            width: auto;
+            object-fit: contain;
+            transition: all 0.3s ease;
+        }
+        .logo:hover .logo-img {
+            transform: scale(1.03);
+        }
+        .nav-menu {
+            display: flex;
+            gap: 32px;
+            list-style: none;
+            margin: 0;
+            padding: 0;
+        }
+        .nav-link {
+            font-size: 15px;
+            font-weight: 500;
+            color: #1A1A1A;
+            text-decoration: none;
+            position: relative;
+            padding: 6px 0;
+            transition: all 0.3s ease;
+        }
+        .nav-link::after {
+            content: '';
+            position: absolute;
+            bottom: 0;
+            left: 50%;
+            width: 0;
+            height: 2px;
+            background: #FF6A19;
+            transition: all 0.3s ease;
+            transform: translateX(-50%);
+            border-radius: 1px;
+        }
+        .nav-link:hover {
+            color: #FF6A19;
+        }
+        .nav-link:hover::after {
+            width: 100%;
+        }
+        .nav-cta {
+            display: flex;
+            gap: 12px;
+            align-items: center;
+        }
+        .nav-btn {
+            padding: 8px 20px;
+            border-radius: 8px;
+            font-size: 14px;
+            font-weight: 500;
+            cursor: pointer;
+            transition: all 0.3s ease;
+            text-decoration: none;
+            border: none;
+            display: inline-flex;
+            align-items: center;
+        }
+        .btn-outline.nav-btn {
+            border: 1.5px solid #FF6A19;
+            color: #FF6A19;
+            background: transparent;
+        }
+        .btn-outline.nav-btn:hover {
+            background: #FFF5F0;
+        }
+        .btn-primary.nav-btn {
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
+            color: white;
+            box-shadow: 0 2px 8px rgba(255,106,25,0.3);
+        }
+        .btn-primary.nav-btn:hover {
+            transform: translateY(-1px);
+            box-shadow: 0 4px 12px rgba(255,106,25,0.4);
+        }
+        .menu-toggle {
+            display: none;
+            flex-direction: column;
+            gap: 5px;
+            cursor: pointer;
+            padding: 4px;
+            z-index: 1001;
+        }
+        .menu-toggle span {
+            width: 24px;
+            height: 2px;
+            background: #1A1A1A;
+            transition: all 0.3s ease;
+            border-radius: 1px;
+        }
+        @media (max-width: 1024px) {
+            .nav-menu {
+                display: none;
+                position: fixed;
+                top: 0;
+                left: 0;
+                right: 0;
+                bottom: 0;
+                background: rgba(255,255,255,0.98);
+                backdrop-filter: blur(20px);
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                gap: 24px;
+                z-index: 999;
+            }
+            .nav-menu.active {
+                display: flex;
+            }
+            .nav-link {
+                font-size: 18px;
+            }
+            .nav-cta {
+                display: none;
+            }
+            .menu-toggle {
+                display: flex;
+            }
+        }
+
+        /* ===== Unified Footer ===== */
+        .footer {
+            background: #1A1A1A;
+            color: white;
+            padding: 60px 0 30px;
+        }
+        .footer-grid {
+            display: grid;
+            grid-template-columns: 1.5fr 1fr 1fr 1fr;
+            gap: 48px;
+            margin-bottom: 40px;
+        }
+        .footer-brand h3 {
+            font-size: 22px;
+            font-weight: 700;
+            margin-bottom: 8px;
+            background: linear-gradient(135deg, #FF6A19, #FC6E18);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+        .footer-brand p {
+            color: rgba(255,255,255,0.6);
+            font-size: 14px;
+            line-height: 1.6;
+        }
+        .footer-title {
+            font-size: 15px;
+            font-weight: 600;
+            margin-bottom: 16px;
+            color: rgba(255,255,255,0.9);
+        }
+        .footer-links {
+            list-style: none;
+            padding: 0;
+            margin: 0;
+        }
+        .footer-links li {
+            margin-bottom: 10px;
+        }
+        .footer-links a {
+            color: rgba(255,255,255,0.5);
+            text-decoration: none;
+            font-size: 14px;
+            transition: all 0.3s ease;
+        }
+        .footer-links a:hover {
+            color: #FF6A19;
+        }
+        .footer-bottom {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            padding-top: 24px;
+            border-top: 1px solid rgba(255,255,255,0.1);
+            font-size: 13px;
+            color: rgba(255,255,255,0.4);
+        }
+        .footer-icp {
+            color: rgba(255,255,255,0.4);
+        }
+        .footer-icp a {
+            color: rgba(255,255,255,0.4);
+            text-decoration: none;
+        }
+        .footer-icp a:hover {
+            color: #FF6A19;
+        }
+        @media (max-width: 768px) {
+            .footer-grid {
+                grid-template-columns: 1fr 1fr;
+                gap: 32px;
+            }
+            .footer-bottom {
+                flex-direction: column;
+                text-align: center;
+                gap: 8px;
+            }
+        }
+        @media (max-width: 480px) {
+            .footer-grid {
+                grid-template-columns: 1fr;
+            }
+        }
+
+    </style>
+</head>
+<body>
+            <!-- Navigation -->
+        <nav class="navbar" id="navbar">
+        <div class="container">
+            <a href="/index.html" class="logo">
+                <img src="../assets/logo-nav.png" srcset="../assets/logo-nav.png 1x, ../assets/logo-nav-2x.png 2x" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            
+            <div class="menu-toggle" id="menuToggle">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+            
+            <ul class="nav-menu" id="navMenu">
+                <li><a href="/index.html" class="nav-link">首页</a></li>
+                <li><a href="/index.html#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="/index.html#technology" class="nav-link">AI 能力</a></li>
+                <li><a href="/index.html#partnership" class="nav-link">代理合作</a></li>
+                <li><a href="/about.html" class="nav-link">关于我们</a></li>
+            </ul>
+            
+            <div class="nav-cta">
+                <a href="/index.html#products" class="btn btn-outline nav-btn">立即查询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
+            </div>
+        </div>
+    </nav>
+    <section class="product-hero">
+        <div class="container">
+            <span style="display:inline-block;padding:8px 16px;background:rgba(255,106,25,0.1);color:var(--primary-orange);border-radius:20px;margin-bottom:16px">💼 企业必备</span>
+            <h1>入职背调报告</h1>
+            <div class="price">¥69.9 <span>/份</span></div>
+            <p style="font-size:18px;color:var(--text-secondary);max-width:700px;margin:0 auto 32px">企业招聘必备，员工背景筛查，降低用工风险，提升招聘质量，批量查询更优惠</p>
+            <div class="cta-buttons"><a href="https://www.yuyuecha.com/example?feature=backgroundcheck" target="_blank" class="btn btn-primary">👁️ 查看示例报告</a><a href="https://www.yuyuecha.com/inquire/backgroundcheck" class="btn btn-outline">立即查询</a></div>
+        </div>
+    </section>
+    <section class="section">
+        <div class="container">
+            <h2 class="section-title">产品优势</h2>
+            <div class="features-grid">
+                <div class="feature-card"><div class="feature-icon">📋</div><h3>全面筛查</h3><p>3-4 个数据接口组合，全面背景调查</p></div>
+                <div class="feature-card"><div class="feature-icon">⚡</div><h3>快速出结果</h3><p>秒级响应，最快 3 秒生成报告</p></div>
+                <div class="feature-card"><div class="feature-icon">💰</div><h3>批量优惠</h3><p>企业批量查询享受专属折扣</p></div>
+                <div class="feature-card"><div class="feature-icon">📄</div><h3>PDF 报告</h3><p>专业格式报告，支持永久保存</p></div>
+                <div class="feature-card"><div class="feature-icon">🔒</div><h3>合规授权</h3><p>严格遵循个人信息保护法规</p></div>
+                <div class="feature-card"><div class="feature-icon">🎯</div><h3>降低风险</h3><p>有效降低用工风险，提升招聘质量</p></div>
+            </div>
+        </div>
+    </section>
+    <section class="section content-section">
+        <div class="container">
+            <h2 class="section-title">报告内容</h2>
+            <div class="content-grid">
+                <div class="content-list"><h3>📊 报告包含</h3><ul><li>身份信息核验</li><li>学历信息验证</li><li>工作履历核实</li><li>司法风险排查</li><li>信用记录查询</li><li>综合风险评估</li></ul></div>
+                <div class="content-list"><h3>✅ 适用场景</h3><ul><li>企业招聘背景调查</li><li>高管入职背调</li><li>关键岗位人员筛查</li><li>批量员工背景核实</li><li>合作伙伴背景调查</li></ul></div>
+            </div>
+        </div>
+    </section>
+    <section class="cta">
+        <div class="container">
+            <h2>降低用工风险，从背调开始</h2>
+            <p>立即获取入职背调报告，提升招聘质量</p>
+            <div class="cta-buttons"><a href="https://www.yuyuecha.com/inquire/backgroundcheck" class="btn" style="background:white;color:var(--primary-orange)">🚀 立即查询 - ¥69.9</a><a href="https://www.yuyuecha.com/example?feature=backgroundcheck" target="_blank" class="btn btn-outline" style="border-color:rgba(255,255,255,0.5);color:white">👁️ 查看示例</a></div>
+        </div>
+    </section>
+        <footer class="footer">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <h3>愉悦查</h3>
+                    <p>让信任无处不在，让合作没有距离</p>
+                    <p style="margin-top:16px;font-size:13px;color:rgba(255,255,255,0.5);">北京正信环宇科技有限公司</p>
+                    <p style="font-size:13px;color:rgba(255,255,255,0.5);">AI 驱动的商业信任科技平台</p>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">产品</h4>
+                    <ul class="footer-links">
+                        <li><a href="/product/riskassessment.html">个人大数据报告</a></li>
+                        <li><a href="/product/marriage.html">婚恋风险报告</a></li>
+                        <li><a href="/product/backgroundcheck.html">入职背调报告</a></li>
+                        <li><a href="/product/companyinfo.html">小微企业报告</a></li>
+                        <li><a href="/product/homeservice.html">家政风险报告</a></li>
+                        <li><a href="/product/consumerFinanceReport.html">消金报告</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">公司</h4>
+                    <ul class="footer-links">
+                        <li><a href="/about.html">关于我们</a></li>
+                        <li><a href="/careers.html">加入我们</a></li>
+                        <li><a href="/contact.html">联系我们</a></li>
+                        <li><a href="/news.html">新闻动态</a></li>
+                        <li><a href="/partners.html">合作伙伴</a></li>
+                        <li><a href="/investment.html">招商工具包</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">支持</h4>
+                    <ul class="footer-links">
+                        <li><a href="/help.html">帮助中心</a></li>
+                        <li><a href="/apidemo/">API 文档</a></li>
+                        <li><a href="/all-apis.html">全部接口</a></li>
+                        <li><a href="/privacy.html">隐私政策</a></li>
+                        <li><a href="/terms.html">服务条款</a></li>
+                        <li><a href="/disclaimer.html">免责声明</a></li>
+                    </ul>
+                </div>
+            </div>
+            
+            <div class="footer-bottom">
+                <p>&copy; 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p class="footer-icp"><a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow noopener">京ICP备2025158088号-2</a></p>
+            </div>
+        </div>
+    </footer>
+    <script>
+        // Mobile Menu Toggle
+        const menuToggle = document.getElementById('menuToggle');
+        const navMenu = document.getElementById('navMenu');
+        
+        if (menuToggle && navMenu) {
+            menuToggle.addEventListener('click', () => {
+                navMenu.classList.toggle('active');
+            });
+            
+            // Close menu when clicking on a link
+            navMenu.querySelectorAll('.nav-link').forEach(link => {
+                link.addEventListener('click', () => {
+                    navMenu.classList.remove('active');
+                });
+            });
+        }
+        
+        // Navbar scroll effect
+        const navbar = document.getElementById('navbar');
+        if (navbar) {
+            window.addEventListener('scroll', () => {
+                if (window.scrollY > 50) {
+                    navbar.classList.add('scrolled');
+                } else {
+                    navbar.classList.remove('scrolled');
+                }
+            });
+        }
+    </script>
+    <script>
+        // ===== Navbar Scroll Effect =====
+        window.addEventListener('scroll', () => {
+            const navbar = document.getElementById('navbar');
+            if (navbar && window.scrollY > 50) {
+                navbar.classList.add('scrolled');
+            } else if (navbar) {
+                navbar.classList.remove('scrolled');
+            }
+        });
+
+        // ===== Mobile Menu Toggle =====
+        const menuToggle = document.getElementById('menuToggle');
+        const navMenu = document.getElementById('navMenu');
+        
+        if (menuToggle && navMenu) {
+            menuToggle.addEventListener('click', () => {
+                navMenu.classList.toggle('active');
+            });
+            
+            // Close menu when clicking on a link
+            navMenu.querySelectorAll('.nav-link').forEach(link => {
+                link.addEventListener('click', () => {
+                    navMenu.classList.remove('active');
+                });
+            });
+        }
+    </script>
+</body>
+</html>
diff --git a/product/backgroundcheck.html.bak.logo b/product/backgroundcheck.html.bak.logo
new file mode 100644
index 0000000..b2f0c55
--- /dev/null
+++ b/product/backgroundcheck.html.bak.logo
@@ -0,0 +1,384 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>入职背调报告 - 愉悦查 | 企业招聘必备背景调查</title>
+    <meta name="description" content="愉悦查入职背调报告，员工背景筛查，降低用工风险，批量查询优惠，企业招聘必备">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    <style>
+        :root { --primary-orange: #FF6A19; --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%); --bg-gray: #F5F7FA; --text-primary: #1A1A1A; --text-secondary: #666666; --success: #07C160; --spacing-sm: 16px; --spacing-md: 24px; --spacing-lg: 48px; --spacing-xl: 80px; --radius-lg: 16px; --transition: all 0.3s ease; }
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body { font-family: 'Noto Sans SC', sans-serif; line-height: 1.6; color: var(--text-primary); }
+        a { text-decoration: none; color: inherit; }
+        ul { list-style: none; }
+        .container { max-width: 1200px; margin: 0 auto; padding: 0 var(--spacing-md); }
+        .btn { display: inline-block; padding: 14px 32px; font-size: 16px; border-radius: 8px; transition: var(--transition); border: none; }
+        .btn-primary { background: var(--primary-gradient); color: white; }
+        .btn-outline { border: 2px solid var(--primary-orange); color: var(--primary-orange); background: transparent; }
+        .navbar { position: fixed; top: 0; background: rgba(255,255,255,0.95); backdrop-filter: blur(10px); box-shadow: 0 2px 20px rgba(0,0,0,0.08); z-index: 1000; }
+        .navbar .container { display: flex; justify-content: space-between; align-items: center; height: 80px; }
+        .nav-menu { display: flex; gap: var(--spacing-lg); }
+        .nav-link:hover { color: var(--primary-orange); }
+        .product-hero { padding: 160px 0 80px; background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%); text-align: center; }
+        .product-hero h1 { font-size: 48px; color: var(--primary-orange); margin-bottom: 16px; }
+        .price { font-size: 56px; font-weight: 700; color: var(--primary-orange); margin: 24px 0; }
+        .price span { font-size: 24px; color: var(--text-secondary); }
+        .section { padding: var(--spacing-xl) 0; }
+        .section-title { text-align: center; font-size: 36px; margin-bottom: 8px; }
+        .features-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--spacing-md); margin-top: 32px; }
+        .feature-card { text-align: center; padding: 24px; background: white; border-radius: var(--radius-lg); box-shadow: 0 2px 8px rgba(0,0,0,0.08); }
+        .feature-icon { font-size: 48px; margin-bottom: 16px; }
+        .content-section { background: var(--bg-gray); }
+        .content-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--spacing-lg); margin-top: 32px; }
+        .content-list { background: white; padding: 24px; border-radius: var(--radius-lg); }
+        .content-list li { padding: 12px 0; border-bottom: 1px solid #eee; }
+        .cta { background: var(--primary-gradient); color: white; text-align: center; padding: var(--spacing-xl) 0; }
+        .cta-buttons { display: flex; justify-content: center; gap: var(--spacing-sm); margin-top: 24px; }
+        .footer { background: #1A1A1A; color: white; padding: var(--spacing-xl) 0 32px; }
+        .footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: var(--spacing-lg); }
+        .footer-brand h3 { color: var(--primary-orange); margin-bottom: 8px; }
+        .footer-bottom { text-align: center; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.6; }
+        @media (max-width: 768px) { .features-grid, .content-grid, .footer-grid { grid-template-columns: 1fr; } .product-hero h1 { font-size: 32px; } }
+            /* Mobile Menu */
+        @media (max-width: 1024px) {
+            .nav-cta {
+                display: none;
+            }
+        }
+        
+        @media (max-width: 768px) {
+            .navbar .container {
+                height: 60px;
+                padding: 0 16px;
+            }
+            
+            .logo-img {
+                height: 45px;
+            }
+            
+            .menu-toggle {
+                display: flex;
+            }
+            
+            .nav-menu {
+                position: fixed;
+                top: 60px;
+                left: 0;
+                right: 0;
+                background: white;
+                flex-direction: column;
+                padding: 24px;
+                gap: 16px;
+                box-shadow: 0 4px 20px rgba(0,0,0,0.1);
+                transform: translateY(-100%);
+                opacity: 0;
+                visibility: hidden;
+                transition: all 0.3s ease;
+            }
+            
+            .nav-menu.active {
+                transform: translateY(0);
+                opacity: 1;
+                visibility: visible;
+            }
+            
+            .nav-link {
+                font-size: 16px;
+            }
+        }
+            /* ===== Navigation ===== */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+            transition: var(--transition);
+        }
+        
+        .navbar.scrolled {
+            box-shadow: 0 4px 30px rgba(0,0,0,0.12);
+        }
+        
+        .navbar .container {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            height: 80px;
+            max-width: 1400px;
+            margin: 0 auto;
+            padding: 0 32px;
+        }
+        
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            text-decoration: none;
+            background: transparent;
+            padding: 4px 0;
+        }
+        
+        .logo-img {
+            height: 60px;
+            width: auto;
+            object-fit: contain;
+            transition: var(--transition);
+            background: transparent;
+        }
+        
+        .logo:hover .logo-img {
+            transform: scale(1.05);
+        }
+        
+        .nav-menu {
+            display: flex;
+            gap: var(--spacing-lg);
+            align-items: center;
+        }
+        
+        .nav-link {
+            font-size: 15px;
+            font-weight: 500;
+            color: var(--text-primary);
+            transition: var(--transition);
+            position: relative;
+        }
+        
+        .nav-link:hover {
+            color: var(--primary-orange);
+        }
+        
+        .nav-link::after {
+            content: '';
+            position: absolute;
+            bottom: -4px;
+            left: 0;
+            width: 0;
+            height: 2px;
+            background: var(--primary-orange);
+            transition: var(--transition);
+        }
+        
+        .nav-link:hover::after {
+            width: 100%;
+        }
+        
+        .nav-cta {
+            display: flex;
+            gap: var(--spacing-sm);
+        }
+        
+        .nav-btn {
+            padding: 10px 20px;
+            font-size: 14px;
+        }
+        
+        /* Mobile Menu */
+        .menu-toggle {
+            display: none;
+            flex-direction: column;
+            gap: 5px;
+            cursor: pointer;
+            padding: 5px;
+        }
+        
+        .menu-toggle span {
+            width: 25px;
+            height: 3px;
+            background: var(--primary-orange);
+            border-radius: 2px;
+            transition: var(--transition);
+        }
+        
+        @media (max-width: 1024px) {
+            .nav-cta {
+                display: none;
+            }
+        }
+        
+        @media (max-width: 768px) {
+            .navbar .container {
+                height: 60px;
+                padding: 0 16px;
+            }
+            
+            .logo-img {
+                height: 45px;
+            }
+            
+            .menu-toggle {
+                display: flex;
+            }
+            
+            .nav-menu {
+                position: fixed;
+                top: 60px;
+                left: 0;
+                right: 0;
+                background: white;
+                flex-direction: column;
+                padding: 24px;
+                gap: 16px;
+                box-shadow: 0 4px 20px rgba(0,0,0,0.1);
+                transform: translateY(-100%);
+                opacity: 0;
+                visibility: hidden;
+                transition: all 0.3s ease;
+            }
+            
+            .nav-menu.active {
+                transform: translateY(0);
+                opacity: 1;
+                visibility: visible;
+            }
+            
+            .nav-link {
+                font-size: 16px;
+            }
+        }
+    </style>
+</head>
+<body>
+            <!-- Navigation -->
+    <nav class="navbar" id="navbar">
+        <div class="container">
+            <a href="#" class="logo">
+                <img src="assets/logo.png" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            
+            <div class="menu-toggle" id="menuToggle">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+            
+            <ul class="nav-menu" id="navMenu">
+                <li><a href="#home" class="nav-link">首页</a></li>
+                <li><a href="#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="#technology" class="nav-link">AI 能力</a></li>
+                <li><a href="#partnership" class="nav-link">代理合作</a></li>
+                <li><a href="#about" class="nav-link">关于我们</a></li>
+            </ul>
+            
+            <div class="nav-cta">
+                <a href="#products" class="btn btn-outline nav-btn">立即查询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
+            </div>
+        </div>
+    </nav>
+    <section class="product-hero">
+        <div class="container">
+            <span style="display:inline-block;padding:8px 16px;background:rgba(255,106,25,0.1);color:var(--primary-orange);border-radius:20px;margin-bottom:16px">💼 企业必备</span>
+            <h1>入职背调报告</h1>
+            <div class="price">¥69.9 <span>/份</span></div>
+            <p style="font-size:18px;color:var(--text-secondary);max-width:700px;margin:0 auto 32px">企业招聘必备，员工背景筛查，降低用工风险，提升招聘质量，批量查询更优惠</p>
+            <div class="cta-buttons"><a href="https://www.yuyuecha.com/example?feature=backgroundcheck" target="_blank" class="btn btn-primary">👁️ 查看示例报告</a><a href="https://www.yuyuecha.com/inquire/backgroundcheck" class="btn btn-outline">立即查询</a></div>
+        </div>
+    </section>
+    <section class="section">
+        <div class="container">
+            <h2 class="section-title">产品优势</h2>
+            <div class="features-grid">
+                <div class="feature-card"><div class="feature-icon">📋</div><h3>全面筛查</h3><p>3-4 个数据接口组合，全面背景调查</p></div>
+                <div class="feature-card"><div class="feature-icon">⚡</div><h3>快速出结果</h3><p>秒级响应，最快 3 秒生成报告</p></div>
+                <div class="feature-card"><div class="feature-icon">💰</div><h3>批量优惠</h3><p>企业批量查询享受专属折扣</p></div>
+                <div class="feature-card"><div class="feature-icon">📄</div><h3>PDF 报告</h3><p>专业格式报告，支持永久保存</p></div>
+                <div class="feature-card"><div class="feature-icon">🔒</div><h3>合规授权</h3><p>严格遵循个人信息保护法规</p></div>
+                <div class="feature-card"><div class="feature-icon">🎯</div><h3>降低风险</h3><p>有效降低用工风险，提升招聘质量</p></div>
+            </div>
+        </div>
+    </section>
+    <section class="section content-section">
+        <div class="container">
+            <h2 class="section-title">报告内容</h2>
+            <div class="content-grid">
+                <div class="content-list"><h3>📊 报告包含</h3><ul><li>身份信息核验</li><li>学历信息验证</li><li>工作履历核实</li><li>司法风险排查</li><li>信用记录查询</li><li>综合风险评估</li></ul></div>
+                <div class="content-list"><h3>✅ 适用场景</h3><ul><li>企业招聘背景调查</li><li>高管入职背调</li><li>关键岗位人员筛查</li><li>批量员工背景核实</li><li>合作伙伴背景调查</li></ul></div>
+            </div>
+        </div>
+    </section>
+    <section class="cta">
+        <div class="container">
+            <h2>降低用工风险，从背调开始</h2>
+            <p>立即获取入职背调报告，提升招聘质量</p>
+            <div class="cta-buttons"><a href="https://www.yuyuecha.com/inquire/backgroundcheck" class="btn" style="background:white;color:var(--primary-orange)">🚀 立即查询 - ¥69.9</a><a href="https://www.yuyuecha.com/example?feature=backgroundcheck" target="_blank" class="btn btn-outline" style="border-color:rgba(255,255,255,0.5);color:white">👁️ 查看示例</a></div>
+        </div>
+    </section>
+    <footer class="footer">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand"><h3>愉悦查</h3><p>让信任无处不在，让合作没有距离</p></div>
+                <div><h4 class="footer-title">产品</h4><ul class="footer-links"><li><a href="/index.html#products">个人大数据报告</a></li><li><a href="/index.html#products">婚恋风险报告</a></li><li><a href="/index.html#products">入职背调报告</a></li></ul></div>
+                <div><h4 class="footer-title">公司</h4><ul class="footer-links"><li><a href="/index.html#about">关于我们</a></li><li><a href="#">联系我们</a></li></ul></div>
+                <div><h4 class="footer-title">支持</h4><ul class="footer-links"><li><a href="#">帮助中心</a></li><li><a href="/apidemo/">API 文档</a></li></ul></div>
+            </div>
+            <div class="footer-bottom"><p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved. 京 ICP 备 2025158088 号 -2</p></div>
+        </div>
+    </footer>
+    <script>
+        // Mobile Menu Toggle
+        const menuToggle = document.getElementById('menuToggle');
+        const navMenu = document.getElementById('navMenu');
+        
+        if (menuToggle && navMenu) {
+            menuToggle.addEventListener('click', () => {
+                navMenu.classList.toggle('active');
+            });
+            
+            // Close menu when clicking on a link
+            navMenu.querySelectorAll('.nav-link').forEach(link => {
+                link.addEventListener('click', () => {
+                    navMenu.classList.remove('active');
+                });
+            });
+        }
+        
+        // Navbar scroll effect
+        const navbar = document.getElementById('navbar');
+        if (navbar) {
+            window.addEventListener('scroll', () => {
+                if (window.scrollY > 50) {
+                    navbar.classList.add('scrolled');
+                } else {
+                    navbar.classList.remove('scrolled');
+                }
+            });
+        }
+    </script>
+    <script>
+        // ===== Navbar Scroll Effect =====
+        window.addEventListener('scroll', () => {
+            const navbar = document.getElementById('navbar');
+            if (navbar && window.scrollY > 50) {
+                navbar.classList.add('scrolled');
+            } else if (navbar) {
+                navbar.classList.remove('scrolled');
+            }
+        });
+
+        // ===== Mobile Menu Toggle =====
+        const menuToggle = document.getElementById('menuToggle');
+        const navMenu = document.getElementById('navMenu');
+        
+        if (menuToggle && navMenu) {
+            menuToggle.addEventListener('click', () => {
+                navMenu.classList.toggle('active');
+            });
+            
+            // Close menu when clicking on a link
+            navMenu.querySelectorAll('.nav-link').forEach(link => {
+                link.addEventListener('click', () => {
+                    navMenu.classList.remove('active');
+                });
+            });
+        }
+    </script>
+</body>
+</html>
diff --git a/product/backgroundcheck.html.bak.logo2 b/product/backgroundcheck.html.bak.logo2
new file mode 100644
index 0000000..d872e9c
--- /dev/null
+++ b/product/backgroundcheck.html.bak.logo2
@@ -0,0 +1,384 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>入职背调报告 - 愉悦查 | 企业招聘必备背景调查</title>
+    <meta name="description" content="愉悦查入职背调报告，员工背景筛查，降低用工风险，批量查询优惠，企业招聘必备">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    <style>
+        :root { --primary-orange: #FF6A19; --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%); --bg-gray: #F5F7FA; --text-primary: #1A1A1A; --text-secondary: #666666; --success: #07C160; --spacing-sm: 16px; --spacing-md: 24px; --spacing-lg: 48px; --spacing-xl: 80px; --radius-lg: 16px; --transition: all 0.3s ease; }
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body { font-family: 'Noto Sans SC', sans-serif; line-height: 1.6; color: var(--text-primary); }
+        a { text-decoration: none; color: inherit; }
+        ul { list-style: none; }
+        .container { max-width: 1200px; margin: 0 auto; padding: 0 var(--spacing-md); }
+        .btn { display: inline-block; padding: 14px 32px; font-size: 16px; border-radius: 8px; transition: var(--transition); border: none; }
+        .btn-primary { background: var(--primary-gradient); color: white; }
+        .btn-outline { border: 2px solid var(--primary-orange); color: var(--primary-orange); background: transparent; }
+        .navbar { position: fixed; top: 0; background: rgba(255,255,255,0.95); backdrop-filter: blur(10px); box-shadow: 0 2px 20px rgba(0,0,0,0.08); z-index: 1000; }
+        .navbar .container { display: flex; justify-content: space-between; align-items: center; height: 80px; }
+        .nav-menu { display: flex; gap: var(--spacing-lg); }
+        .nav-link:hover { color: var(--primary-orange); }
+        .product-hero { padding: 160px 0 80px; background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%); text-align: center; }
+        .product-hero h1 { font-size: 48px; color: var(--primary-orange); margin-bottom: 16px; }
+        .price { font-size: 56px; font-weight: 700; color: var(--primary-orange); margin: 24px 0; }
+        .price span { font-size: 24px; color: var(--text-secondary); }
+        .section { padding: var(--spacing-xl) 0; }
+        .section-title { text-align: center; font-size: 36px; margin-bottom: 8px; }
+        .features-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--spacing-md); margin-top: 32px; }
+        .feature-card { text-align: center; padding: 24px; background: white; border-radius: var(--radius-lg); box-shadow: 0 2px 8px rgba(0,0,0,0.08); }
+        .feature-icon { font-size: 48px; margin-bottom: 16px; }
+        .content-section { background: var(--bg-gray); }
+        .content-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--spacing-lg); margin-top: 32px; }
+        .content-list { background: white; padding: 24px; border-radius: var(--radius-lg); }
+        .content-list li { padding: 12px 0; border-bottom: 1px solid #eee; }
+        .cta { background: var(--primary-gradient); color: white; text-align: center; padding: var(--spacing-xl) 0; }
+        .cta-buttons { display: flex; justify-content: center; gap: var(--spacing-sm); margin-top: 24px; }
+        .footer { background: #1A1A1A; color: white; padding: var(--spacing-xl) 0 32px; }
+        .footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: var(--spacing-lg); }
+        .footer-brand h3 { color: var(--primary-orange); margin-bottom: 8px; }
+        .footer-bottom { text-align: center; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.6; }
+        @media (max-width: 768px) { .features-grid, .content-grid, .footer-grid { grid-template-columns: 1fr; } .product-hero h1 { font-size: 32px; } }
+            /* Mobile Menu */
+        @media (max-width: 1024px) {
+            .nav-cta {
+                display: none;
+            }
+        }
+        
+        @media (max-width: 768px) {
+            .navbar .container {
+                height: 60px;
+                padding: 0 16px;
+            }
+            
+            .logo-img {
+                height: 45px;
+            }
+            
+            .menu-toggle {
+                display: flex;
+            }
+            
+            .nav-menu {
+                position: fixed;
+                top: 60px;
+                left: 0;
+                right: 0;
+                background: white;
+                flex-direction: column;
+                padding: 24px;
+                gap: 16px;
+                box-shadow: 0 4px 20px rgba(0,0,0,0.1);
+                transform: translateY(-100%);
+                opacity: 0;
+                visibility: hidden;
+                transition: all 0.3s ease;
+            }
+            
+            .nav-menu.active {
+                transform: translateY(0);
+                opacity: 1;
+                visibility: visible;
+            }
+            
+            .nav-link {
+                font-size: 16px;
+            }
+        }
+            /* ===== Navigation ===== */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+            transition: var(--transition);
+        }
+        
+        .navbar.scrolled {
+            box-shadow: 0 4px 30px rgba(0,0,0,0.12);
+        }
+        
+        .navbar .container {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            height: 80px;
+            max-width: 1400px;
+            margin: 0 auto;
+            padding: 0 32px;
+        }
+        
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            text-decoration: none;
+            background: transparent;
+            padding: 4px 0;
+        }
+        
+        .logo-img {
+            height: 60px;
+            width: auto;
+            object-fit: contain;
+            transition: var(--transition);
+            background: transparent;
+        }
+        
+        .logo:hover .logo-img {
+            transform: scale(1.05);
+        }
+        
+        .nav-menu {
+            display: flex;
+            gap: var(--spacing-lg);
+            align-items: center;
+        }
+        
+        .nav-link {
+            font-size: 15px;
+            font-weight: 500;
+            color: var(--text-primary);
+            transition: var(--transition);
+            position: relative;
+        }
+        
+        .nav-link:hover {
+            color: var(--primary-orange);
+        }
+        
+        .nav-link::after {
+            content: '';
+            position: absolute;
+            bottom: -4px;
+            left: 0;
+            width: 0;
+            height: 2px;
+            background: var(--primary-orange);
+            transition: var(--transition);
+        }
+        
+        .nav-link:hover::after {
+            width: 100%;
+        }
+        
+        .nav-cta {
+            display: flex;
+            gap: var(--spacing-sm);
+        }
+        
+        .nav-btn {
+            padding: 10px 20px;
+            font-size: 14px;
+        }
+        
+        /* Mobile Menu */
+        .menu-toggle {
+            display: none;
+            flex-direction: column;
+            gap: 5px;
+            cursor: pointer;
+            padding: 5px;
+        }
+        
+        .menu-toggle span {
+            width: 25px;
+            height: 3px;
+            background: var(--primary-orange);
+            border-radius: 2px;
+            transition: var(--transition);
+        }
+        
+        @media (max-width: 1024px) {
+            .nav-cta {
+                display: none;
+            }
+        }
+        
+        @media (max-width: 768px) {
+            .navbar .container {
+                height: 60px;
+                padding: 0 16px;
+            }
+            
+            .logo-img {
+                height: 45px;
+            }
+            
+            .menu-toggle {
+                display: flex;
+            }
+            
+            .nav-menu {
+                position: fixed;
+                top: 60px;
+                left: 0;
+                right: 0;
+                background: white;
+                flex-direction: column;
+                padding: 24px;
+                gap: 16px;
+                box-shadow: 0 4px 20px rgba(0,0,0,0.1);
+                transform: translateY(-100%);
+                opacity: 0;
+                visibility: hidden;
+                transition: all 0.3s ease;
+            }
+            
+            .nav-menu.active {
+                transform: translateY(0);
+                opacity: 1;
+                visibility: visible;
+            }
+            
+            .nav-link {
+                font-size: 16px;
+            }
+        }
+    </style>
+</head>
+<body>
+            <!-- Navigation -->
+    <nav class="navbar" id="navbar">
+        <div class="container">
+            <a href="#" class="logo">
+                <img src="../assets/logo.png" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            
+            <div class="menu-toggle" id="menuToggle">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+            
+            <ul class="nav-menu" id="navMenu">
+                <li><a href="#home" class="nav-link">首页</a></li>
+                <li><a href="#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="#technology" class="nav-link">AI 能力</a></li>
+                <li><a href="#partnership" class="nav-link">代理合作</a></li>
+                <li><a href="#about" class="nav-link">关于我们</a></li>
+            </ul>
+            
+            <div class="nav-cta">
+                <a href="#products" class="btn btn-outline nav-btn">立即查询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
+            </div>
+        </div>
+    </nav>
+    <section class="product-hero">
+        <div class="container">
+            <span style="display:inline-block;padding:8px 16px;background:rgba(255,106,25,0.1);color:var(--primary-orange);border-radius:20px;margin-bottom:16px">💼 企业必备</span>
+            <h1>入职背调报告</h1>
+            <div class="price">¥69.9 <span>/份</span></div>
+            <p style="font-size:18px;color:var(--text-secondary);max-width:700px;margin:0 auto 32px">企业招聘必备，员工背景筛查，降低用工风险，提升招聘质量，批量查询更优惠</p>
+            <div class="cta-buttons"><a href="https://www.yuyuecha.com/example?feature=backgroundcheck" target="_blank" class="btn btn-primary">👁️ 查看示例报告</a><a href="https://www.yuyuecha.com/inquire/backgroundcheck" class="btn btn-outline">立即查询</a></div>
+        </div>
+    </section>
+    <section class="section">
+        <div class="container">
+            <h2 class="section-title">产品优势</h2>
+            <div class="features-grid">
+                <div class="feature-card"><div class="feature-icon">📋</div><h3>全面筛查</h3><p>3-4 个数据接口组合，全面背景调查</p></div>
+                <div class="feature-card"><div class="feature-icon">⚡</div><h3>快速出结果</h3><p>秒级响应，最快 3 秒生成报告</p></div>
+                <div class="feature-card"><div class="feature-icon">💰</div><h3>批量优惠</h3><p>企业批量查询享受专属折扣</p></div>
+                <div class="feature-card"><div class="feature-icon">📄</div><h3>PDF 报告</h3><p>专业格式报告，支持永久保存</p></div>
+                <div class="feature-card"><div class="feature-icon">🔒</div><h3>合规授权</h3><p>严格遵循个人信息保护法规</p></div>
+                <div class="feature-card"><div class="feature-icon">🎯</div><h3>降低风险</h3><p>有效降低用工风险，提升招聘质量</p></div>
+            </div>
+        </div>
+    </section>
+    <section class="section content-section">
+        <div class="container">
+            <h2 class="section-title">报告内容</h2>
+            <div class="content-grid">
+                <div class="content-list"><h3>📊 报告包含</h3><ul><li>身份信息核验</li><li>学历信息验证</li><li>工作履历核实</li><li>司法风险排查</li><li>信用记录查询</li><li>综合风险评估</li></ul></div>
+                <div class="content-list"><h3>✅ 适用场景</h3><ul><li>企业招聘背景调查</li><li>高管入职背调</li><li>关键岗位人员筛查</li><li>批量员工背景核实</li><li>合作伙伴背景调查</li></ul></div>
+            </div>
+        </div>
+    </section>
+    <section class="cta">
+        <div class="container">
+            <h2>降低用工风险，从背调开始</h2>
+            <p>立即获取入职背调报告，提升招聘质量</p>
+            <div class="cta-buttons"><a href="https://www.yuyuecha.com/inquire/backgroundcheck" class="btn" style="background:white;color:var(--primary-orange)">🚀 立即查询 - ¥69.9</a><a href="https://www.yuyuecha.com/example?feature=backgroundcheck" target="_blank" class="btn btn-outline" style="border-color:rgba(255,255,255,0.5);color:white">👁️ 查看示例</a></div>
+        </div>
+    </section>
+    <footer class="footer">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand"><h3>愉悦查</h3><p>让信任无处不在，让合作没有距离</p></div>
+                <div><h4 class="footer-title">产品</h4><ul class="footer-links"><li><a href="/index.html#products">个人大数据报告</a></li><li><a href="/index.html#products">婚恋风险报告</a></li><li><a href="/index.html#products">入职背调报告</a></li></ul></div>
+                <div><h4 class="footer-title">公司</h4><ul class="footer-links"><li><a href="/index.html#about">关于我们</a></li><li><a href="#">联系我们</a></li></ul></div>
+                <div><h4 class="footer-title">支持</h4><ul class="footer-links"><li><a href="#">帮助中心</a></li><li><a href="/apidemo/">API 文档</a></li></ul></div>
+            </div>
+            <div class="footer-bottom"><p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved. 京 ICP 备 2025158088 号 -2</p></div>
+        </div>
+    </footer>
+    <script>
+        // Mobile Menu Toggle
+        const menuToggle = document.getElementById('menuToggle');
+        const navMenu = document.getElementById('navMenu');
+        
+        if (menuToggle && navMenu) {
+            menuToggle.addEventListener('click', () => {
+                navMenu.classList.toggle('active');
+            });
+            
+            // Close menu when clicking on a link
+            navMenu.querySelectorAll('.nav-link').forEach(link => {
+                link.addEventListener('click', () => {
+                    navMenu.classList.remove('active');
+                });
+            });
+        }
+        
+        // Navbar scroll effect
+        const navbar = document.getElementById('navbar');
+        if (navbar) {
+            window.addEventListener('scroll', () => {
+                if (window.scrollY > 50) {
+                    navbar.classList.add('scrolled');
+                } else {
+                    navbar.classList.remove('scrolled');
+                }
+            });
+        }
+    </script>
+    <script>
+        // ===== Navbar Scroll Effect =====
+        window.addEventListener('scroll', () => {
+            const navbar = document.getElementById('navbar');
+            if (navbar && window.scrollY > 50) {
+                navbar.classList.add('scrolled');
+            } else if (navbar) {
+                navbar.classList.remove('scrolled');
+            }
+        });
+
+        // ===== Mobile Menu Toggle =====
+        const menuToggle = document.getElementById('menuToggle');
+        const navMenu = document.getElementById('navMenu');
+        
+        if (menuToggle && navMenu) {
+            menuToggle.addEventListener('click', () => {
+                navMenu.classList.toggle('active');
+            });
+            
+            // Close menu when clicking on a link
+            navMenu.querySelectorAll('.nav-link').forEach(link => {
+                link.addEventListener('click', () => {
+                    navMenu.classList.remove('active');
+                });
+            });
+        }
+    </script>
+</body>
+</html>
diff --git a/product/companyinfo.html b/product/companyinfo.html
new file mode 100644
index 0000000..6f7dffe
--- /dev/null
+++ b/product/companyinfo.html
@@ -0,0 +1,699 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>小微企业报告 - 愉悦查 | 企业风险筛查必备</title>
+    <meta name="description" content="愉悦查小微企业报告，3-4 个数据接口组合，企业风险筛查，合作前必备，PDF 格式下载">
+    <!-- SEO Enhancement -->
+    <link rel="canonical" href="https://www.yuyuecha.com.cn/product/companyinfo.html">
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="https://www.yuyuecha.com.cn/product/companyinfo.html">
+    <meta property="og:title" content="小微企业报告 - 愉悦查">
+    <meta property="og:description" content="企业风险筛查，合作前必备，3-4 个数据接口交叉验证。">
+    <meta property="og:image" content="https://www.yuyuecha.com.cn/assets/logo-nav-2x.png">
+    <meta property="og:site_name" content="愉悦查">
+    <meta property="og:locale" content="zh_CN">
+    <meta name="twitter:card" content="summary">
+    <meta name="twitter:title" content="小微企业报告 - 愉悦查">
+    <meta name="twitter:description" content="企业风险筛查，合作前必备，3-4 个数据接口交叉验证。">
+    <meta name="twitter:image" content="https://www.yuyuecha.com.cn/assets/logo-nav-2x.png">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    <style>
+        :root { --primary-orange: #FF6A19; --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%); --bg-gray: #F5F7FA; --text-primary: #1A1A1A; --text-secondary: #666666; --success: #07C160; --spacing-sm: 16px; --spacing-md: 24px; --spacing-lg: 48px; --spacing-xl: 80px; --radius-lg: 16px; }
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body { font-family: 'Noto Sans SC', sans-serif; line-height: 1.6; color: var(--text-primary); }
+        a { text-decoration: none; color: inherit; }
+        ul { list-style: none; }
+        .container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
+        .btn { display: inline-block; padding: 14px 32px; font-size: 16px; border-radius: 8px; transition: all 0.3s; border: none; }
+        .btn-primary { background: var(--primary-gradient); color: white; }
+        .btn-outline { border: 2px solid var(--primary-orange); color: var(--primary-orange); background: transparent; }
+        .navbar { position: fixed; top: 0; background: rgba(255,255,255,0.95); backdrop-filter: blur(10px); box-shadow: 0 2px 20px rgba(0,0,0,0.08); z-index: 1000; }
+        .navbar .container { display: flex; justify-content: space-between; align-items: center; height: 80px; }
+        .nav-menu { display: flex; gap: 32px; }
+        .nav-link:hover { color: var(--primary-orange); }
+        .product-hero { padding: 160px 0 80px; background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%); text-align: center; }
+        .product-hero h1 { font-size: 48px; color: var(--primary-orange); margin-bottom: 16px; }
+        .price { font-size: 56px; font-weight: 700; color: var(--primary-orange); margin: 24px 0; }
+        .price span { font-size: 24px; color: var(--text-secondary); }
+        .section { padding: 64px 0; }
+        .section-title { text-align: center; font-size: 36px; margin-bottom: 8px; }
+        .features-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 32px; }
+        .feature-card { text-align: center; padding: 24px; background: white; border-radius: var(--radius-lg); box-shadow: 0 2px 8px rgba(0,0,0,0.08); }
+        .feature-icon { font-size: 48px; margin-bottom: 16px; }
+        .content-section { background: var(--bg-gray); }
+        .content-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; margin-top: 32px; }
+        .content-list { background: white; padding: 24px; border-radius: var(--radius-lg); }
+        .content-list li { padding: 12px 0; border-bottom: 1px solid #eee; }
+        .cta { background: var(--primary-gradient); color: white; text-align: center; padding: 64px 0; }
+        .cta-buttons { display: flex; justify-content: center; gap: 16px; margin-top: 24px; }
+        .footer { background: #1A1A1A; color: white; padding: 64px 0 32px; }
+        .footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 32px; }
+        .footer-brand h3 { color: var(--primary-orange); margin-bottom: 8px; }
+        .footer-bottom { text-align: center; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.6; }
+        @media (max-width: 768px) { .features-grid, .content-grid, .footer-grid { grid-template-columns: 1fr; } .product-hero h1 { font-size: 32px; } }
+            /* Mobile Menu */
+        @media (max-width: 1024px) {
+            .nav-cta {
+                display: none;
+            }
+        }
+        
+        @media (max-width: 768px) {
+            .navbar .container {
+                height: 60px;
+                padding: 0 16px;
+            }
+            
+            .logo-img {
+                height: 45px;
+            }
+            
+            .menu-toggle {
+                display: flex;
+            }
+            
+            .nav-menu {
+                position: fixed;
+                top: 60px;
+                left: 0;
+                right: 0;
+                background: white;
+                flex-direction: column;
+                padding: 24px;
+                gap: 16px;
+                box-shadow: 0 4px 20px rgba(0,0,0,0.1);
+                transform: translateY(-100%);
+                opacity: 0;
+                visibility: hidden;
+                transition: all 0.3s ease;
+            }
+            
+            .nav-menu.active {
+                transform: translateY(0);
+                opacity: 1;
+                visibility: visible;
+            }
+            
+            .nav-link {
+                font-size: 16px;
+            }
+        }
+            /* ===== Navigation ===== */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+            transition: var(--transition);
+        }
+        
+        .navbar.scrolled {
+            box-shadow: 0 4px 30px rgba(0,0,0,0.12);
+        }
+        
+        .navbar .container {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            height: 80px;
+            max-width: 1400px;
+            margin: 0 auto;
+            padding: 0 32px;
+        }
+        
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            text-decoration: none;
+            background: transparent;
+            padding: 4px 0;
+        }
+        
+        .logo-img {
+            height: 60px;
+            width: auto;
+            object-fit: contain;
+            transition: var(--transition);
+            background: transparent;
+        }
+        
+        .logo:hover .logo-img {
+            transform: scale(1.05);
+        }
+        
+        .nav-menu {
+            display: flex;
+            gap: var(--spacing-lg);
+            align-items: center;
+        }
+        
+        .nav-link {
+            font-size: 15px;
+            font-weight: 500;
+            color: var(--text-primary);
+            transition: var(--transition);
+            position: relative;
+        }
+        
+        .nav-link:hover {
+            color: var(--primary-orange);
+        }
+        
+        .nav-link::after {
+            content: '';
+            position: absolute;
+            bottom: -4px;
+            left: 0;
+            width: 0;
+            height: 2px;
+            background: var(--primary-orange);
+            transition: var(--transition);
+        }
+        
+        .nav-link:hover::after {
+            width: 100%;
+        }
+        
+        .nav-cta {
+            display: flex;
+            gap: var(--spacing-sm);
+        }
+        
+        .nav-btn {
+            padding: 10px 20px;
+            font-size: 14px;
+        }
+        
+        /* Mobile Menu */
+        .menu-toggle {
+            display: none;
+            flex-direction: column;
+            gap: 5px;
+            cursor: pointer;
+            padding: 5px;
+        }
+        
+        .menu-toggle span {
+            width: 25px;
+            height: 3px;
+            background: var(--primary-orange);
+            border-radius: 2px;
+            transition: var(--transition);
+        }
+        
+        @media (max-width: 1024px) {
+            .nav-cta {
+                display: none;
+            }
+        }
+        
+        @media (max-width: 768px) {
+            .navbar .container {
+                height: 60px;
+                padding: 0 16px;
+            }
+            
+            .logo-img {
+                height: 45px;
+            }
+            
+            .menu-toggle {
+                display: flex;
+            }
+            
+            .nav-menu {
+                position: fixed;
+                top: 60px;
+                left: 0;
+                right: 0;
+                background: white;
+                flex-direction: column;
+                padding: 24px;
+                gap: 16px;
+                box-shadow: 0 4px 20px rgba(0,0,0,0.1);
+                transform: translateY(-100%);
+                opacity: 0;
+                visibility: hidden;
+                transition: all 0.3s ease;
+            }
+            
+            .nav-menu.active {
+                transform: translateY(0);
+                opacity: 1;
+                visibility: visible;
+            }
+            
+            .nav-link {
+                font-size: 16px;
+            }
+        }
+    
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            text-decoration: none;
+            background: transparent;
+            padding: 4px 0;
+        }
+        
+        .logo-img {
+            background: rgba(255,255,255,0.95);
+            height: 60px;
+            width: auto;
+            object-fit: contain;
+            transition: var(--transition);
+        }
+        
+        .logo:hover .logo-img {
+            background: rgba(255,255,255,0.95);
+            transform: scale(1.05);
+        }
+
+        /* ===== Unified Navbar ===== */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            z-index: 1000;
+            padding: 12px 0;
+            transition: all 0.3s ease;
+            background: rgba(255,255,255,0.95);
+            backdrop-filter: blur(20px);
+            -webkit-backdrop-filter: blur(20px);
+        }
+        .navbar.scrolled {
+            padding: 8px 0;
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+        }
+        .navbar .container {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 0 24px;
+        }
+        .logo {
+            display: flex;
+            align-items: center;
+            text-decoration: none;
+        }
+        .logo-img {
+            height: 44px;
+            width: auto;
+            object-fit: contain;
+            transition: all 0.3s ease;
+        }
+        .logo:hover .logo-img {
+            transform: scale(1.03);
+        }
+        .nav-menu {
+            display: flex;
+            gap: 32px;
+            list-style: none;
+            margin: 0;
+            padding: 0;
+        }
+        .nav-link {
+            font-size: 15px;
+            font-weight: 500;
+            color: #1A1A1A;
+            text-decoration: none;
+            position: relative;
+            padding: 6px 0;
+            transition: all 0.3s ease;
+        }
+        .nav-link::after {
+            content: '';
+            position: absolute;
+            bottom: 0;
+            left: 50%;
+            width: 0;
+            height: 2px;
+            background: #FF6A19;
+            transition: all 0.3s ease;
+            transform: translateX(-50%);
+            border-radius: 1px;
+        }
+        .nav-link:hover {
+            color: #FF6A19;
+        }
+        .nav-link:hover::after {
+            width: 100%;
+        }
+        .nav-cta {
+            display: flex;
+            gap: 12px;
+            align-items: center;
+        }
+        .nav-btn {
+            padding: 8px 20px;
+            border-radius: 8px;
+            font-size: 14px;
+            font-weight: 500;
+            cursor: pointer;
+            transition: all 0.3s ease;
+            text-decoration: none;
+            border: none;
+            display: inline-flex;
+            align-items: center;
+        }
+        .btn-outline.nav-btn {
+            border: 1.5px solid #FF6A19;
+            color: #FF6A19;
+            background: transparent;
+        }
+        .btn-outline.nav-btn:hover {
+            background: #FFF5F0;
+        }
+        .btn-primary.nav-btn {
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
+            color: white;
+            box-shadow: 0 2px 8px rgba(255,106,25,0.3);
+        }
+        .btn-primary.nav-btn:hover {
+            transform: translateY(-1px);
+            box-shadow: 0 4px 12px rgba(255,106,25,0.4);
+        }
+        .menu-toggle {
+            display: none;
+            flex-direction: column;
+            gap: 5px;
+            cursor: pointer;
+            padding: 4px;
+            z-index: 1001;
+        }
+        .menu-toggle span {
+            width: 24px;
+            height: 2px;
+            background: #1A1A1A;
+            transition: all 0.3s ease;
+            border-radius: 1px;
+        }
+        @media (max-width: 1024px) {
+            .nav-menu {
+                display: none;
+                position: fixed;
+                top: 0;
+                left: 0;
+                right: 0;
+                bottom: 0;
+                background: rgba(255,255,255,0.98);
+                backdrop-filter: blur(20px);
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                gap: 24px;
+                z-index: 999;
+            }
+            .nav-menu.active {
+                display: flex;
+            }
+            .nav-link {
+                font-size: 18px;
+            }
+            .nav-cta {
+                display: none;
+            }
+            .menu-toggle {
+                display: flex;
+            }
+        }
+
+        /* ===== Unified Footer ===== */
+        .footer {
+            background: #1A1A1A;
+            color: white;
+            padding: 60px 0 30px;
+        }
+        .footer-grid {
+            display: grid;
+            grid-template-columns: 1.5fr 1fr 1fr 1fr;
+            gap: 48px;
+            margin-bottom: 40px;
+        }
+        .footer-brand h3 {
+            font-size: 22px;
+            font-weight: 700;
+            margin-bottom: 8px;
+            background: linear-gradient(135deg, #FF6A19, #FC6E18);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+        .footer-brand p {
+            color: rgba(255,255,255,0.6);
+            font-size: 14px;
+            line-height: 1.6;
+        }
+        .footer-title {
+            font-size: 15px;
+            font-weight: 600;
+            margin-bottom: 16px;
+            color: rgba(255,255,255,0.9);
+        }
+        .footer-links {
+            list-style: none;
+            padding: 0;
+            margin: 0;
+        }
+        .footer-links li {
+            margin-bottom: 10px;
+        }
+        .footer-links a {
+            color: rgba(255,255,255,0.5);
+            text-decoration: none;
+            font-size: 14px;
+            transition: all 0.3s ease;
+        }
+        .footer-links a:hover {
+            color: #FF6A19;
+        }
+        .footer-bottom {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            padding-top: 24px;
+            border-top: 1px solid rgba(255,255,255,0.1);
+            font-size: 13px;
+            color: rgba(255,255,255,0.4);
+        }
+        .footer-icp {
+            color: rgba(255,255,255,0.4);
+        }
+        .footer-icp a {
+            color: rgba(255,255,255,0.4);
+            text-decoration: none;
+        }
+        .footer-icp a:hover {
+            color: #FF6A19;
+        }
+        @media (max-width: 768px) {
+            .footer-grid {
+                grid-template-columns: 1fr 1fr;
+                gap: 32px;
+            }
+            .footer-bottom {
+                flex-direction: column;
+                text-align: center;
+                gap: 8px;
+            }
+        }
+        @media (max-width: 480px) {
+            .footer-grid {
+                grid-template-columns: 1fr;
+            }
+        }
+
+    </style>
+</head>
+<body>
+            <!-- Navigation -->
+        <nav class="navbar" id="navbar">
+        <div class="container">
+            <a href="/index.html" class="logo">
+                <img src="../assets/logo-nav.png" srcset="../assets/logo-nav.png 1x, ../assets/logo-nav-2x.png 2x" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            
+            <div class="menu-toggle" id="menuToggle">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+            
+            <ul class="nav-menu" id="navMenu">
+                <li><a href="/index.html" class="nav-link">首页</a></li>
+                <li><a href="/index.html#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="/index.html#technology" class="nav-link">AI 能力</a></li>
+                <li><a href="/index.html#partnership" class="nav-link">代理合作</a></li>
+                <li><a href="/about.html" class="nav-link">关于我们</a></li>
+            </ul>
+            
+            <div class="nav-cta">
+                <a href="/index.html#products" class="btn btn-outline nav-btn">立即查询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
+            </div>
+        </div>
+    </nav>
+    <section class="product-hero">
+        <div class="container">
+            <span style="display:inline-block;padding:8px 16px;background:rgba(255,106,25,0.1);color:var(--primary-orange);border-radius:20px;margin-bottom:16px">🏢 合作必备</span>
+            <h1>小微企业报告</h1>
+            <div class="price">¥69.9 <span>/份</span></div>
+            <p style="font-size:18px;color:var(--text-secondary);max-width:700px;margin:0 auto 32px">企业合作前必备，全面了解企业经营状况、信用记录、司法风险等信息，降低合作风险</p>
+            <div class="cta-buttons"><a href="https://www.yuyuecha.com/example?feature=companyinfo" target="_blank" class="btn btn-primary">👁️ 查看示例报告</a><a href="https://www.yuyuecha.com/inquire/companyinfo" class="btn btn-outline">立即查询</a></div>
+        </div>
+    </section>
+    <section class="section">
+        <div class="container">
+            <h2 class="section-title">产品优势</h2>
+            <div class="features-grid">
+                <div class="feature-card"><div class="feature-icon">📊</div><h3>全面尽调</h3><p>3-4 个数据接口组合，全面企业画像</p></div>
+                <div class="feature-card"><div class="feature-icon">⚡</div><h3>快速响应</h3><p>秒级生成报告，决策不等待</p></div>
+                <div class="feature-card"><div class="feature-icon">🛡️</div><h3>风险预警</h3><p>提前发现潜在风险，避免损失</p></div>
+                <div class="feature-card"><div class="feature-icon">📄</div><h3>PDF 报告</h3><p>专业格式报告，支持永久保存</p></div>
+                <div class="feature-card"><div class="feature-icon">🔍</div><h3>深度分析</h3><p>多维度企业数据分析</p></div>
+                <div class="feature-card"><div class="feature-icon">💰</div><h3>性价比高</h3><p>仅需¥69.9，获取全面企业信息</p></div>
+            </div>
+        </div>
+    </section>
+    <section class="section content-section">
+        <div class="container">
+            <h2 class="section-title">报告内容</h2>
+            <div class="content-grid">
+                <div class="content-list"><h3>📊 报告包含</h3><ul><li>企业基本信息</li><li>经营状态分析</li><li>信用记录查询</li><li>司法风险排查</li><li>关联关系分析</li><li>综合风险评估</li></ul></div>
+                <div class="content-list"><h3>✅ 适用场景</h3><ul><li>商业合作前尽调</li><li>供应商资质审核</li><li>客户信用评估</li><li>投资前背景调查</li><li>合作伙伴风险筛查</li></ul></div>
+            </div>
+        </div>
+    </section>
+    <section class="cta">
+        <div class="container">
+            <h2>合作前查一查，风险早知道</h2>
+            <p>立即获取小微企业报告，降低合作风险</p>
+            <div class="cta-buttons"><a href="https://www.yuyuecha.com/inquire/companyinfo" class="btn" style="background:white;color:var(--primary-orange)">🚀 立即查询 - ¥69.9</a><a href="https://www.yuyuecha.com/example?feature=companyinfo" target="_blank" class="btn btn-outline" style="border-color:rgba(255,255,255,0.5);color:white">👁️ 查看示例</a></div>
+        </div>
+    </section>
+        <footer class="footer">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <h3>愉悦查</h3>
+                    <p>让信任无处不在，让合作没有距离</p>
+                    <p style="margin-top:16px;font-size:13px;color:rgba(255,255,255,0.5);">北京正信环宇科技有限公司</p>
+                    <p style="font-size:13px;color:rgba(255,255,255,0.5);">AI 驱动的商业信任科技平台</p>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">产品</h4>
+                    <ul class="footer-links">
+                        <li><a href="/product/riskassessment.html">个人大数据报告</a></li>
+                        <li><a href="/product/marriage.html">婚恋风险报告</a></li>
+                        <li><a href="/product/backgroundcheck.html">入职背调报告</a></li>
+                        <li><a href="/product/companyinfo.html">小微企业报告</a></li>
+                        <li><a href="/product/homeservice.html">家政风险报告</a></li>
+                        <li><a href="/product/consumerFinanceReport.html">消金报告</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">公司</h4>
+                    <ul class="footer-links">
+                        <li><a href="/about.html">关于我们</a></li>
+                        <li><a href="/careers.html">加入我们</a></li>
+                        <li><a href="/contact.html">联系我们</a></li>
+                        <li><a href="/news.html">新闻动态</a></li>
+                        <li><a href="/partners.html">合作伙伴</a></li>
+                        <li><a href="/investment.html">招商工具包</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">支持</h4>
+                    <ul class="footer-links">
+                        <li><a href="/help.html">帮助中心</a></li>
+                        <li><a href="/apidemo/">API 文档</a></li>
+                        <li><a href="/all-apis.html">全部接口</a></li>
+                        <li><a href="/privacy.html">隐私政策</a></li>
+                        <li><a href="/terms.html">服务条款</a></li>
+                        <li><a href="/disclaimer.html">免责声明</a></li>
+                    </ul>
+                </div>
+            </div>
+            
+            <div class="footer-bottom">
+                <p>&copy; 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p class="footer-icp"><a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow noopener">京ICP备2025158088号-2</a></p>
+            </div>
+        </div>
+    </footer>
+    <script>
+        // Mobile Menu Toggle
+        const menuToggle = document.getElementById('menuToggle');
+        const navMenu = document.getElementById('navMenu');
+        
+        if (menuToggle && navMenu) {
+            menuToggle.addEventListener('click', () => {
+                navMenu.classList.toggle('active');
+            });
+            
+            // Close menu when clicking on a link
+            navMenu.querySelectorAll('.nav-link').forEach(link => {
+                link.addEventListener('click', () => {
+                    navMenu.classList.remove('active');
+                });
+            });
+        }
+        
+        // Navbar scroll effect
+        const navbar = document.getElementById('navbar');
+        if (navbar) {
+            window.addEventListener('scroll', () => {
+                if (window.scrollY > 50) {
+                    navbar.classList.add('scrolled');
+                } else {
+                    navbar.classList.remove('scrolled');
+                }
+            });
+        }
+    </script>
+    <script>
+        // ===== Navbar Scroll Effect =====
+        window.addEventListener('scroll', () => {
+            const navbar = document.getElementById('navbar');
+            if (navbar && window.scrollY > 50) {
+                navbar.classList.add('scrolled');
+            } else if (navbar) {
+                navbar.classList.remove('scrolled');
+            }
+        });
+
+        // ===== Mobile Menu Toggle =====
+        const menuToggle = document.getElementById('menuToggle');
+        const navMenu = document.getElementById('navMenu');
+        
+        if (menuToggle && navMenu) {
+            menuToggle.addEventListener('click', () => {
+                navMenu.classList.toggle('active');
+            });
+            
+            // Close menu when clicking on a link
+            navMenu.querySelectorAll('.nav-link').forEach(link => {
+                link.addEventListener('click', () => {
+                    navMenu.classList.remove('active');
+                });
+            });
+        }
+    </script>
+</body>
+</html>
diff --git a/product/companyinfo.html.bak.logo b/product/companyinfo.html.bak.logo
new file mode 100644
index 0000000..2d9f697
--- /dev/null
+++ b/product/companyinfo.html.bak.logo
@@ -0,0 +1,384 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>小微企业报告 - 愉悦查 | 企业风险筛查必备</title>
+    <meta name="description" content="愉悦查小微企业报告，3-4 个数据接口组合，企业风险筛查，合作前必备，PDF 格式下载">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    <style>
+        :root { --primary-orange: #FF6A19; --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%); --bg-gray: #F5F7FA; --text-primary: #1A1A1A; --text-secondary: #666666; --success: #07C160; --spacing-sm: 16px; --spacing-md: 24px; --spacing-lg: 48px; --spacing-xl: 80px; --radius-lg: 16px; }
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body { font-family: 'Noto Sans SC', sans-serif; line-height: 1.6; color: var(--text-primary); }
+        a { text-decoration: none; color: inherit; }
+        ul { list-style: none; }
+        .container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
+        .btn { display: inline-block; padding: 14px 32px; font-size: 16px; border-radius: 8px; transition: all 0.3s; border: none; }
+        .btn-primary { background: var(--primary-gradient); color: white; }
+        .btn-outline { border: 2px solid var(--primary-orange); color: var(--primary-orange); background: transparent; }
+        .navbar { position: fixed; top: 0; background: rgba(255,255,255,0.95); backdrop-filter: blur(10px); box-shadow: 0 2px 20px rgba(0,0,0,0.08); z-index: 1000; }
+        .navbar .container { display: flex; justify-content: space-between; align-items: center; height: 80px; }
+        .nav-menu { display: flex; gap: 32px; }
+        .nav-link:hover { color: var(--primary-orange); }
+        .product-hero { padding: 160px 0 80px; background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%); text-align: center; }
+        .product-hero h1 { font-size: 48px; color: var(--primary-orange); margin-bottom: 16px; }
+        .price { font-size: 56px; font-weight: 700; color: var(--primary-orange); margin: 24px 0; }
+        .price span { font-size: 24px; color: var(--text-secondary); }
+        .section { padding: 64px 0; }
+        .section-title { text-align: center; font-size: 36px; margin-bottom: 8px; }
+        .features-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 32px; }
+        .feature-card { text-align: center; padding: 24px; background: white; border-radius: var(--radius-lg); box-shadow: 0 2px 8px rgba(0,0,0,0.08); }
+        .feature-icon { font-size: 48px; margin-bottom: 16px; }
+        .content-section { background: var(--bg-gray); }
+        .content-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; margin-top: 32px; }
+        .content-list { background: white; padding: 24px; border-radius: var(--radius-lg); }
+        .content-list li { padding: 12px 0; border-bottom: 1px solid #eee; }
+        .cta { background: var(--primary-gradient); color: white; text-align: center; padding: 64px 0; }
+        .cta-buttons { display: flex; justify-content: center; gap: 16px; margin-top: 24px; }
+        .footer { background: #1A1A1A; color: white; padding: 64px 0 32px; }
+        .footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 32px; }
+        .footer-brand h3 { color: var(--primary-orange); margin-bottom: 8px; }
+        .footer-bottom { text-align: center; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.6; }
+        @media (max-width: 768px) { .features-grid, .content-grid, .footer-grid { grid-template-columns: 1fr; } .product-hero h1 { font-size: 32px; } }
+            /* Mobile Menu */
+        @media (max-width: 1024px) {
+            .nav-cta {
+                display: none;
+            }
+        }
+        
+        @media (max-width: 768px) {
+            .navbar .container {
+                height: 60px;
+                padding: 0 16px;
+            }
+            
+            .logo-img {
+                height: 45px;
+            }
+            
+            .menu-toggle {
+                display: flex;
+            }
+            
+            .nav-menu {
+                position: fixed;
+                top: 60px;
+                left: 0;
+                right: 0;
+                background: white;
+                flex-direction: column;
+                padding: 24px;
+                gap: 16px;
+                box-shadow: 0 4px 20px rgba(0,0,0,0.1);
+                transform: translateY(-100%);
+                opacity: 0;
+                visibility: hidden;
+                transition: all 0.3s ease;
+            }
+            
+            .nav-menu.active {
+                transform: translateY(0);
+                opacity: 1;
+                visibility: visible;
+            }
+            
+            .nav-link {
+                font-size: 16px;
+            }
+        }
+            /* ===== Navigation ===== */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+            transition: var(--transition);
+        }
+        
+        .navbar.scrolled {
+            box-shadow: 0 4px 30px rgba(0,0,0,0.12);
+        }
+        
+        .navbar .container {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            height: 80px;
+            max-width: 1400px;
+            margin: 0 auto;
+            padding: 0 32px;
+        }
+        
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            text-decoration: none;
+            background: transparent;
+            padding: 4px 0;
+        }
+        
+        .logo-img {
+            height: 60px;
+            width: auto;
+            object-fit: contain;
+            transition: var(--transition);
+            background: transparent;
+        }
+        
+        .logo:hover .logo-img {
+            transform: scale(1.05);
+        }
+        
+        .nav-menu {
+            display: flex;
+            gap: var(--spacing-lg);
+            align-items: center;
+        }
+        
+        .nav-link {
+            font-size: 15px;
+            font-weight: 500;
+            color: var(--text-primary);
+            transition: var(--transition);
+            position: relative;
+        }
+        
+        .nav-link:hover {
+            color: var(--primary-orange);
+        }
+        
+        .nav-link::after {
+            content: '';
+            position: absolute;
+            bottom: -4px;
+            left: 0;
+            width: 0;
+            height: 2px;
+            background: var(--primary-orange);
+            transition: var(--transition);
+        }
+        
+        .nav-link:hover::after {
+            width: 100%;
+        }
+        
+        .nav-cta {
+            display: flex;
+            gap: var(--spacing-sm);
+        }
+        
+        .nav-btn {
+            padding: 10px 20px;
+            font-size: 14px;
+        }
+        
+        /* Mobile Menu */
+        .menu-toggle {
+            display: none;
+            flex-direction: column;
+            gap: 5px;
+            cursor: pointer;
+            padding: 5px;
+        }
+        
+        .menu-toggle span {
+            width: 25px;
+            height: 3px;
+            background: var(--primary-orange);
+            border-radius: 2px;
+            transition: var(--transition);
+        }
+        
+        @media (max-width: 1024px) {
+            .nav-cta {
+                display: none;
+            }
+        }
+        
+        @media (max-width: 768px) {
+            .navbar .container {
+                height: 60px;
+                padding: 0 16px;
+            }
+            
+            .logo-img {
+                height: 45px;
+            }
+            
+            .menu-toggle {
+                display: flex;
+            }
+            
+            .nav-menu {
+                position: fixed;
+                top: 60px;
+                left: 0;
+                right: 0;
+                background: white;
+                flex-direction: column;
+                padding: 24px;
+                gap: 16px;
+                box-shadow: 0 4px 20px rgba(0,0,0,0.1);
+                transform: translateY(-100%);
+                opacity: 0;
+                visibility: hidden;
+                transition: all 0.3s ease;
+            }
+            
+            .nav-menu.active {
+                transform: translateY(0);
+                opacity: 1;
+                visibility: visible;
+            }
+            
+            .nav-link {
+                font-size: 16px;
+            }
+        }
+    </style>
+</head>
+<body>
+            <!-- Navigation -->
+    <nav class="navbar" id="navbar">
+        <div class="container">
+            <a href="#" class="logo">
+                <img src="assets/logo.png" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            
+            <div class="menu-toggle" id="menuToggle">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+            
+            <ul class="nav-menu" id="navMenu">
+                <li><a href="#home" class="nav-link">首页</a></li>
+                <li><a href="#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="#technology" class="nav-link">AI 能力</a></li>
+                <li><a href="#partnership" class="nav-link">代理合作</a></li>
+                <li><a href="#about" class="nav-link">关于我们</a></li>
+            </ul>
+            
+            <div class="nav-cta">
+                <a href="#products" class="btn btn-outline nav-btn">立即查询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
+            </div>
+        </div>
+    </nav>
+    <section class="product-hero">
+        <div class="container">
+            <span style="display:inline-block;padding:8px 16px;background:rgba(255,106,25,0.1);color:var(--primary-orange);border-radius:20px;margin-bottom:16px">🏢 合作必备</span>
+            <h1>小微企业报告</h1>
+            <div class="price">¥69.9 <span>/份</span></div>
+            <p style="font-size:18px;color:var(--text-secondary);max-width:700px;margin:0 auto 32px">企业合作前必备，全面了解企业经营状况、信用记录、司法风险等信息，降低合作风险</p>
+            <div class="cta-buttons"><a href="https://www.yuyuecha.com/example?feature=companyinfo" target="_blank" class="btn btn-primary">👁️ 查看示例报告</a><a href="https://www.yuyuecha.com/inquire/companyinfo" class="btn btn-outline">立即查询</a></div>
+        </div>
+    </section>
+    <section class="section">
+        <div class="container">
+            <h2 class="section-title">产品优势</h2>
+            <div class="features-grid">
+                <div class="feature-card"><div class="feature-icon">📊</div><h3>全面尽调</h3><p>3-4 个数据接口组合，全面企业画像</p></div>
+                <div class="feature-card"><div class="feature-icon">⚡</div><h3>快速响应</h3><p>秒级生成报告，决策不等待</p></div>
+                <div class="feature-card"><div class="feature-icon">🛡️</div><h3>风险预警</h3><p>提前发现潜在风险，避免损失</p></div>
+                <div class="feature-card"><div class="feature-icon">📄</div><h3>PDF 报告</h3><p>专业格式报告，支持永久保存</p></div>
+                <div class="feature-card"><div class="feature-icon">🔍</div><h3>深度分析</h3><p>多维度企业数据分析</p></div>
+                <div class="feature-card"><div class="feature-icon">💰</div><h3>性价比高</h3><p>仅需¥69.9，获取全面企业信息</p></div>
+            </div>
+        </div>
+    </section>
+    <section class="section content-section">
+        <div class="container">
+            <h2 class="section-title">报告内容</h2>
+            <div class="content-grid">
+                <div class="content-list"><h3>📊 报告包含</h3><ul><li>企业基本信息</li><li>经营状态分析</li><li>信用记录查询</li><li>司法风险排查</li><li>关联关系分析</li><li>综合风险评估</li></ul></div>
+                <div class="content-list"><h3>✅ 适用场景</h3><ul><li>商业合作前尽调</li><li>供应商资质审核</li><li>客户信用评估</li><li>投资前背景调查</li><li>合作伙伴风险筛查</li></ul></div>
+            </div>
+        </div>
+    </section>
+    <section class="cta">
+        <div class="container">
+            <h2>合作前查一查，风险早知道</h2>
+            <p>立即获取小微企业报告，降低合作风险</p>
+            <div class="cta-buttons"><a href="https://www.yuyuecha.com/inquire/companyinfo" class="btn" style="background:white;color:var(--primary-orange)">🚀 立即查询 - ¥69.9</a><a href="https://www.yuyuecha.com/example?feature=companyinfo" target="_blank" class="btn btn-outline" style="border-color:rgba(255,255,255,0.5);color:white">👁️ 查看示例</a></div>
+        </div>
+    </section>
+    <footer class="footer">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand"><h3>愉悦查</h3><p>让信任无处不在，让合作没有距离</p></div>
+                <div><h4 class="footer-title">产品</h4><ul class="footer-links"><li><a href="/index.html#products">个人大数据报告</a></li><li><a href="/index.html#products">婚恋风险报告</a></li><li><a href="/index.html#products">小微企业报告</a></li></ul></div>
+                <div><h4 class="footer-title">公司</h4><ul class="footer-links"><li><a href="/index.html#about">关于我们</a></li><li><a href="#">联系我们</a></li></ul></div>
+                <div><h4 class="footer-title">支持</h4><ul class="footer-links"><li><a href="#">帮助中心</a></li><li><a href="/apidemo/">API 文档</a></li></ul></div>
+            </div>
+            <div class="footer-bottom"><p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved. 京 ICP 备 2025158088 号 -2</p></div>
+        </div>
+    </footer>
+    <script>
+        // Mobile Menu Toggle
+        const menuToggle = document.getElementById('menuToggle');
+        const navMenu = document.getElementById('navMenu');
+        
+        if (menuToggle && navMenu) {
+            menuToggle.addEventListener('click', () => {
+                navMenu.classList.toggle('active');
+            });
+            
+            // Close menu when clicking on a link
+            navMenu.querySelectorAll('.nav-link').forEach(link => {
+                link.addEventListener('click', () => {
+                    navMenu.classList.remove('active');
+                });
+            });
+        }
+        
+        // Navbar scroll effect
+        const navbar = document.getElementById('navbar');
+        if (navbar) {
+            window.addEventListener('scroll', () => {
+                if (window.scrollY > 50) {
+                    navbar.classList.add('scrolled');
+                } else {
+                    navbar.classList.remove('scrolled');
+                }
+            });
+        }
+    </script>
+    <script>
+        // ===== Navbar Scroll Effect =====
+        window.addEventListener('scroll', () => {
+            const navbar = document.getElementById('navbar');
+            if (navbar && window.scrollY > 50) {
+                navbar.classList.add('scrolled');
+            } else if (navbar) {
+                navbar.classList.remove('scrolled');
+            }
+        });
+
+        // ===== Mobile Menu Toggle =====
+        const menuToggle = document.getElementById('menuToggle');
+        const navMenu = document.getElementById('navMenu');
+        
+        if (menuToggle && navMenu) {
+            menuToggle.addEventListener('click', () => {
+                navMenu.classList.toggle('active');
+            });
+            
+            // Close menu when clicking on a link
+            navMenu.querySelectorAll('.nav-link').forEach(link => {
+                link.addEventListener('click', () => {
+                    navMenu.classList.remove('active');
+                });
+            });
+        }
+    </script>
+</body>
+</html>
diff --git a/product/companyinfo.html.bak.logo2 b/product/companyinfo.html.bak.logo2
new file mode 100644
index 0000000..bdd36fd
--- /dev/null
+++ b/product/companyinfo.html.bak.logo2
@@ -0,0 +1,384 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>小微企业报告 - 愉悦查 | 企业风险筛查必备</title>
+    <meta name="description" content="愉悦查小微企业报告，3-4 个数据接口组合，企业风险筛查，合作前必备，PDF 格式下载">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    <style>
+        :root { --primary-orange: #FF6A19; --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%); --bg-gray: #F5F7FA; --text-primary: #1A1A1A; --text-secondary: #666666; --success: #07C160; --spacing-sm: 16px; --spacing-md: 24px; --spacing-lg: 48px; --spacing-xl: 80px; --radius-lg: 16px; }
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body { font-family: 'Noto Sans SC', sans-serif; line-height: 1.6; color: var(--text-primary); }
+        a { text-decoration: none; color: inherit; }
+        ul { list-style: none; }
+        .container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
+        .btn { display: inline-block; padding: 14px 32px; font-size: 16px; border-radius: 8px; transition: all 0.3s; border: none; }
+        .btn-primary { background: var(--primary-gradient); color: white; }
+        .btn-outline { border: 2px solid var(--primary-orange); color: var(--primary-orange); background: transparent; }
+        .navbar { position: fixed; top: 0; background: rgba(255,255,255,0.95); backdrop-filter: blur(10px); box-shadow: 0 2px 20px rgba(0,0,0,0.08); z-index: 1000; }
+        .navbar .container { display: flex; justify-content: space-between; align-items: center; height: 80px; }
+        .nav-menu { display: flex; gap: 32px; }
+        .nav-link:hover { color: var(--primary-orange); }
+        .product-hero { padding: 160px 0 80px; background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%); text-align: center; }
+        .product-hero h1 { font-size: 48px; color: var(--primary-orange); margin-bottom: 16px; }
+        .price { font-size: 56px; font-weight: 700; color: var(--primary-orange); margin: 24px 0; }
+        .price span { font-size: 24px; color: var(--text-secondary); }
+        .section { padding: 64px 0; }
+        .section-title { text-align: center; font-size: 36px; margin-bottom: 8px; }
+        .features-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 32px; }
+        .feature-card { text-align: center; padding: 24px; background: white; border-radius: var(--radius-lg); box-shadow: 0 2px 8px rgba(0,0,0,0.08); }
+        .feature-icon { font-size: 48px; margin-bottom: 16px; }
+        .content-section { background: var(--bg-gray); }
+        .content-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; margin-top: 32px; }
+        .content-list { background: white; padding: 24px; border-radius: var(--radius-lg); }
+        .content-list li { padding: 12px 0; border-bottom: 1px solid #eee; }
+        .cta { background: var(--primary-gradient); color: white; text-align: center; padding: 64px 0; }
+        .cta-buttons { display: flex; justify-content: center; gap: 16px; margin-top: 24px; }
+        .footer { background: #1A1A1A; color: white; padding: 64px 0 32px; }
+        .footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 32px; }
+        .footer-brand h3 { color: var(--primary-orange); margin-bottom: 8px; }
+        .footer-bottom { text-align: center; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.6; }
+        @media (max-width: 768px) { .features-grid, .content-grid, .footer-grid { grid-template-columns: 1fr; } .product-hero h1 { font-size: 32px; } }
+            /* Mobile Menu */
+        @media (max-width: 1024px) {
+            .nav-cta {
+                display: none;
+            }
+        }
+        
+        @media (max-width: 768px) {
+            .navbar .container {
+                height: 60px;
+                padding: 0 16px;
+            }
+            
+            .logo-img {
+                height: 45px;
+            }
+            
+            .menu-toggle {
+                display: flex;
+            }
+            
+            .nav-menu {
+                position: fixed;
+                top: 60px;
+                left: 0;
+                right: 0;
+                background: white;
+                flex-direction: column;
+                padding: 24px;
+                gap: 16px;
+                box-shadow: 0 4px 20px rgba(0,0,0,0.1);
+                transform: translateY(-100%);
+                opacity: 0;
+                visibility: hidden;
+                transition: all 0.3s ease;
+            }
+            
+            .nav-menu.active {
+                transform: translateY(0);
+                opacity: 1;
+                visibility: visible;
+            }
+            
+            .nav-link {
+                font-size: 16px;
+            }
+        }
+            /* ===== Navigation ===== */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+            transition: var(--transition);
+        }
+        
+        .navbar.scrolled {
+            box-shadow: 0 4px 30px rgba(0,0,0,0.12);
+        }
+        
+        .navbar .container {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            height: 80px;
+            max-width: 1400px;
+            margin: 0 auto;
+            padding: 0 32px;
+        }
+        
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            text-decoration: none;
+            background: transparent;
+            padding: 4px 0;
+        }
+        
+        .logo-img {
+            height: 60px;
+            width: auto;
+            object-fit: contain;
+            transition: var(--transition);
+            background: transparent;
+        }
+        
+        .logo:hover .logo-img {
+            transform: scale(1.05);
+        }
+        
+        .nav-menu {
+            display: flex;
+            gap: var(--spacing-lg);
+            align-items: center;
+        }
+        
+        .nav-link {
+            font-size: 15px;
+            font-weight: 500;
+            color: var(--text-primary);
+            transition: var(--transition);
+            position: relative;
+        }
+        
+        .nav-link:hover {
+            color: var(--primary-orange);
+        }
+        
+        .nav-link::after {
+            content: '';
+            position: absolute;
+            bottom: -4px;
+            left: 0;
+            width: 0;
+            height: 2px;
+            background: var(--primary-orange);
+            transition: var(--transition);
+        }
+        
+        .nav-link:hover::after {
+            width: 100%;
+        }
+        
+        .nav-cta {
+            display: flex;
+            gap: var(--spacing-sm);
+        }
+        
+        .nav-btn {
+            padding: 10px 20px;
+            font-size: 14px;
+        }
+        
+        /* Mobile Menu */
+        .menu-toggle {
+            display: none;
+            flex-direction: column;
+            gap: 5px;
+            cursor: pointer;
+            padding: 5px;
+        }
+        
+        .menu-toggle span {
+            width: 25px;
+            height: 3px;
+            background: var(--primary-orange);
+            border-radius: 2px;
+            transition: var(--transition);
+        }
+        
+        @media (max-width: 1024px) {
+            .nav-cta {
+                display: none;
+            }
+        }
+        
+        @media (max-width: 768px) {
+            .navbar .container {
+                height: 60px;
+                padding: 0 16px;
+            }
+            
+            .logo-img {
+                height: 45px;
+            }
+            
+            .menu-toggle {
+                display: flex;
+            }
+            
+            .nav-menu {
+                position: fixed;
+                top: 60px;
+                left: 0;
+                right: 0;
+                background: white;
+                flex-direction: column;
+                padding: 24px;
+                gap: 16px;
+                box-shadow: 0 4px 20px rgba(0,0,0,0.1);
+                transform: translateY(-100%);
+                opacity: 0;
+                visibility: hidden;
+                transition: all 0.3s ease;
+            }
+            
+            .nav-menu.active {
+                transform: translateY(0);
+                opacity: 1;
+                visibility: visible;
+            }
+            
+            .nav-link {
+                font-size: 16px;
+            }
+        }
+    </style>
+</head>
+<body>
+            <!-- Navigation -->
+    <nav class="navbar" id="navbar">
+        <div class="container">
+            <a href="#" class="logo">
+                <img src="../assets/logo.png" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            
+            <div class="menu-toggle" id="menuToggle">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+            
+            <ul class="nav-menu" id="navMenu">
+                <li><a href="#home" class="nav-link">首页</a></li>
+                <li><a href="#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="#technology" class="nav-link">AI 能力</a></li>
+                <li><a href="#partnership" class="nav-link">代理合作</a></li>
+                <li><a href="#about" class="nav-link">关于我们</a></li>
+            </ul>
+            
+            <div class="nav-cta">
+                <a href="#products" class="btn btn-outline nav-btn">立即查询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
+            </div>
+        </div>
+    </nav>
+    <section class="product-hero">
+        <div class="container">
+            <span style="display:inline-block;padding:8px 16px;background:rgba(255,106,25,0.1);color:var(--primary-orange);border-radius:20px;margin-bottom:16px">🏢 合作必备</span>
+            <h1>小微企业报告</h1>
+            <div class="price">¥69.9 <span>/份</span></div>
+            <p style="font-size:18px;color:var(--text-secondary);max-width:700px;margin:0 auto 32px">企业合作前必备，全面了解企业经营状况、信用记录、司法风险等信息，降低合作风险</p>
+            <div class="cta-buttons"><a href="https://www.yuyuecha.com/example?feature=companyinfo" target="_blank" class="btn btn-primary">👁️ 查看示例报告</a><a href="https://www.yuyuecha.com/inquire/companyinfo" class="btn btn-outline">立即查询</a></div>
+        </div>
+    </section>
+    <section class="section">
+        <div class="container">
+            <h2 class="section-title">产品优势</h2>
+            <div class="features-grid">
+                <div class="feature-card"><div class="feature-icon">📊</div><h3>全面尽调</h3><p>3-4 个数据接口组合，全面企业画像</p></div>
+                <div class="feature-card"><div class="feature-icon">⚡</div><h3>快速响应</h3><p>秒级生成报告，决策不等待</p></div>
+                <div class="feature-card"><div class="feature-icon">🛡️</div><h3>风险预警</h3><p>提前发现潜在风险，避免损失</p></div>
+                <div class="feature-card"><div class="feature-icon">📄</div><h3>PDF 报告</h3><p>专业格式报告，支持永久保存</p></div>
+                <div class="feature-card"><div class="feature-icon">🔍</div><h3>深度分析</h3><p>多维度企业数据分析</p></div>
+                <div class="feature-card"><div class="feature-icon">💰</div><h3>性价比高</h3><p>仅需¥69.9，获取全面企业信息</p></div>
+            </div>
+        </div>
+    </section>
+    <section class="section content-section">
+        <div class="container">
+            <h2 class="section-title">报告内容</h2>
+            <div class="content-grid">
+                <div class="content-list"><h3>📊 报告包含</h3><ul><li>企业基本信息</li><li>经营状态分析</li><li>信用记录查询</li><li>司法风险排查</li><li>关联关系分析</li><li>综合风险评估</li></ul></div>
+                <div class="content-list"><h3>✅ 适用场景</h3><ul><li>商业合作前尽调</li><li>供应商资质审核</li><li>客户信用评估</li><li>投资前背景调查</li><li>合作伙伴风险筛查</li></ul></div>
+            </div>
+        </div>
+    </section>
+    <section class="cta">
+        <div class="container">
+            <h2>合作前查一查，风险早知道</h2>
+            <p>立即获取小微企业报告，降低合作风险</p>
+            <div class="cta-buttons"><a href="https://www.yuyuecha.com/inquire/companyinfo" class="btn" style="background:white;color:var(--primary-orange)">🚀 立即查询 - ¥69.9</a><a href="https://www.yuyuecha.com/example?feature=companyinfo" target="_blank" class="btn btn-outline" style="border-color:rgba(255,255,255,0.5);color:white">👁️ 查看示例</a></div>
+        </div>
+    </section>
+    <footer class="footer">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand"><h3>愉悦查</h3><p>让信任无处不在，让合作没有距离</p></div>
+                <div><h4 class="footer-title">产品</h4><ul class="footer-links"><li><a href="/index.html#products">个人大数据报告</a></li><li><a href="/index.html#products">婚恋风险报告</a></li><li><a href="/index.html#products">小微企业报告</a></li></ul></div>
+                <div><h4 class="footer-title">公司</h4><ul class="footer-links"><li><a href="/index.html#about">关于我们</a></li><li><a href="#">联系我们</a></li></ul></div>
+                <div><h4 class="footer-title">支持</h4><ul class="footer-links"><li><a href="#">帮助中心</a></li><li><a href="/apidemo/">API 文档</a></li></ul></div>
+            </div>
+            <div class="footer-bottom"><p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved. 京 ICP 备 2025158088 号 -2</p></div>
+        </div>
+    </footer>
+    <script>
+        // Mobile Menu Toggle
+        const menuToggle = document.getElementById('menuToggle');
+        const navMenu = document.getElementById('navMenu');
+        
+        if (menuToggle && navMenu) {
+            menuToggle.addEventListener('click', () => {
+                navMenu.classList.toggle('active');
+            });
+            
+            // Close menu when clicking on a link
+            navMenu.querySelectorAll('.nav-link').forEach(link => {
+                link.addEventListener('click', () => {
+                    navMenu.classList.remove('active');
+                });
+            });
+        }
+        
+        // Navbar scroll effect
+        const navbar = document.getElementById('navbar');
+        if (navbar) {
+            window.addEventListener('scroll', () => {
+                if (window.scrollY > 50) {
+                    navbar.classList.add('scrolled');
+                } else {
+                    navbar.classList.remove('scrolled');
+                }
+            });
+        }
+    </script>
+    <script>
+        // ===== Navbar Scroll Effect =====
+        window.addEventListener('scroll', () => {
+            const navbar = document.getElementById('navbar');
+            if (navbar && window.scrollY > 50) {
+                navbar.classList.add('scrolled');
+            } else if (navbar) {
+                navbar.classList.remove('scrolled');
+            }
+        });
+
+        // ===== Mobile Menu Toggle =====
+        const menuToggle = document.getElementById('menuToggle');
+        const navMenu = document.getElementById('navMenu');
+        
+        if (menuToggle && navMenu) {
+            menuToggle.addEventListener('click', () => {
+                navMenu.classList.toggle('active');
+            });
+            
+            // Close menu when clicking on a link
+            navMenu.querySelectorAll('.nav-link').forEach(link => {
+                link.addEventListener('click', () => {
+                    navMenu.classList.remove('active');
+                });
+            });
+        }
+    </script>
+</body>
+</html>
diff --git a/product/consumerFinanceReport.html b/product/consumerFinanceReport.html
new file mode 100644
index 0000000..2aa9e23
--- /dev/null
+++ b/product/consumerFinanceReport.html
@@ -0,0 +1,699 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>消金报告 - 愉悦查 | 消费金融风险评估</title>
+    <meta name="description" content="愉悦查消金报告，3-4 个数据接口组合，消费金融风险评估，快速决策支持，PDF 格式下载">
+    <!-- SEO Enhancement -->
+    <link rel="canonical" href="https://www.yuyuecha.com.cn/product/consumerFinanceReport.html">
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="https://www.yuyuecha.com.cn/product/consumerFinanceReport.html">
+    <meta property="og:title" content="消金报告 - 愉悦查">
+    <meta property="og:description" content="消费金融风险评估，快速决策支持，PDF 下载。">
+    <meta property="og:image" content="https://www.yuyuecha.com.cn/assets/logo-nav-2x.png">
+    <meta property="og:site_name" content="愉悦查">
+    <meta property="og:locale" content="zh_CN">
+    <meta name="twitter:card" content="summary">
+    <meta name="twitter:title" content="消金报告 - 愉悦查">
+    <meta name="twitter:description" content="消费金融风险评估，快速决策支持，PDF 下载。">
+    <meta name="twitter:image" content="https://www.yuyuecha.com.cn/assets/logo-nav-2x.png">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    <style>
+        :root { --primary-orange: #FF6A19; --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%); --bg-gray: #F5F7FA; --text-primary: #1A1A1A; --text-secondary: #666666; --spacing-sm: 16px; --spacing-md: 24px; --spacing-lg: 48px; --spacing-xl: 80px; --radius-lg: 16px; }
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body { font-family: 'Noto Sans SC', sans-serif; line-height: 1.6; color: var(--text-primary); }
+        a { text-decoration: none; color: inherit; }
+        ul { list-style: none; }
+        .container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
+        .btn { display: inline-block; padding: 14px 32px; font-size: 16px; border-radius: 8px; border: none; }
+        .btn-primary { background: var(--primary-gradient); color: white; }
+        .btn-outline { border: 2px solid var(--primary-orange); color: var(--primary-orange); background: transparent; }
+        .navbar { position: fixed; top: 0; background: rgba(255,255,255,0.95); backdrop-filter: blur(10px); box-shadow: 0 2px 20px rgba(0,0,0,0.08); z-index: 1000; }
+        .navbar .container { display: flex; justify-content: space-between; align-items: center; height: 80px; }
+        .nav-menu { display: flex; gap: 32px; }
+        .nav-link:hover { color: var(--primary-orange); }
+        .product-hero { padding: 160px 0 80px; background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%); text-align: center; }
+        .product-hero h1 { font-size: 48px; color: var(--primary-orange); margin-bottom: 16px; }
+        .price { font-size: 56px; font-weight: 700; color: var(--primary-orange); margin: 24px 0; }
+        .price span { font-size: 24px; color: var(--text-secondary); }
+        .section { padding: 64px 0; }
+        .section-title { text-align: center; font-size: 36px; margin-bottom: 8px; }
+        .features-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 32px; }
+        .feature-card { text-align: center; padding: 24px; background: white; border-radius: var(--radius-lg); box-shadow: 0 2px 8px rgba(0,0,0,0.08); }
+        .feature-icon { font-size: 48px; margin-bottom: 16px; }
+        .content-section { background: var(--bg-gray); }
+        .content-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; margin-top: 32px; }
+        .content-list { background: white; padding: 24px; border-radius: var(--radius-lg); }
+        .content-list li { padding: 12px 0; border-bottom: 1px solid #eee; }
+        .cta { background: var(--primary-gradient); color: white; text-align: center; padding: 64px 0; }
+        .cta-buttons { display: flex; justify-content: center; gap: 16px; margin-top: 24px; }
+        .footer { background: #1A1A1A; color: white; padding: 64px 0 32px; }
+        .footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 32px; }
+        .footer-brand h3 { color: var(--primary-orange); margin-bottom: 8px; }
+        .footer-bottom { text-align: center; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.6; }
+        @media (max-width: 768px) { .features-grid, .content-grid, .footer-grid { grid-template-columns: 1fr; } .product-hero h1 { font-size: 32px; } }
+            /* Mobile Menu */
+        @media (max-width: 1024px) {
+            .nav-cta {
+                display: none;
+            }
+        }
+        
+        @media (max-width: 768px) {
+            .navbar .container {
+                height: 60px;
+                padding: 0 16px;
+            }
+            
+            .logo-img {
+                height: 45px;
+            }
+            
+            .menu-toggle {
+                display: flex;
+            }
+            
+            .nav-menu {
+                position: fixed;
+                top: 60px;
+                left: 0;
+                right: 0;
+                background: white;
+                flex-direction: column;
+                padding: 24px;
+                gap: 16px;
+                box-shadow: 0 4px 20px rgba(0,0,0,0.1);
+                transform: translateY(-100%);
+                opacity: 0;
+                visibility: hidden;
+                transition: all 0.3s ease;
+            }
+            
+            .nav-menu.active {
+                transform: translateY(0);
+                opacity: 1;
+                visibility: visible;
+            }
+            
+            .nav-link {
+                font-size: 16px;
+            }
+        }
+            /* ===== Navigation ===== */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+            transition: var(--transition);
+        }
+        
+        .navbar.scrolled {
+            box-shadow: 0 4px 30px rgba(0,0,0,0.12);
+        }
+        
+        .navbar .container {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            height: 80px;
+            max-width: 1400px;
+            margin: 0 auto;
+            padding: 0 32px;
+        }
+        
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            text-decoration: none;
+            background: transparent;
+            padding: 4px 0;
+        }
+        
+        .logo-img {
+            height: 60px;
+            width: auto;
+            object-fit: contain;
+            transition: var(--transition);
+            background: transparent;
+        }
+        
+        .logo:hover .logo-img {
+            transform: scale(1.05);
+        }
+        
+        .nav-menu {
+            display: flex;
+            gap: var(--spacing-lg);
+            align-items: center;
+        }
+        
+        .nav-link {
+            font-size: 15px;
+            font-weight: 500;
+            color: var(--text-primary);
+            transition: var(--transition);
+            position: relative;
+        }
+        
+        .nav-link:hover {
+            color: var(--primary-orange);
+        }
+        
+        .nav-link::after {
+            content: '';
+            position: absolute;
+            bottom: -4px;
+            left: 0;
+            width: 0;
+            height: 2px;
+            background: var(--primary-orange);
+            transition: var(--transition);
+        }
+        
+        .nav-link:hover::after {
+            width: 100%;
+        }
+        
+        .nav-cta {
+            display: flex;
+            gap: var(--spacing-sm);
+        }
+        
+        .nav-btn {
+            padding: 10px 20px;
+            font-size: 14px;
+        }
+        
+        /* Mobile Menu */
+        .menu-toggle {
+            display: none;
+            flex-direction: column;
+            gap: 5px;
+            cursor: pointer;
+            padding: 5px;
+        }
+        
+        .menu-toggle span {
+            width: 25px;
+            height: 3px;
+            background: var(--primary-orange);
+            border-radius: 2px;
+            transition: var(--transition);
+        }
+        
+        @media (max-width: 1024px) {
+            .nav-cta {
+                display: none;
+            }
+        }
+        
+        @media (max-width: 768px) {
+            .navbar .container {
+                height: 60px;
+                padding: 0 16px;
+            }
+            
+            .logo-img {
+                height: 45px;
+            }
+            
+            .menu-toggle {
+                display: flex;
+            }
+            
+            .nav-menu {
+                position: fixed;
+                top: 60px;
+                left: 0;
+                right: 0;
+                background: white;
+                flex-direction: column;
+                padding: 24px;
+                gap: 16px;
+                box-shadow: 0 4px 20px rgba(0,0,0,0.1);
+                transform: translateY(-100%);
+                opacity: 0;
+                visibility: hidden;
+                transition: all 0.3s ease;
+            }
+            
+            .nav-menu.active {
+                transform: translateY(0);
+                opacity: 1;
+                visibility: visible;
+            }
+            
+            .nav-link {
+                font-size: 16px;
+            }
+        }
+    
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            text-decoration: none;
+            background: transparent;
+            padding: 4px 0;
+        }
+        
+        .logo-img {
+            background: rgba(255,255,255,0.95);
+            height: 60px;
+            width: auto;
+            object-fit: contain;
+            transition: var(--transition);
+        }
+        
+        .logo:hover .logo-img {
+            background: rgba(255,255,255,0.95);
+            transform: scale(1.05);
+        }
+
+        /* ===== Unified Navbar ===== */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            z-index: 1000;
+            padding: 12px 0;
+            transition: all 0.3s ease;
+            background: rgba(255,255,255,0.95);
+            backdrop-filter: blur(20px);
+            -webkit-backdrop-filter: blur(20px);
+        }
+        .navbar.scrolled {
+            padding: 8px 0;
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+        }
+        .navbar .container {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 0 24px;
+        }
+        .logo {
+            display: flex;
+            align-items: center;
+            text-decoration: none;
+        }
+        .logo-img {
+            height: 44px;
+            width: auto;
+            object-fit: contain;
+            transition: all 0.3s ease;
+        }
+        .logo:hover .logo-img {
+            transform: scale(1.03);
+        }
+        .nav-menu {
+            display: flex;
+            gap: 32px;
+            list-style: none;
+            margin: 0;
+            padding: 0;
+        }
+        .nav-link {
+            font-size: 15px;
+            font-weight: 500;
+            color: #1A1A1A;
+            text-decoration: none;
+            position: relative;
+            padding: 6px 0;
+            transition: all 0.3s ease;
+        }
+        .nav-link::after {
+            content: '';
+            position: absolute;
+            bottom: 0;
+            left: 50%;
+            width: 0;
+            height: 2px;
+            background: #FF6A19;
+            transition: all 0.3s ease;
+            transform: translateX(-50%);
+            border-radius: 1px;
+        }
+        .nav-link:hover {
+            color: #FF6A19;
+        }
+        .nav-link:hover::after {
+            width: 100%;
+        }
+        .nav-cta {
+            display: flex;
+            gap: 12px;
+            align-items: center;
+        }
+        .nav-btn {
+            padding: 8px 20px;
+            border-radius: 8px;
+            font-size: 14px;
+            font-weight: 500;
+            cursor: pointer;
+            transition: all 0.3s ease;
+            text-decoration: none;
+            border: none;
+            display: inline-flex;
+            align-items: center;
+        }
+        .btn-outline.nav-btn {
+            border: 1.5px solid #FF6A19;
+            color: #FF6A19;
+            background: transparent;
+        }
+        .btn-outline.nav-btn:hover {
+            background: #FFF5F0;
+        }
+        .btn-primary.nav-btn {
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
+            color: white;
+            box-shadow: 0 2px 8px rgba(255,106,25,0.3);
+        }
+        .btn-primary.nav-btn:hover {
+            transform: translateY(-1px);
+            box-shadow: 0 4px 12px rgba(255,106,25,0.4);
+        }
+        .menu-toggle {
+            display: none;
+            flex-direction: column;
+            gap: 5px;
+            cursor: pointer;
+            padding: 4px;
+            z-index: 1001;
+        }
+        .menu-toggle span {
+            width: 24px;
+            height: 2px;
+            background: #1A1A1A;
+            transition: all 0.3s ease;
+            border-radius: 1px;
+        }
+        @media (max-width: 1024px) {
+            .nav-menu {
+                display: none;
+                position: fixed;
+                top: 0;
+                left: 0;
+                right: 0;
+                bottom: 0;
+                background: rgba(255,255,255,0.98);
+                backdrop-filter: blur(20px);
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                gap: 24px;
+                z-index: 999;
+            }
+            .nav-menu.active {
+                display: flex;
+            }
+            .nav-link {
+                font-size: 18px;
+            }
+            .nav-cta {
+                display: none;
+            }
+            .menu-toggle {
+                display: flex;
+            }
+        }
+
+        /* ===== Unified Footer ===== */
+        .footer {
+            background: #1A1A1A;
+            color: white;
+            padding: 60px 0 30px;
+        }
+        .footer-grid {
+            display: grid;
+            grid-template-columns: 1.5fr 1fr 1fr 1fr;
+            gap: 48px;
+            margin-bottom: 40px;
+        }
+        .footer-brand h3 {
+            font-size: 22px;
+            font-weight: 700;
+            margin-bottom: 8px;
+            background: linear-gradient(135deg, #FF6A19, #FC6E18);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+        .footer-brand p {
+            color: rgba(255,255,255,0.6);
+            font-size: 14px;
+            line-height: 1.6;
+        }
+        .footer-title {
+            font-size: 15px;
+            font-weight: 600;
+            margin-bottom: 16px;
+            color: rgba(255,255,255,0.9);
+        }
+        .footer-links {
+            list-style: none;
+            padding: 0;
+            margin: 0;
+        }
+        .footer-links li {
+            margin-bottom: 10px;
+        }
+        .footer-links a {
+            color: rgba(255,255,255,0.5);
+            text-decoration: none;
+            font-size: 14px;
+            transition: all 0.3s ease;
+        }
+        .footer-links a:hover {
+            color: #FF6A19;
+        }
+        .footer-bottom {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            padding-top: 24px;
+            border-top: 1px solid rgba(255,255,255,0.1);
+            font-size: 13px;
+            color: rgba(255,255,255,0.4);
+        }
+        .footer-icp {
+            color: rgba(255,255,255,0.4);
+        }
+        .footer-icp a {
+            color: rgba(255,255,255,0.4);
+            text-decoration: none;
+        }
+        .footer-icp a:hover {
+            color: #FF6A19;
+        }
+        @media (max-width: 768px) {
+            .footer-grid {
+                grid-template-columns: 1fr 1fr;
+                gap: 32px;
+            }
+            .footer-bottom {
+                flex-direction: column;
+                text-align: center;
+                gap: 8px;
+            }
+        }
+        @media (max-width: 480px) {
+            .footer-grid {
+                grid-template-columns: 1fr;
+            }
+        }
+
+    </style>
+</head>
+<body>
+            <!-- Navigation -->
+        <nav class="navbar" id="navbar">
+        <div class="container">
+            <a href="/index.html" class="logo">
+                <img src="../assets/logo-nav.png" srcset="../assets/logo-nav.png 1x, ../assets/logo-nav-2x.png 2x" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            
+            <div class="menu-toggle" id="menuToggle">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+            
+            <ul class="nav-menu" id="navMenu">
+                <li><a href="/index.html" class="nav-link">首页</a></li>
+                <li><a href="/index.html#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="/index.html#technology" class="nav-link">AI 能力</a></li>
+                <li><a href="/index.html#partnership" class="nav-link">代理合作</a></li>
+                <li><a href="/about.html" class="nav-link">关于我们</a></li>
+            </ul>
+            
+            <div class="nav-cta">
+                <a href="/index.html#products" class="btn btn-outline nav-btn">立即查询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
+            </div>
+        </div>
+    </nav>
+    <section class="product-hero">
+        <div class="container">
+            <span style="display:inline-block;padding:8px 16px;background:rgba(255,106,25,0.1);color:var(--primary-orange);border-radius:20px;margin-bottom:16px">💳 金融风控</span>
+            <h1>消金报告</h1>
+            <div class="price">¥39.9 <span>/份</span></div>
+            <p style="font-size:18px;color:var(--text-secondary);max-width:700px;margin:0 auto 32px">消费金融风险评估，快速决策支持，降低信贷风险，助力金融机构精准风控</p>
+            <div class="cta-buttons"><a href="https://www.yuyuecha.com/example?feature=consumerFinanceReport" target="_blank" class="btn btn-primary">👁️ 查看示例报告</a><a href="https://www.yuyuecha.com/inquire/consumerFinanceReport" class="btn btn-outline">立即查询</a></div>
+        </div>
+    </section>
+    <section class="section">
+        <div class="container">
+            <h2 class="section-title">产品优势</h2>
+            <div class="features-grid">
+                <div class="feature-card"><div class="feature-icon">📊</div><h3>多维评估</h3><p>3-4 个数据接口组合，全面风险评估</p></div>
+                <div class="feature-card"><div class="feature-icon">⚡</div><h3>快速响应</h3><p>秒级生成报告，决策不等待</p></div>
+                <div class="feature-card"><div class="feature-icon">🎯</div><h3>精准风控</h3><p>AI 智能分析，准确率 99% 以上</p></div>
+                <div class="feature-card"><div class="feature-icon">📄</div><h3>PDF 报告</h3><p>专业格式报告，支持永久保存</p></div>
+                <div class="feature-card"><div class="feature-icon">🔒</div><h3>合规授权</h3><p>严格遵循金融数据使用规范</p></div>
+                <div class="feature-card"><div class="feature-icon">💰</div><h3>价格实惠</h3><p>仅需¥39.9，获取专业风控报告</p></div>
+            </div>
+        </div>
+    </section>
+    <section class="section content-section">
+        <div class="container">
+            <h2 class="section-title">报告内容</h2>
+            <div class="content-grid">
+                <div class="content-list"><h3>📊 报告包含</h3><ul><li>个人身份信息核验</li><li>信用记录查询</li><li>负债情况分析</li><li>司法风险排查</li><li>消费行为评估</li><li>综合风险评分</li></ul></div>
+                <div class="content-list"><h3>✅ 适用场景</h3><ul><li>消费贷款审批</li><li>信用卡申请审核</li><li>分期购物风控</li><li>小额信贷评估</li><li>个人信用核查</li></ul></div>
+            </div>
+        </div>
+    </section>
+    <section class="cta">
+        <div class="container">
+            <h2>精准风控，从消金报告开始</h2>
+            <p>立即获取消金报告，降低信贷风险</p>
+            <div class="cta-buttons"><a href="https://www.yuyuecha.com/inquire/consumerFinanceReport" class="btn" style="background:white;color:var(--primary-orange)">🚀 立即查询 - ¥39.9</a><a href="https://www.yuyuecha.com/example?feature=consumerFinanceReport" target="_blank" class="btn btn-outline" style="border-color:rgba(255,255,255,0.5);color:white">👁️ 查看示例</a></div>
+        </div>
+    </section>
+        <footer class="footer">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <h3>愉悦查</h3>
+                    <p>让信任无处不在，让合作没有距离</p>
+                    <p style="margin-top:16px;font-size:13px;color:rgba(255,255,255,0.5);">北京正信环宇科技有限公司</p>
+                    <p style="font-size:13px;color:rgba(255,255,255,0.5);">AI 驱动的商业信任科技平台</p>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">产品</h4>
+                    <ul class="footer-links">
+                        <li><a href="/product/riskassessment.html">个人大数据报告</a></li>
+                        <li><a href="/product/marriage.html">婚恋风险报告</a></li>
+                        <li><a href="/product/backgroundcheck.html">入职背调报告</a></li>
+                        <li><a href="/product/companyinfo.html">小微企业报告</a></li>
+                        <li><a href="/product/homeservice.html">家政风险报告</a></li>
+                        <li><a href="/product/consumerFinanceReport.html">消金报告</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">公司</h4>
+                    <ul class="footer-links">
+                        <li><a href="/about.html">关于我们</a></li>
+                        <li><a href="/careers.html">加入我们</a></li>
+                        <li><a href="/contact.html">联系我们</a></li>
+                        <li><a href="/news.html">新闻动态</a></li>
+                        <li><a href="/partners.html">合作伙伴</a></li>
+                        <li><a href="/investment.html">招商工具包</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">支持</h4>
+                    <ul class="footer-links">
+                        <li><a href="/help.html">帮助中心</a></li>
+                        <li><a href="/apidemo/">API 文档</a></li>
+                        <li><a href="/all-apis.html">全部接口</a></li>
+                        <li><a href="/privacy.html">隐私政策</a></li>
+                        <li><a href="/terms.html">服务条款</a></li>
+                        <li><a href="/disclaimer.html">免责声明</a></li>
+                    </ul>
+                </div>
+            </div>
+            
+            <div class="footer-bottom">
+                <p>&copy; 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p class="footer-icp"><a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow noopener">京ICP备2025158088号-2</a></p>
+            </div>
+        </div>
+    </footer>
+    <script>
+        // Mobile Menu Toggle
+        const menuToggle = document.getElementById('menuToggle');
+        const navMenu = document.getElementById('navMenu');
+        
+        if (menuToggle && navMenu) {
+            menuToggle.addEventListener('click', () => {
+                navMenu.classList.toggle('active');
+            });
+            
+            // Close menu when clicking on a link
+            navMenu.querySelectorAll('.nav-link').forEach(link => {
+                link.addEventListener('click', () => {
+                    navMenu.classList.remove('active');
+                });
+            });
+        }
+        
+        // Navbar scroll effect
+        const navbar = document.getElementById('navbar');
+        if (navbar) {
+            window.addEventListener('scroll', () => {
+                if (window.scrollY > 50) {
+                    navbar.classList.add('scrolled');
+                } else {
+                    navbar.classList.remove('scrolled');
+                }
+            });
+        }
+    </script>
+    <script>
+        // ===== Navbar Scroll Effect =====
+        window.addEventListener('scroll', () => {
+            const navbar = document.getElementById('navbar');
+            if (navbar && window.scrollY > 50) {
+                navbar.classList.add('scrolled');
+            } else if (navbar) {
+                navbar.classList.remove('scrolled');
+            }
+        });
+
+        // ===== Mobile Menu Toggle =====
+        const menuToggle = document.getElementById('menuToggle');
+        const navMenu = document.getElementById('navMenu');
+        
+        if (menuToggle && navMenu) {
+            menuToggle.addEventListener('click', () => {
+                navMenu.classList.toggle('active');
+            });
+            
+            // Close menu when clicking on a link
+            navMenu.querySelectorAll('.nav-link').forEach(link => {
+                link.addEventListener('click', () => {
+                    navMenu.classList.remove('active');
+                });
+            });
+        }
+    </script>
+</body>
+</html>
diff --git a/product/consumerFinanceReport.html.bak.logo b/product/consumerFinanceReport.html.bak.logo
new file mode 100644
index 0000000..ed50801
--- /dev/null
+++ b/product/consumerFinanceReport.html.bak.logo
@@ -0,0 +1,384 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>消金报告 - 愉悦查 | 消费金融风险评估</title>
+    <meta name="description" content="愉悦查消金报告，3-4 个数据接口组合，消费金融风险评估，快速决策支持，PDF 格式下载">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    <style>
+        :root { --primary-orange: #FF6A19; --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%); --bg-gray: #F5F7FA; --text-primary: #1A1A1A; --text-secondary: #666666; --spacing-sm: 16px; --spacing-md: 24px; --spacing-lg: 48px; --spacing-xl: 80px; --radius-lg: 16px; }
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body { font-family: 'Noto Sans SC', sans-serif; line-height: 1.6; color: var(--text-primary); }
+        a { text-decoration: none; color: inherit; }
+        ul { list-style: none; }
+        .container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
+        .btn { display: inline-block; padding: 14px 32px; font-size: 16px; border-radius: 8px; border: none; }
+        .btn-primary { background: var(--primary-gradient); color: white; }
+        .btn-outline { border: 2px solid var(--primary-orange); color: var(--primary-orange); background: transparent; }
+        .navbar { position: fixed; top: 0; background: rgba(255,255,255,0.95); backdrop-filter: blur(10px); box-shadow: 0 2px 20px rgba(0,0,0,0.08); z-index: 1000; }
+        .navbar .container { display: flex; justify-content: space-between; align-items: center; height: 80px; }
+        .nav-menu { display: flex; gap: 32px; }
+        .nav-link:hover { color: var(--primary-orange); }
+        .product-hero { padding: 160px 0 80px; background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%); text-align: center; }
+        .product-hero h1 { font-size: 48px; color: var(--primary-orange); margin-bottom: 16px; }
+        .price { font-size: 56px; font-weight: 700; color: var(--primary-orange); margin: 24px 0; }
+        .price span { font-size: 24px; color: var(--text-secondary); }
+        .section { padding: 64px 0; }
+        .section-title { text-align: center; font-size: 36px; margin-bottom: 8px; }
+        .features-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 32px; }
+        .feature-card { text-align: center; padding: 24px; background: white; border-radius: var(--radius-lg); box-shadow: 0 2px 8px rgba(0,0,0,0.08); }
+        .feature-icon { font-size: 48px; margin-bottom: 16px; }
+        .content-section { background: var(--bg-gray); }
+        .content-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; margin-top: 32px; }
+        .content-list { background: white; padding: 24px; border-radius: var(--radius-lg); }
+        .content-list li { padding: 12px 0; border-bottom: 1px solid #eee; }
+        .cta { background: var(--primary-gradient); color: white; text-align: center; padding: 64px 0; }
+        .cta-buttons { display: flex; justify-content: center; gap: 16px; margin-top: 24px; }
+        .footer { background: #1A1A1A; color: white; padding: 64px 0 32px; }
+        .footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 32px; }
+        .footer-brand h3 { color: var(--primary-orange); margin-bottom: 8px; }
+        .footer-bottom { text-align: center; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.6; }
+        @media (max-width: 768px) { .features-grid, .content-grid, .footer-grid { grid-template-columns: 1fr; } .product-hero h1 { font-size: 32px; } }
+            /* Mobile Menu */
+        @media (max-width: 1024px) {
+            .nav-cta {
+                display: none;
+            }
+        }
+        
+        @media (max-width: 768px) {
+            .navbar .container {
+                height: 60px;
+                padding: 0 16px;
+            }
+            
+            .logo-img {
+                height: 45px;
+            }
+            
+            .menu-toggle {
+                display: flex;
+            }
+            
+            .nav-menu {
+                position: fixed;
+                top: 60px;
+                left: 0;
+                right: 0;
+                background: white;
+                flex-direction: column;
+                padding: 24px;
+                gap: 16px;
+                box-shadow: 0 4px 20px rgba(0,0,0,0.1);
+                transform: translateY(-100%);
+                opacity: 0;
+                visibility: hidden;
+                transition: all 0.3s ease;
+            }
+            
+            .nav-menu.active {
+                transform: translateY(0);
+                opacity: 1;
+                visibility: visible;
+            }
+            
+            .nav-link {
+                font-size: 16px;
+            }
+        }
+            /* ===== Navigation ===== */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+            transition: var(--transition);
+        }
+        
+        .navbar.scrolled {
+            box-shadow: 0 4px 30px rgba(0,0,0,0.12);
+        }
+        
+        .navbar .container {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            height: 80px;
+            max-width: 1400px;
+            margin: 0 auto;
+            padding: 0 32px;
+        }
+        
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            text-decoration: none;
+            background: transparent;
+            padding: 4px 0;
+        }
+        
+        .logo-img {
+            height: 60px;
+            width: auto;
+            object-fit: contain;
+            transition: var(--transition);
+            background: transparent;
+        }
+        
+        .logo:hover .logo-img {
+            transform: scale(1.05);
+        }
+        
+        .nav-menu {
+            display: flex;
+            gap: var(--spacing-lg);
+            align-items: center;
+        }
+        
+        .nav-link {
+            font-size: 15px;
+            font-weight: 500;
+            color: var(--text-primary);
+            transition: var(--transition);
+            position: relative;
+        }
+        
+        .nav-link:hover {
+            color: var(--primary-orange);
+        }
+        
+        .nav-link::after {
+            content: '';
+            position: absolute;
+            bottom: -4px;
+            left: 0;
+            width: 0;
+            height: 2px;
+            background: var(--primary-orange);
+            transition: var(--transition);
+        }
+        
+        .nav-link:hover::after {
+            width: 100%;
+        }
+        
+        .nav-cta {
+            display: flex;
+            gap: var(--spacing-sm);
+        }
+        
+        .nav-btn {
+            padding: 10px 20px;
+            font-size: 14px;
+        }
+        
+        /* Mobile Menu */
+        .menu-toggle {
+            display: none;
+            flex-direction: column;
+            gap: 5px;
+            cursor: pointer;
+            padding: 5px;
+        }
+        
+        .menu-toggle span {
+            width: 25px;
+            height: 3px;
+            background: var(--primary-orange);
+            border-radius: 2px;
+            transition: var(--transition);
+        }
+        
+        @media (max-width: 1024px) {
+            .nav-cta {
+                display: none;
+            }
+        }
+        
+        @media (max-width: 768px) {
+            .navbar .container {
+                height: 60px;
+                padding: 0 16px;
+            }
+            
+            .logo-img {
+                height: 45px;
+            }
+            
+            .menu-toggle {
+                display: flex;
+            }
+            
+            .nav-menu {
+                position: fixed;
+                top: 60px;
+                left: 0;
+                right: 0;
+                background: white;
+                flex-direction: column;
+                padding: 24px;
+                gap: 16px;
+                box-shadow: 0 4px 20px rgba(0,0,0,0.1);
+                transform: translateY(-100%);
+                opacity: 0;
+                visibility: hidden;
+                transition: all 0.3s ease;
+            }
+            
+            .nav-menu.active {
+                transform: translateY(0);
+                opacity: 1;
+                visibility: visible;
+            }
+            
+            .nav-link {
+                font-size: 16px;
+            }
+        }
+    </style>
+</head>
+<body>
+            <!-- Navigation -->
+    <nav class="navbar" id="navbar">
+        <div class="container">
+            <a href="#" class="logo">
+                <img src="assets/logo.png" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            
+            <div class="menu-toggle" id="menuToggle">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+            
+            <ul class="nav-menu" id="navMenu">
+                <li><a href="#home" class="nav-link">首页</a></li>
+                <li><a href="#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="#technology" class="nav-link">AI 能力</a></li>
+                <li><a href="#partnership" class="nav-link">代理合作</a></li>
+                <li><a href="#about" class="nav-link">关于我们</a></li>
+            </ul>
+            
+            <div class="nav-cta">
+                <a href="#products" class="btn btn-outline nav-btn">立即查询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
+            </div>
+        </div>
+    </nav>
+    <section class="product-hero">
+        <div class="container">
+            <span style="display:inline-block;padding:8px 16px;background:rgba(255,106,25,0.1);color:var(--primary-orange);border-radius:20px;margin-bottom:16px">💳 金融风控</span>
+            <h1>消金报告</h1>
+            <div class="price">¥39.9 <span>/份</span></div>
+            <p style="font-size:18px;color:var(--text-secondary);max-width:700px;margin:0 auto 32px">消费金融风险评估，快速决策支持，降低信贷风险，助力金融机构精准风控</p>
+            <div class="cta-buttons"><a href="https://www.yuyuecha.com/example?feature=consumerFinanceReport" target="_blank" class="btn btn-primary">👁️ 查看示例报告</a><a href="https://www.yuyuecha.com/inquire/consumerFinanceReport" class="btn btn-outline">立即查询</a></div>
+        </div>
+    </section>
+    <section class="section">
+        <div class="container">
+            <h2 class="section-title">产品优势</h2>
+            <div class="features-grid">
+                <div class="feature-card"><div class="feature-icon">📊</div><h3>多维评估</h3><p>3-4 个数据接口组合，全面风险评估</p></div>
+                <div class="feature-card"><div class="feature-icon">⚡</div><h3>快速响应</h3><p>秒级生成报告，决策不等待</p></div>
+                <div class="feature-card"><div class="feature-icon">🎯</div><h3>精准风控</h3><p>AI 智能分析，准确率 99% 以上</p></div>
+                <div class="feature-card"><div class="feature-icon">📄</div><h3>PDF 报告</h3><p>专业格式报告，支持永久保存</p></div>
+                <div class="feature-card"><div class="feature-icon">🔒</div><h3>合规授权</h3><p>严格遵循金融数据使用规范</p></div>
+                <div class="feature-card"><div class="feature-icon">💰</div><h3>价格实惠</h3><p>仅需¥39.9，获取专业风控报告</p></div>
+            </div>
+        </div>
+    </section>
+    <section class="section content-section">
+        <div class="container">
+            <h2 class="section-title">报告内容</h2>
+            <div class="content-grid">
+                <div class="content-list"><h3>📊 报告包含</h3><ul><li>个人身份信息核验</li><li>信用记录查询</li><li>负债情况分析</li><li>司法风险排查</li><li>消费行为评估</li><li>综合风险评分</li></ul></div>
+                <div class="content-list"><h3>✅ 适用场景</h3><ul><li>消费贷款审批</li><li>信用卡申请审核</li><li>分期购物风控</li><li>小额信贷评估</li><li>个人信用核查</li></ul></div>
+            </div>
+        </div>
+    </section>
+    <section class="cta">
+        <div class="container">
+            <h2>精准风控，从消金报告开始</h2>
+            <p>立即获取消金报告，降低信贷风险</p>
+            <div class="cta-buttons"><a href="https://www.yuyuecha.com/inquire/consumerFinanceReport" class="btn" style="background:white;color:var(--primary-orange)">🚀 立即查询 - ¥39.9</a><a href="https://www.yuyuecha.com/example?feature=consumerFinanceReport" target="_blank" class="btn btn-outline" style="border-color:rgba(255,255,255,0.5);color:white">👁️ 查看示例</a></div>
+        </div>
+    </section>
+    <footer class="footer">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand"><h3>愉悦查</h3><p>让信任无处不在，让合作没有距离</p></div>
+                <div><h4 class="footer-title">产品</h4><ul class="footer-links"><li><a href="/index.html#products">个人大数据报告</a></li><li><a href="/index.html#products">消金报告</a></li><li><a href="/index.html#products">家政风险报告</a></li></ul></div>
+                <div><h4 class="footer-title">公司</h4><ul class="footer-links"><li><a href="/index.html#about">关于我们</a></li><li><a href="#">联系我们</a></li></ul></div>
+                <div><h4 class="footer-title">支持</h4><ul class="footer-links"><li><a href="#">帮助中心</a></li><li><a href="/apidemo/">API 文档</a></li></ul></div>
+            </div>
+            <div class="footer-bottom"><p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved. 京 ICP 备 2025158088 号 -2</p></div>
+        </div>
+    </footer>
+    <script>
+        // Mobile Menu Toggle
+        const menuToggle = document.getElementById('menuToggle');
+        const navMenu = document.getElementById('navMenu');
+        
+        if (menuToggle && navMenu) {
+            menuToggle.addEventListener('click', () => {
+                navMenu.classList.toggle('active');
+            });
+            
+            // Close menu when clicking on a link
+            navMenu.querySelectorAll('.nav-link').forEach(link => {
+                link.addEventListener('click', () => {
+                    navMenu.classList.remove('active');
+                });
+            });
+        }
+        
+        // Navbar scroll effect
+        const navbar = document.getElementById('navbar');
+        if (navbar) {
+            window.addEventListener('scroll', () => {
+                if (window.scrollY > 50) {
+                    navbar.classList.add('scrolled');
+                } else {
+                    navbar.classList.remove('scrolled');
+                }
+            });
+        }
+    </script>
+    <script>
+        // ===== Navbar Scroll Effect =====
+        window.addEventListener('scroll', () => {
+            const navbar = document.getElementById('navbar');
+            if (navbar && window.scrollY > 50) {
+                navbar.classList.add('scrolled');
+            } else if (navbar) {
+                navbar.classList.remove('scrolled');
+            }
+        });
+
+        // ===== Mobile Menu Toggle =====
+        const menuToggle = document.getElementById('menuToggle');
+        const navMenu = document.getElementById('navMenu');
+        
+        if (menuToggle && navMenu) {
+            menuToggle.addEventListener('click', () => {
+                navMenu.classList.toggle('active');
+            });
+            
+            // Close menu when clicking on a link
+            navMenu.querySelectorAll('.nav-link').forEach(link => {
+                link.addEventListener('click', () => {
+                    navMenu.classList.remove('active');
+                });
+            });
+        }
+    </script>
+</body>
+</html>
diff --git a/product/consumerFinanceReport.html.bak.logo2 b/product/consumerFinanceReport.html.bak.logo2
new file mode 100644
index 0000000..f23315a
--- /dev/null
+++ b/product/consumerFinanceReport.html.bak.logo2
@@ -0,0 +1,384 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>消金报告 - 愉悦查 | 消费金融风险评估</title>
+    <meta name="description" content="愉悦查消金报告，3-4 个数据接口组合，消费金融风险评估，快速决策支持，PDF 格式下载">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    <style>
+        :root { --primary-orange: #FF6A19; --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%); --bg-gray: #F5F7FA; --text-primary: #1A1A1A; --text-secondary: #666666; --spacing-sm: 16px; --spacing-md: 24px; --spacing-lg: 48px; --spacing-xl: 80px; --radius-lg: 16px; }
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body { font-family: 'Noto Sans SC', sans-serif; line-height: 1.6; color: var(--text-primary); }
+        a { text-decoration: none; color: inherit; }
+        ul { list-style: none; }
+        .container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
+        .btn { display: inline-block; padding: 14px 32px; font-size: 16px; border-radius: 8px; border: none; }
+        .btn-primary { background: var(--primary-gradient); color: white; }
+        .btn-outline { border: 2px solid var(--primary-orange); color: var(--primary-orange); background: transparent; }
+        .navbar { position: fixed; top: 0; background: rgba(255,255,255,0.95); backdrop-filter: blur(10px); box-shadow: 0 2px 20px rgba(0,0,0,0.08); z-index: 1000; }
+        .navbar .container { display: flex; justify-content: space-between; align-items: center; height: 80px; }
+        .nav-menu { display: flex; gap: 32px; }
+        .nav-link:hover { color: var(--primary-orange); }
+        .product-hero { padding: 160px 0 80px; background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%); text-align: center; }
+        .product-hero h1 { font-size: 48px; color: var(--primary-orange); margin-bottom: 16px; }
+        .price { font-size: 56px; font-weight: 700; color: var(--primary-orange); margin: 24px 0; }
+        .price span { font-size: 24px; color: var(--text-secondary); }
+        .section { padding: 64px 0; }
+        .section-title { text-align: center; font-size: 36px; margin-bottom: 8px; }
+        .features-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 32px; }
+        .feature-card { text-align: center; padding: 24px; background: white; border-radius: var(--radius-lg); box-shadow: 0 2px 8px rgba(0,0,0,0.08); }
+        .feature-icon { font-size: 48px; margin-bottom: 16px; }
+        .content-section { background: var(--bg-gray); }
+        .content-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; margin-top: 32px; }
+        .content-list { background: white; padding: 24px; border-radius: var(--radius-lg); }
+        .content-list li { padding: 12px 0; border-bottom: 1px solid #eee; }
+        .cta { background: var(--primary-gradient); color: white; text-align: center; padding: 64px 0; }
+        .cta-buttons { display: flex; justify-content: center; gap: 16px; margin-top: 24px; }
+        .footer { background: #1A1A1A; color: white; padding: 64px 0 32px; }
+        .footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 32px; }
+        .footer-brand h3 { color: var(--primary-orange); margin-bottom: 8px; }
+        .footer-bottom { text-align: center; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.6; }
+        @media (max-width: 768px) { .features-grid, .content-grid, .footer-grid { grid-template-columns: 1fr; } .product-hero h1 { font-size: 32px; } }
+            /* Mobile Menu */
+        @media (max-width: 1024px) {
+            .nav-cta {
+                display: none;
+            }
+        }
+        
+        @media (max-width: 768px) {
+            .navbar .container {
+                height: 60px;
+                padding: 0 16px;
+            }
+            
+            .logo-img {
+                height: 45px;
+            }
+            
+            .menu-toggle {
+                display: flex;
+            }
+            
+            .nav-menu {
+                position: fixed;
+                top: 60px;
+                left: 0;
+                right: 0;
+                background: white;
+                flex-direction: column;
+                padding: 24px;
+                gap: 16px;
+                box-shadow: 0 4px 20px rgba(0,0,0,0.1);
+                transform: translateY(-100%);
+                opacity: 0;
+                visibility: hidden;
+                transition: all 0.3s ease;
+            }
+            
+            .nav-menu.active {
+                transform: translateY(0);
+                opacity: 1;
+                visibility: visible;
+            }
+            
+            .nav-link {
+                font-size: 16px;
+            }
+        }
+            /* ===== Navigation ===== */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+            transition: var(--transition);
+        }
+        
+        .navbar.scrolled {
+            box-shadow: 0 4px 30px rgba(0,0,0,0.12);
+        }
+        
+        .navbar .container {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            height: 80px;
+            max-width: 1400px;
+            margin: 0 auto;
+            padding: 0 32px;
+        }
+        
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            text-decoration: none;
+            background: transparent;
+            padding: 4px 0;
+        }
+        
+        .logo-img {
+            height: 60px;
+            width: auto;
+            object-fit: contain;
+            transition: var(--transition);
+            background: transparent;
+        }
+        
+        .logo:hover .logo-img {
+            transform: scale(1.05);
+        }
+        
+        .nav-menu {
+            display: flex;
+            gap: var(--spacing-lg);
+            align-items: center;
+        }
+        
+        .nav-link {
+            font-size: 15px;
+            font-weight: 500;
+            color: var(--text-primary);
+            transition: var(--transition);
+            position: relative;
+        }
+        
+        .nav-link:hover {
+            color: var(--primary-orange);
+        }
+        
+        .nav-link::after {
+            content: '';
+            position: absolute;
+            bottom: -4px;
+            left: 0;
+            width: 0;
+            height: 2px;
+            background: var(--primary-orange);
+            transition: var(--transition);
+        }
+        
+        .nav-link:hover::after {
+            width: 100%;
+        }
+        
+        .nav-cta {
+            display: flex;
+            gap: var(--spacing-sm);
+        }
+        
+        .nav-btn {
+            padding: 10px 20px;
+            font-size: 14px;
+        }
+        
+        /* Mobile Menu */
+        .menu-toggle {
+            display: none;
+            flex-direction: column;
+            gap: 5px;
+            cursor: pointer;
+            padding: 5px;
+        }
+        
+        .menu-toggle span {
+            width: 25px;
+            height: 3px;
+            background: var(--primary-orange);
+            border-radius: 2px;
+            transition: var(--transition);
+        }
+        
+        @media (max-width: 1024px) {
+            .nav-cta {
+                display: none;
+            }
+        }
+        
+        @media (max-width: 768px) {
+            .navbar .container {
+                height: 60px;
+                padding: 0 16px;
+            }
+            
+            .logo-img {
+                height: 45px;
+            }
+            
+            .menu-toggle {
+                display: flex;
+            }
+            
+            .nav-menu {
+                position: fixed;
+                top: 60px;
+                left: 0;
+                right: 0;
+                background: white;
+                flex-direction: column;
+                padding: 24px;
+                gap: 16px;
+                box-shadow: 0 4px 20px rgba(0,0,0,0.1);
+                transform: translateY(-100%);
+                opacity: 0;
+                visibility: hidden;
+                transition: all 0.3s ease;
+            }
+            
+            .nav-menu.active {
+                transform: translateY(0);
+                opacity: 1;
+                visibility: visible;
+            }
+            
+            .nav-link {
+                font-size: 16px;
+            }
+        }
+    </style>
+</head>
+<body>
+            <!-- Navigation -->
+    <nav class="navbar" id="navbar">
+        <div class="container">
+            <a href="#" class="logo">
+                <img src="../assets/logo.png" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            
+            <div class="menu-toggle" id="menuToggle">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+            
+            <ul class="nav-menu" id="navMenu">
+                <li><a href="#home" class="nav-link">首页</a></li>
+                <li><a href="#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="#technology" class="nav-link">AI 能力</a></li>
+                <li><a href="#partnership" class="nav-link">代理合作</a></li>
+                <li><a href="#about" class="nav-link">关于我们</a></li>
+            </ul>
+            
+            <div class="nav-cta">
+                <a href="#products" class="btn btn-outline nav-btn">立即查询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
+            </div>
+        </div>
+    </nav>
+    <section class="product-hero">
+        <div class="container">
+            <span style="display:inline-block;padding:8px 16px;background:rgba(255,106,25,0.1);color:var(--primary-orange);border-radius:20px;margin-bottom:16px">💳 金融风控</span>
+            <h1>消金报告</h1>
+            <div class="price">¥39.9 <span>/份</span></div>
+            <p style="font-size:18px;color:var(--text-secondary);max-width:700px;margin:0 auto 32px">消费金融风险评估，快速决策支持，降低信贷风险，助力金融机构精准风控</p>
+            <div class="cta-buttons"><a href="https://www.yuyuecha.com/example?feature=consumerFinanceReport" target="_blank" class="btn btn-primary">👁️ 查看示例报告</a><a href="https://www.yuyuecha.com/inquire/consumerFinanceReport" class="btn btn-outline">立即查询</a></div>
+        </div>
+    </section>
+    <section class="section">
+        <div class="container">
+            <h2 class="section-title">产品优势</h2>
+            <div class="features-grid">
+                <div class="feature-card"><div class="feature-icon">📊</div><h3>多维评估</h3><p>3-4 个数据接口组合，全面风险评估</p></div>
+                <div class="feature-card"><div class="feature-icon">⚡</div><h3>快速响应</h3><p>秒级生成报告，决策不等待</p></div>
+                <div class="feature-card"><div class="feature-icon">🎯</div><h3>精准风控</h3><p>AI 智能分析，准确率 99% 以上</p></div>
+                <div class="feature-card"><div class="feature-icon">📄</div><h3>PDF 报告</h3><p>专业格式报告，支持永久保存</p></div>
+                <div class="feature-card"><div class="feature-icon">🔒</div><h3>合规授权</h3><p>严格遵循金融数据使用规范</p></div>
+                <div class="feature-card"><div class="feature-icon">💰</div><h3>价格实惠</h3><p>仅需¥39.9，获取专业风控报告</p></div>
+            </div>
+        </div>
+    </section>
+    <section class="section content-section">
+        <div class="container">
+            <h2 class="section-title">报告内容</h2>
+            <div class="content-grid">
+                <div class="content-list"><h3>📊 报告包含</h3><ul><li>个人身份信息核验</li><li>信用记录查询</li><li>负债情况分析</li><li>司法风险排查</li><li>消费行为评估</li><li>综合风险评分</li></ul></div>
+                <div class="content-list"><h3>✅ 适用场景</h3><ul><li>消费贷款审批</li><li>信用卡申请审核</li><li>分期购物风控</li><li>小额信贷评估</li><li>个人信用核查</li></ul></div>
+            </div>
+        </div>
+    </section>
+    <section class="cta">
+        <div class="container">
+            <h2>精准风控，从消金报告开始</h2>
+            <p>立即获取消金报告，降低信贷风险</p>
+            <div class="cta-buttons"><a href="https://www.yuyuecha.com/inquire/consumerFinanceReport" class="btn" style="background:white;color:var(--primary-orange)">🚀 立即查询 - ¥39.9</a><a href="https://www.yuyuecha.com/example?feature=consumerFinanceReport" target="_blank" class="btn btn-outline" style="border-color:rgba(255,255,255,0.5);color:white">👁️ 查看示例</a></div>
+        </div>
+    </section>
+    <footer class="footer">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand"><h3>愉悦查</h3><p>让信任无处不在，让合作没有距离</p></div>
+                <div><h4 class="footer-title">产品</h4><ul class="footer-links"><li><a href="/index.html#products">个人大数据报告</a></li><li><a href="/index.html#products">消金报告</a></li><li><a href="/index.html#products">家政风险报告</a></li></ul></div>
+                <div><h4 class="footer-title">公司</h4><ul class="footer-links"><li><a href="/index.html#about">关于我们</a></li><li><a href="#">联系我们</a></li></ul></div>
+                <div><h4 class="footer-title">支持</h4><ul class="footer-links"><li><a href="#">帮助中心</a></li><li><a href="/apidemo/">API 文档</a></li></ul></div>
+            </div>
+            <div class="footer-bottom"><p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved. 京 ICP 备 2025158088 号 -2</p></div>
+        </div>
+    </footer>
+    <script>
+        // Mobile Menu Toggle
+        const menuToggle = document.getElementById('menuToggle');
+        const navMenu = document.getElementById('navMenu');
+        
+        if (menuToggle && navMenu) {
+            menuToggle.addEventListener('click', () => {
+                navMenu.classList.toggle('active');
+            });
+            
+            // Close menu when clicking on a link
+            navMenu.querySelectorAll('.nav-link').forEach(link => {
+                link.addEventListener('click', () => {
+                    navMenu.classList.remove('active');
+                });
+            });
+        }
+        
+        // Navbar scroll effect
+        const navbar = document.getElementById('navbar');
+        if (navbar) {
+            window.addEventListener('scroll', () => {
+                if (window.scrollY > 50) {
+                    navbar.classList.add('scrolled');
+                } else {
+                    navbar.classList.remove('scrolled');
+                }
+            });
+        }
+    </script>
+    <script>
+        // ===== Navbar Scroll Effect =====
+        window.addEventListener('scroll', () => {
+            const navbar = document.getElementById('navbar');
+            if (navbar && window.scrollY > 50) {
+                navbar.classList.add('scrolled');
+            } else if (navbar) {
+                navbar.classList.remove('scrolled');
+            }
+        });
+
+        // ===== Mobile Menu Toggle =====
+        const menuToggle = document.getElementById('menuToggle');
+        const navMenu = document.getElementById('navMenu');
+        
+        if (menuToggle && navMenu) {
+            menuToggle.addEventListener('click', () => {
+                navMenu.classList.toggle('active');
+            });
+            
+            // Close menu when clicking on a link
+            navMenu.querySelectorAll('.nav-link').forEach(link => {
+                link.addEventListener('click', () => {
+                    navMenu.classList.remove('active');
+                });
+            });
+        }
+    </script>
+</body>
+</html>
diff --git a/product/homeservice.html b/product/homeservice.html
new file mode 100644
index 0000000..854c346
--- /dev/null
+++ b/product/homeservice.html
@@ -0,0 +1,699 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>家政风险报告 - 愉悦查 | 家政人员背景调查</title>
+    <meta name="description" content="愉悦查家政风险报告，家政人员背调，雇佣更安全，PDF 格式下载，保护您和家人的安全">
+    <!-- SEO Enhancement -->
+    <link rel="canonical" href="https://www.yuyuecha.com.cn/product/homeservice.html">
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="https://www.yuyuecha.com.cn/product/homeservice.html">
+    <meta property="og:title" content="家政风险报告 - 愉悦查">
+    <meta property="og:description" content="家政人员背景调查，雇佣更安全，保护家人安全。">
+    <meta property="og:image" content="https://www.yuyuecha.com.cn/assets/logo-nav-2x.png">
+    <meta property="og:site_name" content="愉悦查">
+    <meta property="og:locale" content="zh_CN">
+    <meta name="twitter:card" content="summary">
+    <meta name="twitter:title" content="家政风险报告 - 愉悦查">
+    <meta name="twitter:description" content="家政人员背景调查，雇佣更安全，保护家人安全。">
+    <meta name="twitter:image" content="https://www.yuyuecha.com.cn/assets/logo-nav-2x.png">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    <style>
+        :root { --primary-orange: #FF6A19; --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%); --bg-gray: #F5F7FA; --text-primary: #1A1A1A; --text-secondary: #666666; --spacing-sm: 16px; --spacing-md: 24px; --spacing-lg: 48px; --spacing-xl: 80px; --radius-lg: 16px; }
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body { font-family: 'Noto Sans SC', sans-serif; line-height: 1.6; color: var(--text-primary); }
+        a { text-decoration: none; color: inherit; }
+        ul { list-style: none; }
+        .container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
+        .btn { display: inline-block; padding: 14px 32px; font-size: 16px; border-radius: 8px; border: none; }
+        .btn-primary { background: var(--primary-gradient); color: white; }
+        .btn-outline { border: 2px solid var(--primary-orange); color: var(--primary-orange); background: transparent; }
+        .navbar { position: fixed; top: 0; background: rgba(255,255,255,0.95); backdrop-filter: blur(10px); box-shadow: 0 2px 20px rgba(0,0,0,0.08); z-index: 1000; }
+        .navbar .container { display: flex; justify-content: space-between; align-items: center; height: 80px; }
+        .nav-menu { display: flex; gap: 32px; }
+        .nav-link:hover { color: var(--primary-orange); }
+        .product-hero { padding: 160px 0 80px; background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%); text-align: center; }
+        .product-hero h1 { font-size: 48px; color: var(--primary-orange); margin-bottom: 16px; }
+        .price { font-size: 56px; font-weight: 700; color: var(--primary-orange); margin: 24px 0; }
+        .price span { font-size: 24px; color: var(--text-secondary); }
+        .section { padding: 64px 0; }
+        .section-title { text-align: center; font-size: 36px; margin-bottom: 8px; }
+        .features-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 32px; }
+        .feature-card { text-align: center; padding: 24px; background: white; border-radius: var(--radius-lg); box-shadow: 0 2px 8px rgba(0,0,0,0.08); }
+        .feature-icon { font-size: 48px; margin-bottom: 16px; }
+        .content-section { background: var(--bg-gray); }
+        .content-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; margin-top: 32px; }
+        .content-list { background: white; padding: 24px; border-radius: var(--radius-lg); }
+        .content-list li { padding: 12px 0; border-bottom: 1px solid #eee; }
+        .cta { background: var(--primary-gradient); color: white; text-align: center; padding: 64px 0; }
+        .cta-buttons { display: flex; justify-content: center; gap: 16px; margin-top: 24px; }
+        .footer { background: #1A1A1A; color: white; padding: 64px 0 32px; }
+        .footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 32px; }
+        .footer-brand h3 { color: var(--primary-orange); margin-bottom: 8px; }
+        .footer-bottom { text-align: center; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.6; }
+        @media (max-width: 768px) { .features-grid, .content-grid, .footer-grid { grid-template-columns: 1fr; } .product-hero h1 { font-size: 32px; } }
+            /* Mobile Menu */
+        @media (max-width: 1024px) {
+            .nav-cta {
+                display: none;
+            }
+        }
+        
+        @media (max-width: 768px) {
+            .navbar .container {
+                height: 60px;
+                padding: 0 16px;
+            }
+            
+            .logo-img {
+                height: 45px;
+            }
+            
+            .menu-toggle {
+                display: flex;
+            }
+            
+            .nav-menu {
+                position: fixed;
+                top: 60px;
+                left: 0;
+                right: 0;
+                background: white;
+                flex-direction: column;
+                padding: 24px;
+                gap: 16px;
+                box-shadow: 0 4px 20px rgba(0,0,0,0.1);
+                transform: translateY(-100%);
+                opacity: 0;
+                visibility: hidden;
+                transition: all 0.3s ease;
+            }
+            
+            .nav-menu.active {
+                transform: translateY(0);
+                opacity: 1;
+                visibility: visible;
+            }
+            
+            .nav-link {
+                font-size: 16px;
+            }
+        }
+            /* ===== Navigation ===== */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+            transition: var(--transition);
+        }
+        
+        .navbar.scrolled {
+            box-shadow: 0 4px 30px rgba(0,0,0,0.12);
+        }
+        
+        .navbar .container {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            height: 80px;
+            max-width: 1400px;
+            margin: 0 auto;
+            padding: 0 32px;
+        }
+        
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            text-decoration: none;
+            background: transparent;
+            padding: 4px 0;
+        }
+        
+        .logo-img {
+            height: 60px;
+            width: auto;
+            object-fit: contain;
+            transition: var(--transition);
+            background: transparent;
+        }
+        
+        .logo:hover .logo-img {
+            transform: scale(1.05);
+        }
+        
+        .nav-menu {
+            display: flex;
+            gap: var(--spacing-lg);
+            align-items: center;
+        }
+        
+        .nav-link {
+            font-size: 15px;
+            font-weight: 500;
+            color: var(--text-primary);
+            transition: var(--transition);
+            position: relative;
+        }
+        
+        .nav-link:hover {
+            color: var(--primary-orange);
+        }
+        
+        .nav-link::after {
+            content: '';
+            position: absolute;
+            bottom: -4px;
+            left: 0;
+            width: 0;
+            height: 2px;
+            background: var(--primary-orange);
+            transition: var(--transition);
+        }
+        
+        .nav-link:hover::after {
+            width: 100%;
+        }
+        
+        .nav-cta {
+            display: flex;
+            gap: var(--spacing-sm);
+        }
+        
+        .nav-btn {
+            padding: 10px 20px;
+            font-size: 14px;
+        }
+        
+        /* Mobile Menu */
+        .menu-toggle {
+            display: none;
+            flex-direction: column;
+            gap: 5px;
+            cursor: pointer;
+            padding: 5px;
+        }
+        
+        .menu-toggle span {
+            width: 25px;
+            height: 3px;
+            background: var(--primary-orange);
+            border-radius: 2px;
+            transition: var(--transition);
+        }
+        
+        @media (max-width: 1024px) {
+            .nav-cta {
+                display: none;
+            }
+        }
+        
+        @media (max-width: 768px) {
+            .navbar .container {
+                height: 60px;
+                padding: 0 16px;
+            }
+            
+            .logo-img {
+                height: 45px;
+            }
+            
+            .menu-toggle {
+                display: flex;
+            }
+            
+            .nav-menu {
+                position: fixed;
+                top: 60px;
+                left: 0;
+                right: 0;
+                background: white;
+                flex-direction: column;
+                padding: 24px;
+                gap: 16px;
+                box-shadow: 0 4px 20px rgba(0,0,0,0.1);
+                transform: translateY(-100%);
+                opacity: 0;
+                visibility: hidden;
+                transition: all 0.3s ease;
+            }
+            
+            .nav-menu.active {
+                transform: translateY(0);
+                opacity: 1;
+                visibility: visible;
+            }
+            
+            .nav-link {
+                font-size: 16px;
+            }
+        }
+    
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            text-decoration: none;
+            background: transparent;
+            padding: 4px 0;
+        }
+        
+        .logo-img {
+            background: rgba(255,255,255,0.95);
+            height: 60px;
+            width: auto;
+            object-fit: contain;
+            transition: var(--transition);
+        }
+        
+        .logo:hover .logo-img {
+            background: rgba(255,255,255,0.95);
+            transform: scale(1.05);
+        }
+
+        /* ===== Unified Navbar ===== */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            z-index: 1000;
+            padding: 12px 0;
+            transition: all 0.3s ease;
+            background: rgba(255,255,255,0.95);
+            backdrop-filter: blur(20px);
+            -webkit-backdrop-filter: blur(20px);
+        }
+        .navbar.scrolled {
+            padding: 8px 0;
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+        }
+        .navbar .container {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 0 24px;
+        }
+        .logo {
+            display: flex;
+            align-items: center;
+            text-decoration: none;
+        }
+        .logo-img {
+            height: 44px;
+            width: auto;
+            object-fit: contain;
+            transition: all 0.3s ease;
+        }
+        .logo:hover .logo-img {
+            transform: scale(1.03);
+        }
+        .nav-menu {
+            display: flex;
+            gap: 32px;
+            list-style: none;
+            margin: 0;
+            padding: 0;
+        }
+        .nav-link {
+            font-size: 15px;
+            font-weight: 500;
+            color: #1A1A1A;
+            text-decoration: none;
+            position: relative;
+            padding: 6px 0;
+            transition: all 0.3s ease;
+        }
+        .nav-link::after {
+            content: '';
+            position: absolute;
+            bottom: 0;
+            left: 50%;
+            width: 0;
+            height: 2px;
+            background: #FF6A19;
+            transition: all 0.3s ease;
+            transform: translateX(-50%);
+            border-radius: 1px;
+        }
+        .nav-link:hover {
+            color: #FF6A19;
+        }
+        .nav-link:hover::after {
+            width: 100%;
+        }
+        .nav-cta {
+            display: flex;
+            gap: 12px;
+            align-items: center;
+        }
+        .nav-btn {
+            padding: 8px 20px;
+            border-radius: 8px;
+            font-size: 14px;
+            font-weight: 500;
+            cursor: pointer;
+            transition: all 0.3s ease;
+            text-decoration: none;
+            border: none;
+            display: inline-flex;
+            align-items: center;
+        }
+        .btn-outline.nav-btn {
+            border: 1.5px solid #FF6A19;
+            color: #FF6A19;
+            background: transparent;
+        }
+        .btn-outline.nav-btn:hover {
+            background: #FFF5F0;
+        }
+        .btn-primary.nav-btn {
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
+            color: white;
+            box-shadow: 0 2px 8px rgba(255,106,25,0.3);
+        }
+        .btn-primary.nav-btn:hover {
+            transform: translateY(-1px);
+            box-shadow: 0 4px 12px rgba(255,106,25,0.4);
+        }
+        .menu-toggle {
+            display: none;
+            flex-direction: column;
+            gap: 5px;
+            cursor: pointer;
+            padding: 4px;
+            z-index: 1001;
+        }
+        .menu-toggle span {
+            width: 24px;
+            height: 2px;
+            background: #1A1A1A;
+            transition: all 0.3s ease;
+            border-radius: 1px;
+        }
+        @media (max-width: 1024px) {
+            .nav-menu {
+                display: none;
+                position: fixed;
+                top: 0;
+                left: 0;
+                right: 0;
+                bottom: 0;
+                background: rgba(255,255,255,0.98);
+                backdrop-filter: blur(20px);
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                gap: 24px;
+                z-index: 999;
+            }
+            .nav-menu.active {
+                display: flex;
+            }
+            .nav-link {
+                font-size: 18px;
+            }
+            .nav-cta {
+                display: none;
+            }
+            .menu-toggle {
+                display: flex;
+            }
+        }
+
+        /* ===== Unified Footer ===== */
+        .footer {
+            background: #1A1A1A;
+            color: white;
+            padding: 60px 0 30px;
+        }
+        .footer-grid {
+            display: grid;
+            grid-template-columns: 1.5fr 1fr 1fr 1fr;
+            gap: 48px;
+            margin-bottom: 40px;
+        }
+        .footer-brand h3 {
+            font-size: 22px;
+            font-weight: 700;
+            margin-bottom: 8px;
+            background: linear-gradient(135deg, #FF6A19, #FC6E18);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+        .footer-brand p {
+            color: rgba(255,255,255,0.6);
+            font-size: 14px;
+            line-height: 1.6;
+        }
+        .footer-title {
+            font-size: 15px;
+            font-weight: 600;
+            margin-bottom: 16px;
+            color: rgba(255,255,255,0.9);
+        }
+        .footer-links {
+            list-style: none;
+            padding: 0;
+            margin: 0;
+        }
+        .footer-links li {
+            margin-bottom: 10px;
+        }
+        .footer-links a {
+            color: rgba(255,255,255,0.5);
+            text-decoration: none;
+            font-size: 14px;
+            transition: all 0.3s ease;
+        }
+        .footer-links a:hover {
+            color: #FF6A19;
+        }
+        .footer-bottom {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            padding-top: 24px;
+            border-top: 1px solid rgba(255,255,255,0.1);
+            font-size: 13px;
+            color: rgba(255,255,255,0.4);
+        }
+        .footer-icp {
+            color: rgba(255,255,255,0.4);
+        }
+        .footer-icp a {
+            color: rgba(255,255,255,0.4);
+            text-decoration: none;
+        }
+        .footer-icp a:hover {
+            color: #FF6A19;
+        }
+        @media (max-width: 768px) {
+            .footer-grid {
+                grid-template-columns: 1fr 1fr;
+                gap: 32px;
+            }
+            .footer-bottom {
+                flex-direction: column;
+                text-align: center;
+                gap: 8px;
+            }
+        }
+        @media (max-width: 480px) {
+            .footer-grid {
+                grid-template-columns: 1fr;
+            }
+        }
+
+    </style>
+</head>
+<body>
+            <!-- Navigation -->
+        <nav class="navbar" id="navbar">
+        <div class="container">
+            <a href="/index.html" class="logo">
+                <img src="../assets/logo-nav.png" srcset="../assets/logo-nav.png 1x, ../assets/logo-nav-2x.png 2x" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            
+            <div class="menu-toggle" id="menuToggle">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+            
+            <ul class="nav-menu" id="navMenu">
+                <li><a href="/index.html" class="nav-link">首页</a></li>
+                <li><a href="/index.html#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="/index.html#technology" class="nav-link">AI 能力</a></li>
+                <li><a href="/index.html#partnership" class="nav-link">代理合作</a></li>
+                <li><a href="/about.html" class="nav-link">关于我们</a></li>
+            </ul>
+            
+            <div class="nav-cta">
+                <a href="/index.html#products" class="btn btn-outline nav-btn">立即查询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
+            </div>
+        </div>
+    </nav>
+    <section class="product-hero">
+        <div class="container">
+            <span style="display:inline-block;padding:8px 16px;background:rgba(255,106,25,0.1);color:var(--primary-orange);border-radius:20px;margin-bottom:16px">🧹 家庭安全</span>
+            <h1>家政风险报告</h1>
+            <div class="price">¥39.9 <span>/份</span></div>
+            <p style="font-size:18px;color:var(--text-secondary);max-width:700px;margin:0 auto 32px">家政人员背景调查，雇佣更安全，保护您和家人的安全，让家政服务更放心</p>
+            <div class="cta-buttons"><a href="https://www.yuyuecha.com/example?feature=homeservice" target="_blank" class="btn btn-primary">👁️ 查看示例报告</a><a href="https://www.yuyuecha.com/inquire/homeservice" class="btn btn-outline">立即查询</a></div>
+        </div>
+    </section>
+    <section class="section">
+        <div class="container">
+            <h2 class="section-title">产品优势</h2>
+            <div class="features-grid">
+                <div class="feature-card"><div class="feature-icon">🛡️</div><h3>安全保障</h3><p>全面背景筛查，保护家庭安全</p></div>
+                <div class="feature-card"><div class="feature-icon">⚡</div><h3>快速出结果</h3><p>秒级响应，最快 3 秒生成报告</p></div>
+                <div class="feature-card"><div class="feature-icon">🔒</div><h3>隐私保护</h3><p>严格保密查询记录</p></div>
+                <div class="feature-card"><div class="feature-icon">📄</div><h3>PDF 报告</h3><p>专业格式报告，支持永久保存</p></div>
+                <div class="feature-card"><div class="feature-icon">💰</div><h3>价格实惠</h3><p>仅需¥39.9，守护家庭安全</p></div>
+                <div class="feature-card"><div class="feature-icon">🎯</div><h3>精准评估</h3><p>AI 智能分析，准确率 99% 以上</p></div>
+            </div>
+        </div>
+    </section>
+    <section class="section content-section">
+        <div class="container">
+            <h2 class="section-title">报告内容</h2>
+            <div class="content-grid">
+                <div class="content-list"><h3>📊 报告包含</h3><ul><li>身份信息核验</li><li>犯罪记录排查</li><li>信用记录查询</li><li>司法风险筛查</li><li>个人背景分析</li><li>综合风险评估</li></ul></div>
+                <div class="content-list"><h3>✅ 适用场景</h3><ul><li>保姆雇佣前背调</li><li>月嫂背景调查</li><li>育儿嫂资质核实</li><li>钟点工背景筛查</li><li>护工资质验证</li></ul></div>
+            </div>
+        </div>
+    </section>
+    <section class="cta">
+        <div class="container">
+            <h2>保护家人，从背调开始</h2>
+            <p>立即获取家政风险报告，让家政服务更安心</p>
+            <div class="cta-buttons"><a href="https://www.yuyuecha.com/inquire/homeservice" class="btn" style="background:white;color:var(--primary-orange)">🚀 立即查询 - ¥39.9</a><a href="https://www.yuyuecha.com/example?feature=homeservice" target="_blank" class="btn btn-outline" style="border-color:rgba(255,255,255,0.5);color:white">👁️ 查看示例</a></div>
+        </div>
+    </section>
+        <footer class="footer">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <h3>愉悦查</h3>
+                    <p>让信任无处不在，让合作没有距离</p>
+                    <p style="margin-top:16px;font-size:13px;color:rgba(255,255,255,0.5);">北京正信环宇科技有限公司</p>
+                    <p style="font-size:13px;color:rgba(255,255,255,0.5);">AI 驱动的商业信任科技平台</p>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">产品</h4>
+                    <ul class="footer-links">
+                        <li><a href="/product/riskassessment.html">个人大数据报告</a></li>
+                        <li><a href="/product/marriage.html">婚恋风险报告</a></li>
+                        <li><a href="/product/backgroundcheck.html">入职背调报告</a></li>
+                        <li><a href="/product/companyinfo.html">小微企业报告</a></li>
+                        <li><a href="/product/homeservice.html">家政风险报告</a></li>
+                        <li><a href="/product/consumerFinanceReport.html">消金报告</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">公司</h4>
+                    <ul class="footer-links">
+                        <li><a href="/about.html">关于我们</a></li>
+                        <li><a href="/careers.html">加入我们</a></li>
+                        <li><a href="/contact.html">联系我们</a></li>
+                        <li><a href="/news.html">新闻动态</a></li>
+                        <li><a href="/partners.html">合作伙伴</a></li>
+                        <li><a href="/investment.html">招商工具包</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">支持</h4>
+                    <ul class="footer-links">
+                        <li><a href="/help.html">帮助中心</a></li>
+                        <li><a href="/apidemo/">API 文档</a></li>
+                        <li><a href="/all-apis.html">全部接口</a></li>
+                        <li><a href="/privacy.html">隐私政策</a></li>
+                        <li><a href="/terms.html">服务条款</a></li>
+                        <li><a href="/disclaimer.html">免责声明</a></li>
+                    </ul>
+                </div>
+            </div>
+            
+            <div class="footer-bottom">
+                <p>&copy; 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p class="footer-icp"><a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow noopener">京ICP备2025158088号-2</a></p>
+            </div>
+        </div>
+    </footer>
+    <script>
+        // Mobile Menu Toggle
+        const menuToggle = document.getElementById('menuToggle');
+        const navMenu = document.getElementById('navMenu');
+        
+        if (menuToggle && navMenu) {
+            menuToggle.addEventListener('click', () => {
+                navMenu.classList.toggle('active');
+            });
+            
+            // Close menu when clicking on a link
+            navMenu.querySelectorAll('.nav-link').forEach(link => {
+                link.addEventListener('click', () => {
+                    navMenu.classList.remove('active');
+                });
+            });
+        }
+        
+        // Navbar scroll effect
+        const navbar = document.getElementById('navbar');
+        if (navbar) {
+            window.addEventListener('scroll', () => {
+                if (window.scrollY > 50) {
+                    navbar.classList.add('scrolled');
+                } else {
+                    navbar.classList.remove('scrolled');
+                }
+            });
+        }
+    </script>
+    <script>
+        // ===== Navbar Scroll Effect =====
+        window.addEventListener('scroll', () => {
+            const navbar = document.getElementById('navbar');
+            if (navbar && window.scrollY > 50) {
+                navbar.classList.add('scrolled');
+            } else if (navbar) {
+                navbar.classList.remove('scrolled');
+            }
+        });
+
+        // ===== Mobile Menu Toggle =====
+        const menuToggle = document.getElementById('menuToggle');
+        const navMenu = document.getElementById('navMenu');
+        
+        if (menuToggle && navMenu) {
+            menuToggle.addEventListener('click', () => {
+                navMenu.classList.toggle('active');
+            });
+            
+            // Close menu when clicking on a link
+            navMenu.querySelectorAll('.nav-link').forEach(link => {
+                link.addEventListener('click', () => {
+                    navMenu.classList.remove('active');
+                });
+            });
+        }
+    </script>
+</body>
+</html>
diff --git a/product/homeservice.html.bak.logo b/product/homeservice.html.bak.logo
new file mode 100644
index 0000000..7edffce
--- /dev/null
+++ b/product/homeservice.html.bak.logo
@@ -0,0 +1,384 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>家政风险报告 - 愉悦查 | 家政人员背景调查</title>
+    <meta name="description" content="愉悦查家政风险报告，家政人员背调，雇佣更安全，PDF 格式下载，保护您和家人的安全">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    <style>
+        :root { --primary-orange: #FF6A19; --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%); --bg-gray: #F5F7FA; --text-primary: #1A1A1A; --text-secondary: #666666; --spacing-sm: 16px; --spacing-md: 24px; --spacing-lg: 48px; --spacing-xl: 80px; --radius-lg: 16px; }
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body { font-family: 'Noto Sans SC', sans-serif; line-height: 1.6; color: var(--text-primary); }
+        a { text-decoration: none; color: inherit; }
+        ul { list-style: none; }
+        .container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
+        .btn { display: inline-block; padding: 14px 32px; font-size: 16px; border-radius: 8px; border: none; }
+        .btn-primary { background: var(--primary-gradient); color: white; }
+        .btn-outline { border: 2px solid var(--primary-orange); color: var(--primary-orange); background: transparent; }
+        .navbar { position: fixed; top: 0; background: rgba(255,255,255,0.95); backdrop-filter: blur(10px); box-shadow: 0 2px 20px rgba(0,0,0,0.08); z-index: 1000; }
+        .navbar .container { display: flex; justify-content: space-between; align-items: center; height: 80px; }
+        .nav-menu { display: flex; gap: 32px; }
+        .nav-link:hover { color: var(--primary-orange); }
+        .product-hero { padding: 160px 0 80px; background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%); text-align: center; }
+        .product-hero h1 { font-size: 48px; color: var(--primary-orange); margin-bottom: 16px; }
+        .price { font-size: 56px; font-weight: 700; color: var(--primary-orange); margin: 24px 0; }
+        .price span { font-size: 24px; color: var(--text-secondary); }
+        .section { padding: 64px 0; }
+        .section-title { text-align: center; font-size: 36px; margin-bottom: 8px; }
+        .features-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 32px; }
+        .feature-card { text-align: center; padding: 24px; background: white; border-radius: var(--radius-lg); box-shadow: 0 2px 8px rgba(0,0,0,0.08); }
+        .feature-icon { font-size: 48px; margin-bottom: 16px; }
+        .content-section { background: var(--bg-gray); }
+        .content-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; margin-top: 32px; }
+        .content-list { background: white; padding: 24px; border-radius: var(--radius-lg); }
+        .content-list li { padding: 12px 0; border-bottom: 1px solid #eee; }
+        .cta { background: var(--primary-gradient); color: white; text-align: center; padding: 64px 0; }
+        .cta-buttons { display: flex; justify-content: center; gap: 16px; margin-top: 24px; }
+        .footer { background: #1A1A1A; color: white; padding: 64px 0 32px; }
+        .footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 32px; }
+        .footer-brand h3 { color: var(--primary-orange); margin-bottom: 8px; }
+        .footer-bottom { text-align: center; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.6; }
+        @media (max-width: 768px) { .features-grid, .content-grid, .footer-grid { grid-template-columns: 1fr; } .product-hero h1 { font-size: 32px; } }
+            /* Mobile Menu */
+        @media (max-width: 1024px) {
+            .nav-cta {
+                display: none;
+            }
+        }
+        
+        @media (max-width: 768px) {
+            .navbar .container {
+                height: 60px;
+                padding: 0 16px;
+            }
+            
+            .logo-img {
+                height: 45px;
+            }
+            
+            .menu-toggle {
+                display: flex;
+            }
+            
+            .nav-menu {
+                position: fixed;
+                top: 60px;
+                left: 0;
+                right: 0;
+                background: white;
+                flex-direction: column;
+                padding: 24px;
+                gap: 16px;
+                box-shadow: 0 4px 20px rgba(0,0,0,0.1);
+                transform: translateY(-100%);
+                opacity: 0;
+                visibility: hidden;
+                transition: all 0.3s ease;
+            }
+            
+            .nav-menu.active {
+                transform: translateY(0);
+                opacity: 1;
+                visibility: visible;
+            }
+            
+            .nav-link {
+                font-size: 16px;
+            }
+        }
+            /* ===== Navigation ===== */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+            transition: var(--transition);
+        }
+        
+        .navbar.scrolled {
+            box-shadow: 0 4px 30px rgba(0,0,0,0.12);
+        }
+        
+        .navbar .container {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            height: 80px;
+            max-width: 1400px;
+            margin: 0 auto;
+            padding: 0 32px;
+        }
+        
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            text-decoration: none;
+            background: transparent;
+            padding: 4px 0;
+        }
+        
+        .logo-img {
+            height: 60px;
+            width: auto;
+            object-fit: contain;
+            transition: var(--transition);
+            background: transparent;
+        }
+        
+        .logo:hover .logo-img {
+            transform: scale(1.05);
+        }
+        
+        .nav-menu {
+            display: flex;
+            gap: var(--spacing-lg);
+            align-items: center;
+        }
+        
+        .nav-link {
+            font-size: 15px;
+            font-weight: 500;
+            color: var(--text-primary);
+            transition: var(--transition);
+            position: relative;
+        }
+        
+        .nav-link:hover {
+            color: var(--primary-orange);
+        }
+        
+        .nav-link::after {
+            content: '';
+            position: absolute;
+            bottom: -4px;
+            left: 0;
+            width: 0;
+            height: 2px;
+            background: var(--primary-orange);
+            transition: var(--transition);
+        }
+        
+        .nav-link:hover::after {
+            width: 100%;
+        }
+        
+        .nav-cta {
+            display: flex;
+            gap: var(--spacing-sm);
+        }
+        
+        .nav-btn {
+            padding: 10px 20px;
+            font-size: 14px;
+        }
+        
+        /* Mobile Menu */
+        .menu-toggle {
+            display: none;
+            flex-direction: column;
+            gap: 5px;
+            cursor: pointer;
+            padding: 5px;
+        }
+        
+        .menu-toggle span {
+            width: 25px;
+            height: 3px;
+            background: var(--primary-orange);
+            border-radius: 2px;
+            transition: var(--transition);
+        }
+        
+        @media (max-width: 1024px) {
+            .nav-cta {
+                display: none;
+            }
+        }
+        
+        @media (max-width: 768px) {
+            .navbar .container {
+                height: 60px;
+                padding: 0 16px;
+            }
+            
+            .logo-img {
+                height: 45px;
+            }
+            
+            .menu-toggle {
+                display: flex;
+            }
+            
+            .nav-menu {
+                position: fixed;
+                top: 60px;
+                left: 0;
+                right: 0;
+                background: white;
+                flex-direction: column;
+                padding: 24px;
+                gap: 16px;
+                box-shadow: 0 4px 20px rgba(0,0,0,0.1);
+                transform: translateY(-100%);
+                opacity: 0;
+                visibility: hidden;
+                transition: all 0.3s ease;
+            }
+            
+            .nav-menu.active {
+                transform: translateY(0);
+                opacity: 1;
+                visibility: visible;
+            }
+            
+            .nav-link {
+                font-size: 16px;
+            }
+        }
+    </style>
+</head>
+<body>
+            <!-- Navigation -->
+    <nav class="navbar" id="navbar">
+        <div class="container">
+            <a href="#" class="logo">
+                <img src="assets/logo.png" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            
+            <div class="menu-toggle" id="menuToggle">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+            
+            <ul class="nav-menu" id="navMenu">
+                <li><a href="#home" class="nav-link">首页</a></li>
+                <li><a href="#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="#technology" class="nav-link">AI 能力</a></li>
+                <li><a href="#partnership" class="nav-link">代理合作</a></li>
+                <li><a href="#about" class="nav-link">关于我们</a></li>
+            </ul>
+            
+            <div class="nav-cta">
+                <a href="#products" class="btn btn-outline nav-btn">立即查询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
+            </div>
+        </div>
+    </nav>
+    <section class="product-hero">
+        <div class="container">
+            <span style="display:inline-block;padding:8px 16px;background:rgba(255,106,25,0.1);color:var(--primary-orange);border-radius:20px;margin-bottom:16px">🧹 家庭安全</span>
+            <h1>家政风险报告</h1>
+            <div class="price">¥39.9 <span>/份</span></div>
+            <p style="font-size:18px;color:var(--text-secondary);max-width:700px;margin:0 auto 32px">家政人员背景调查，雇佣更安全，保护您和家人的安全，让家政服务更放心</p>
+            <div class="cta-buttons"><a href="https://www.yuyuecha.com/example?feature=homeservice" target="_blank" class="btn btn-primary">👁️ 查看示例报告</a><a href="https://www.yuyuecha.com/inquire/homeservice" class="btn btn-outline">立即查询</a></div>
+        </div>
+    </section>
+    <section class="section">
+        <div class="container">
+            <h2 class="section-title">产品优势</h2>
+            <div class="features-grid">
+                <div class="feature-card"><div class="feature-icon">🛡️</div><h3>安全保障</h3><p>全面背景筛查，保护家庭安全</p></div>
+                <div class="feature-card"><div class="feature-icon">⚡</div><h3>快速出结果</h3><p>秒级响应，最快 3 秒生成报告</p></div>
+                <div class="feature-card"><div class="feature-icon">🔒</div><h3>隐私保护</h3><p>严格保密查询记录</p></div>
+                <div class="feature-card"><div class="feature-icon">📄</div><h3>PDF 报告</h3><p>专业格式报告，支持永久保存</p></div>
+                <div class="feature-card"><div class="feature-icon">💰</div><h3>价格实惠</h3><p>仅需¥39.9，守护家庭安全</p></div>
+                <div class="feature-card"><div class="feature-icon">🎯</div><h3>精准评估</h3><p>AI 智能分析，准确率 99% 以上</p></div>
+            </div>
+        </div>
+    </section>
+    <section class="section content-section">
+        <div class="container">
+            <h2 class="section-title">报告内容</h2>
+            <div class="content-grid">
+                <div class="content-list"><h3>📊 报告包含</h3><ul><li>身份信息核验</li><li>犯罪记录排查</li><li>信用记录查询</li><li>司法风险筛查</li><li>个人背景分析</li><li>综合风险评估</li></ul></div>
+                <div class="content-list"><h3>✅ 适用场景</h3><ul><li>保姆雇佣前背调</li><li>月嫂背景调查</li><li>育儿嫂资质核实</li><li>钟点工背景筛查</li><li>护工资质验证</li></ul></div>
+            </div>
+        </div>
+    </section>
+    <section class="cta">
+        <div class="container">
+            <h2>保护家人，从背调开始</h2>
+            <p>立即获取家政风险报告，让家政服务更安心</p>
+            <div class="cta-buttons"><a href="https://www.yuyuecha.com/inquire/homeservice" class="btn" style="background:white;color:var(--primary-orange)">🚀 立即查询 - ¥39.9</a><a href="https://www.yuyuecha.com/example?feature=homeservice" target="_blank" class="btn btn-outline" style="border-color:rgba(255,255,255,0.5);color:white">👁️ 查看示例</a></div>
+        </div>
+    </section>
+    <footer class="footer">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand"><h3>愉悦查</h3><p>让信任无处不在，让合作没有距离</p></div>
+                <div><h4 class="footer-title">产品</h4><ul class="footer-links"><li><a href="/index.html#products">个人大数据报告</a></li><li><a href="/index.html#products">家政风险报告</a></li><li><a href="/index.html#products">消金报告</a></li></ul></div>
+                <div><h4 class="footer-title">公司</h4><ul class="footer-links"><li><a href="/index.html#about">关于我们</a></li><li><a href="#">联系我们</a></li></ul></div>
+                <div><h4 class="footer-title">支持</h4><ul class="footer-links"><li><a href="#">帮助中心</a></li><li><a href="/apidemo/">API 文档</a></li></ul></div>
+            </div>
+            <div class="footer-bottom"><p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved. 京 ICP 备 2025158088 号 -2</p></div>
+        </div>
+    </footer>
+    <script>
+        // Mobile Menu Toggle
+        const menuToggle = document.getElementById('menuToggle');
+        const navMenu = document.getElementById('navMenu');
+        
+        if (menuToggle && navMenu) {
+            menuToggle.addEventListener('click', () => {
+                navMenu.classList.toggle('active');
+            });
+            
+            // Close menu when clicking on a link
+            navMenu.querySelectorAll('.nav-link').forEach(link => {
+                link.addEventListener('click', () => {
+                    navMenu.classList.remove('active');
+                });
+            });
+        }
+        
+        // Navbar scroll effect
+        const navbar = document.getElementById('navbar');
+        if (navbar) {
+            window.addEventListener('scroll', () => {
+                if (window.scrollY > 50) {
+                    navbar.classList.add('scrolled');
+                } else {
+                    navbar.classList.remove('scrolled');
+                }
+            });
+        }
+    </script>
+    <script>
+        // ===== Navbar Scroll Effect =====
+        window.addEventListener('scroll', () => {
+            const navbar = document.getElementById('navbar');
+            if (navbar && window.scrollY > 50) {
+                navbar.classList.add('scrolled');
+            } else if (navbar) {
+                navbar.classList.remove('scrolled');
+            }
+        });
+
+        // ===== Mobile Menu Toggle =====
+        const menuToggle = document.getElementById('menuToggle');
+        const navMenu = document.getElementById('navMenu');
+        
+        if (menuToggle && navMenu) {
+            menuToggle.addEventListener('click', () => {
+                navMenu.classList.toggle('active');
+            });
+            
+            // Close menu when clicking on a link
+            navMenu.querySelectorAll('.nav-link').forEach(link => {
+                link.addEventListener('click', () => {
+                    navMenu.classList.remove('active');
+                });
+            });
+        }
+    </script>
+</body>
+</html>
diff --git a/product/homeservice.html.bak.logo2 b/product/homeservice.html.bak.logo2
new file mode 100644
index 0000000..ac9b626
--- /dev/null
+++ b/product/homeservice.html.bak.logo2
@@ -0,0 +1,384 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>家政风险报告 - 愉悦查 | 家政人员背景调查</title>
+    <meta name="description" content="愉悦查家政风险报告，家政人员背调，雇佣更安全，PDF 格式下载，保护您和家人的安全">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    <style>
+        :root { --primary-orange: #FF6A19; --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%); --bg-gray: #F5F7FA; --text-primary: #1A1A1A; --text-secondary: #666666; --spacing-sm: 16px; --spacing-md: 24px; --spacing-lg: 48px; --spacing-xl: 80px; --radius-lg: 16px; }
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body { font-family: 'Noto Sans SC', sans-serif; line-height: 1.6; color: var(--text-primary); }
+        a { text-decoration: none; color: inherit; }
+        ul { list-style: none; }
+        .container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
+        .btn { display: inline-block; padding: 14px 32px; font-size: 16px; border-radius: 8px; border: none; }
+        .btn-primary { background: var(--primary-gradient); color: white; }
+        .btn-outline { border: 2px solid var(--primary-orange); color: var(--primary-orange); background: transparent; }
+        .navbar { position: fixed; top: 0; background: rgba(255,255,255,0.95); backdrop-filter: blur(10px); box-shadow: 0 2px 20px rgba(0,0,0,0.08); z-index: 1000; }
+        .navbar .container { display: flex; justify-content: space-between; align-items: center; height: 80px; }
+        .nav-menu { display: flex; gap: 32px; }
+        .nav-link:hover { color: var(--primary-orange); }
+        .product-hero { padding: 160px 0 80px; background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%); text-align: center; }
+        .product-hero h1 { font-size: 48px; color: var(--primary-orange); margin-bottom: 16px; }
+        .price { font-size: 56px; font-weight: 700; color: var(--primary-orange); margin: 24px 0; }
+        .price span { font-size: 24px; color: var(--text-secondary); }
+        .section { padding: 64px 0; }
+        .section-title { text-align: center; font-size: 36px; margin-bottom: 8px; }
+        .features-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 32px; }
+        .feature-card { text-align: center; padding: 24px; background: white; border-radius: var(--radius-lg); box-shadow: 0 2px 8px rgba(0,0,0,0.08); }
+        .feature-icon { font-size: 48px; margin-bottom: 16px; }
+        .content-section { background: var(--bg-gray); }
+        .content-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; margin-top: 32px; }
+        .content-list { background: white; padding: 24px; border-radius: var(--radius-lg); }
+        .content-list li { padding: 12px 0; border-bottom: 1px solid #eee; }
+        .cta { background: var(--primary-gradient); color: white; text-align: center; padding: 64px 0; }
+        .cta-buttons { display: flex; justify-content: center; gap: 16px; margin-top: 24px; }
+        .footer { background: #1A1A1A; color: white; padding: 64px 0 32px; }
+        .footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 32px; }
+        .footer-brand h3 { color: var(--primary-orange); margin-bottom: 8px; }
+        .footer-bottom { text-align: center; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.6; }
+        @media (max-width: 768px) { .features-grid, .content-grid, .footer-grid { grid-template-columns: 1fr; } .product-hero h1 { font-size: 32px; } }
+            /* Mobile Menu */
+        @media (max-width: 1024px) {
+            .nav-cta {
+                display: none;
+            }
+        }
+        
+        @media (max-width: 768px) {
+            .navbar .container {
+                height: 60px;
+                padding: 0 16px;
+            }
+            
+            .logo-img {
+                height: 45px;
+            }
+            
+            .menu-toggle {
+                display: flex;
+            }
+            
+            .nav-menu {
+                position: fixed;
+                top: 60px;
+                left: 0;
+                right: 0;
+                background: white;
+                flex-direction: column;
+                padding: 24px;
+                gap: 16px;
+                box-shadow: 0 4px 20px rgba(0,0,0,0.1);
+                transform: translateY(-100%);
+                opacity: 0;
+                visibility: hidden;
+                transition: all 0.3s ease;
+            }
+            
+            .nav-menu.active {
+                transform: translateY(0);
+                opacity: 1;
+                visibility: visible;
+            }
+            
+            .nav-link {
+                font-size: 16px;
+            }
+        }
+            /* ===== Navigation ===== */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+            transition: var(--transition);
+        }
+        
+        .navbar.scrolled {
+            box-shadow: 0 4px 30px rgba(0,0,0,0.12);
+        }
+        
+        .navbar .container {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            height: 80px;
+            max-width: 1400px;
+            margin: 0 auto;
+            padding: 0 32px;
+        }
+        
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            text-decoration: none;
+            background: transparent;
+            padding: 4px 0;
+        }
+        
+        .logo-img {
+            height: 60px;
+            width: auto;
+            object-fit: contain;
+            transition: var(--transition);
+            background: transparent;
+        }
+        
+        .logo:hover .logo-img {
+            transform: scale(1.05);
+        }
+        
+        .nav-menu {
+            display: flex;
+            gap: var(--spacing-lg);
+            align-items: center;
+        }
+        
+        .nav-link {
+            font-size: 15px;
+            font-weight: 500;
+            color: var(--text-primary);
+            transition: var(--transition);
+            position: relative;
+        }
+        
+        .nav-link:hover {
+            color: var(--primary-orange);
+        }
+        
+        .nav-link::after {
+            content: '';
+            position: absolute;
+            bottom: -4px;
+            left: 0;
+            width: 0;
+            height: 2px;
+            background: var(--primary-orange);
+            transition: var(--transition);
+        }
+        
+        .nav-link:hover::after {
+            width: 100%;
+        }
+        
+        .nav-cta {
+            display: flex;
+            gap: var(--spacing-sm);
+        }
+        
+        .nav-btn {
+            padding: 10px 20px;
+            font-size: 14px;
+        }
+        
+        /* Mobile Menu */
+        .menu-toggle {
+            display: none;
+            flex-direction: column;
+            gap: 5px;
+            cursor: pointer;
+            padding: 5px;
+        }
+        
+        .menu-toggle span {
+            width: 25px;
+            height: 3px;
+            background: var(--primary-orange);
+            border-radius: 2px;
+            transition: var(--transition);
+        }
+        
+        @media (max-width: 1024px) {
+            .nav-cta {
+                display: none;
+            }
+        }
+        
+        @media (max-width: 768px) {
+            .navbar .container {
+                height: 60px;
+                padding: 0 16px;
+            }
+            
+            .logo-img {
+                height: 45px;
+            }
+            
+            .menu-toggle {
+                display: flex;
+            }
+            
+            .nav-menu {
+                position: fixed;
+                top: 60px;
+                left: 0;
+                right: 0;
+                background: white;
+                flex-direction: column;
+                padding: 24px;
+                gap: 16px;
+                box-shadow: 0 4px 20px rgba(0,0,0,0.1);
+                transform: translateY(-100%);
+                opacity: 0;
+                visibility: hidden;
+                transition: all 0.3s ease;
+            }
+            
+            .nav-menu.active {
+                transform: translateY(0);
+                opacity: 1;
+                visibility: visible;
+            }
+            
+            .nav-link {
+                font-size: 16px;
+            }
+        }
+    </style>
+</head>
+<body>
+            <!-- Navigation -->
+    <nav class="navbar" id="navbar">
+        <div class="container">
+            <a href="#" class="logo">
+                <img src="../assets/logo.png" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            
+            <div class="menu-toggle" id="menuToggle">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+            
+            <ul class="nav-menu" id="navMenu">
+                <li><a href="#home" class="nav-link">首页</a></li>
+                <li><a href="#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="#technology" class="nav-link">AI 能力</a></li>
+                <li><a href="#partnership" class="nav-link">代理合作</a></li>
+                <li><a href="#about" class="nav-link">关于我们</a></li>
+            </ul>
+            
+            <div class="nav-cta">
+                <a href="#products" class="btn btn-outline nav-btn">立即查询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
+            </div>
+        </div>
+    </nav>
+    <section class="product-hero">
+        <div class="container">
+            <span style="display:inline-block;padding:8px 16px;background:rgba(255,106,25,0.1);color:var(--primary-orange);border-radius:20px;margin-bottom:16px">🧹 家庭安全</span>
+            <h1>家政风险报告</h1>
+            <div class="price">¥39.9 <span>/份</span></div>
+            <p style="font-size:18px;color:var(--text-secondary);max-width:700px;margin:0 auto 32px">家政人员背景调查，雇佣更安全，保护您和家人的安全，让家政服务更放心</p>
+            <div class="cta-buttons"><a href="https://www.yuyuecha.com/example?feature=homeservice" target="_blank" class="btn btn-primary">👁️ 查看示例报告</a><a href="https://www.yuyuecha.com/inquire/homeservice" class="btn btn-outline">立即查询</a></div>
+        </div>
+    </section>
+    <section class="section">
+        <div class="container">
+            <h2 class="section-title">产品优势</h2>
+            <div class="features-grid">
+                <div class="feature-card"><div class="feature-icon">🛡️</div><h3>安全保障</h3><p>全面背景筛查，保护家庭安全</p></div>
+                <div class="feature-card"><div class="feature-icon">⚡</div><h3>快速出结果</h3><p>秒级响应，最快 3 秒生成报告</p></div>
+                <div class="feature-card"><div class="feature-icon">🔒</div><h3>隐私保护</h3><p>严格保密查询记录</p></div>
+                <div class="feature-card"><div class="feature-icon">📄</div><h3>PDF 报告</h3><p>专业格式报告，支持永久保存</p></div>
+                <div class="feature-card"><div class="feature-icon">💰</div><h3>价格实惠</h3><p>仅需¥39.9，守护家庭安全</p></div>
+                <div class="feature-card"><div class="feature-icon">🎯</div><h3>精准评估</h3><p>AI 智能分析，准确率 99% 以上</p></div>
+            </div>
+        </div>
+    </section>
+    <section class="section content-section">
+        <div class="container">
+            <h2 class="section-title">报告内容</h2>
+            <div class="content-grid">
+                <div class="content-list"><h3>📊 报告包含</h3><ul><li>身份信息核验</li><li>犯罪记录排查</li><li>信用记录查询</li><li>司法风险筛查</li><li>个人背景分析</li><li>综合风险评估</li></ul></div>
+                <div class="content-list"><h3>✅ 适用场景</h3><ul><li>保姆雇佣前背调</li><li>月嫂背景调查</li><li>育儿嫂资质核实</li><li>钟点工背景筛查</li><li>护工资质验证</li></ul></div>
+            </div>
+        </div>
+    </section>
+    <section class="cta">
+        <div class="container">
+            <h2>保护家人，从背调开始</h2>
+            <p>立即获取家政风险报告，让家政服务更安心</p>
+            <div class="cta-buttons"><a href="https://www.yuyuecha.com/inquire/homeservice" class="btn" style="background:white;color:var(--primary-orange)">🚀 立即查询 - ¥39.9</a><a href="https://www.yuyuecha.com/example?feature=homeservice" target="_blank" class="btn btn-outline" style="border-color:rgba(255,255,255,0.5);color:white">👁️ 查看示例</a></div>
+        </div>
+    </section>
+    <footer class="footer">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand"><h3>愉悦查</h3><p>让信任无处不在，让合作没有距离</p></div>
+                <div><h4 class="footer-title">产品</h4><ul class="footer-links"><li><a href="/index.html#products">个人大数据报告</a></li><li><a href="/index.html#products">家政风险报告</a></li><li><a href="/index.html#products">消金报告</a></li></ul></div>
+                <div><h4 class="footer-title">公司</h4><ul class="footer-links"><li><a href="/index.html#about">关于我们</a></li><li><a href="#">联系我们</a></li></ul></div>
+                <div><h4 class="footer-title">支持</h4><ul class="footer-links"><li><a href="#">帮助中心</a></li><li><a href="/apidemo/">API 文档</a></li></ul></div>
+            </div>
+            <div class="footer-bottom"><p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved. 京 ICP 备 2025158088 号 -2</p></div>
+        </div>
+    </footer>
+    <script>
+        // Mobile Menu Toggle
+        const menuToggle = document.getElementById('menuToggle');
+        const navMenu = document.getElementById('navMenu');
+        
+        if (menuToggle && navMenu) {
+            menuToggle.addEventListener('click', () => {
+                navMenu.classList.toggle('active');
+            });
+            
+            // Close menu when clicking on a link
+            navMenu.querySelectorAll('.nav-link').forEach(link => {
+                link.addEventListener('click', () => {
+                    navMenu.classList.remove('active');
+                });
+            });
+        }
+        
+        // Navbar scroll effect
+        const navbar = document.getElementById('navbar');
+        if (navbar) {
+            window.addEventListener('scroll', () => {
+                if (window.scrollY > 50) {
+                    navbar.classList.add('scrolled');
+                } else {
+                    navbar.classList.remove('scrolled');
+                }
+            });
+        }
+    </script>
+    <script>
+        // ===== Navbar Scroll Effect =====
+        window.addEventListener('scroll', () => {
+            const navbar = document.getElementById('navbar');
+            if (navbar && window.scrollY > 50) {
+                navbar.classList.add('scrolled');
+            } else if (navbar) {
+                navbar.classList.remove('scrolled');
+            }
+        });
+
+        // ===== Mobile Menu Toggle =====
+        const menuToggle = document.getElementById('menuToggle');
+        const navMenu = document.getElementById('navMenu');
+        
+        if (menuToggle && navMenu) {
+            menuToggle.addEventListener('click', () => {
+                navMenu.classList.toggle('active');
+            });
+            
+            // Close menu when clicking on a link
+            navMenu.querySelectorAll('.nav-link').forEach(link => {
+                link.addEventListener('click', () => {
+                    navMenu.classList.remove('active');
+                });
+            });
+        }
+    </script>
+</body>
+</html>
diff --git a/product/marriage.html b/product/marriage.html
new file mode 100644
index 0000000..f624142
--- /dev/null
+++ b/product/marriage.html
@@ -0,0 +1,723 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>婚恋风险报告 - 愉悦查 | 婚恋关系风险评估</title>
+    <meta name="description" content="愉悦查婚恋风险报告，3-4 个数据接口组合，婚恋风险评估，隐私保护，PDF 格式下载">
+    <!-- SEO Enhancement -->
+    <link rel="canonical" href="https://www.yuyuecha.com.cn/product/marriage.html">
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="https://www.yuyuecha.com.cn/product/marriage.html">
+    <meta property="og:title" content="婚恋风险报告 - 愉悦查">
+    <meta property="og:description" content="婚姻状态、不良记录 A-F 类查询，婚恋风险评估，隐私保护，PDF 下载。">
+    <meta property="og:image" content="https://www.yuyuecha.com.cn/assets/logo-nav-2x.png">
+    <meta property="og:site_name" content="愉悦查">
+    <meta property="og:locale" content="zh_CN">
+    <meta name="twitter:card" content="summary">
+    <meta name="twitter:title" content="婚恋风险报告 - 愉悦查">
+    <meta name="twitter:description" content="婚姻状态、不良记录 A-F 类查询，婚恋风险评估，隐私保护，PDF 下载。">
+    <meta name="twitter:image" content="https://www.yuyuecha.com.cn/assets/logo-nav-2x.png">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    <style>
+        :root { --primary-orange: #FF6A19; --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%); --bg-light: #FFFFFF; --bg-gray: #F5F7FA; --text-primary: #1A1A1A; --text-secondary: #666666; --success: #07C160; --spacing-xs: 8px; --spacing-sm: 16px; --spacing-md: 24px; --spacing-lg: 48px; --spacing-xl: 80px; --radius-md: 8px; --radius-lg: 16px; --shadow-sm: 0 2px 8px rgba(0,0,0,0.08); --shadow-lg: 0 8px 32px rgba(0,0,0,0.16); --transition: all 0.3s ease; }
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body { font-family: 'Noto Sans SC', sans-serif; font-size: 16px; line-height: 1.6; color: var(--text-primary); }
+        a { text-decoration: none; color: inherit; }
+        ul { list-style: none; }
+        .container { max-width: 1200px; margin: 0 auto; padding: 0 var(--spacing-md); }
+        .btn { display: inline-block; padding: 14px 32px; font-size: 16px; border-radius: var(--radius-md); transition: var(--transition); border: none; }
+        .btn-primary { background: var(--primary-gradient); color: white; }
+        .btn-outline { background: transparent; border: 2px solid var(--primary-orange); color: var(--primary-orange); }
+        .navbar { position: fixed; top: 0; background: rgba(255,255,255,0.95); backdrop-filter: blur(10px); box-shadow: 0 2px 20px rgba(0,0,0,0.08); z-index: 1000; }
+        .navbar .container { display: flex; justify-content: space-between; align-items: center; height: 80px; }
+        .nav-menu { display: flex; gap: var(--spacing-lg); }
+        .nav-link { font-weight: 500; }
+        .nav-link:hover { color: var(--primary-orange); }
+        .product-hero { padding: 160px 0 80px; background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%); text-align: center; }
+        .product-hero h1 { font-size: 48px; color: var(--primary-orange); margin-bottom: var(--spacing-sm); }
+        .price { font-size: 56px; font-weight: 700; color: var(--primary-orange); margin: var(--spacing-md) 0; }
+        .price span { font-size: 24px; color: var(--text-secondary); }
+        .section { padding: var(--spacing-xl) 0; }
+        .section-title { text-align: center; font-size: 36px; margin-bottom: var(--spacing-xs); }
+        .features-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--spacing-md); margin-top: var(--spacing-lg); }
+        .feature-card { text-align: center; padding: var(--spacing-lg); background: white; border-radius: var(--radius-lg); box-shadow: var(--shadow-sm); }
+        .feature-icon { font-size: 48px; margin-bottom: var(--spacing-sm); }
+        .content-section { background: var(--bg-gray); }
+        .content-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--spacing-lg); }
+        .content-list { background: white; padding: var(--spacing-lg); border-radius: var(--radius-lg); }
+        .content-list li { padding: 12px 0; border-bottom: 1px solid #eee; }
+        .cta { background: var(--primary-gradient); color: white; text-align: center; padding: var(--spacing-xl) 0; }
+        .cta-buttons { display: flex; justify-content: center; gap: var(--spacing-sm); margin-top: var(--spacing-lg); }
+        .footer { background: #1A1A1A; color: white; padding: var(--spacing-xl) 0 var(--spacing-lg); }
+        .footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: var(--spacing-lg); }
+        .footer-brand h3 { color: var(--primary-orange); margin-bottom: var(--spacing-sm); }
+        .footer-bottom { text-align: center; padding-top: var(--spacing-lg); border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.6; }
+        @media (max-width: 768px) { .features-grid, .content-grid, .footer-grid { grid-template-columns: 1fr; } .product-hero h1 { font-size: 32px; } }
+            /* Mobile Menu */
+        @media (max-width: 1024px) {
+            .nav-cta {
+                display: none;
+            }
+        }
+        
+        @media (max-width: 768px) {
+            .navbar .container {
+                height: 60px;
+                padding: 0 16px;
+            }
+            
+            .logo-img {
+                height: 45px;
+            }
+            
+            .menu-toggle {
+                display: flex;
+            }
+            
+            .nav-menu {
+                position: fixed;
+                top: 60px;
+                left: 0;
+                right: 0;
+                background: white;
+                flex-direction: column;
+                padding: 24px;
+                gap: 16px;
+                box-shadow: 0 4px 20px rgba(0,0,0,0.1);
+                transform: translateY(-100%);
+                opacity: 0;
+                visibility: hidden;
+                transition: all 0.3s ease;
+            }
+            
+            .nav-menu.active {
+                transform: translateY(0);
+                opacity: 1;
+                visibility: visible;
+            }
+            
+            .nav-link {
+                font-size: 16px;
+            }
+        }
+            /* ===== Navigation ===== */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+            transition: var(--transition);
+        }
+        
+        .navbar.scrolled {
+            box-shadow: 0 4px 30px rgba(0,0,0,0.12);
+        }
+        
+        .navbar .container {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            height: 80px;
+            max-width: 1400px;
+            margin: 0 auto;
+            padding: 0 32px;
+        }
+        
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            text-decoration: none;
+            background: transparent;
+            padding: 4px 0;
+        }
+        
+        .logo-img {
+            height: 60px;
+            width: auto;
+            object-fit: contain;
+            transition: var(--transition);
+            background: transparent;
+        }
+        
+        .logo:hover .logo-img {
+            transform: scale(1.05);
+        }
+        
+        .nav-menu {
+            display: flex;
+            gap: var(--spacing-lg);
+            align-items: center;
+        }
+        
+        .nav-link {
+            font-size: 15px;
+            font-weight: 500;
+            color: var(--text-primary);
+            transition: var(--transition);
+            position: relative;
+        }
+        
+        .nav-link:hover {
+            color: var(--primary-orange);
+        }
+        
+        .nav-link::after {
+            content: '';
+            position: absolute;
+            bottom: -4px;
+            left: 0;
+            width: 0;
+            height: 2px;
+            background: var(--primary-orange);
+            transition: var(--transition);
+        }
+        
+        .nav-link:hover::after {
+            width: 100%;
+        }
+        
+        .nav-cta {
+            display: flex;
+            gap: var(--spacing-sm);
+        }
+        
+        .nav-btn {
+            padding: 10px 20px;
+            font-size: 14px;
+        }
+        
+        /* Mobile Menu */
+        .menu-toggle {
+            display: none;
+            flex-direction: column;
+            gap: 5px;
+            cursor: pointer;
+            padding: 5px;
+        }
+        
+        .menu-toggle span {
+            width: 25px;
+            height: 3px;
+            background: var(--primary-orange);
+            border-radius: 2px;
+            transition: var(--transition);
+        }
+        
+        @media (max-width: 1024px) {
+            .nav-cta {
+                display: none;
+            }
+        }
+        
+        @media (max-width: 768px) {
+            .navbar .container {
+                height: 60px;
+                padding: 0 16px;
+            }
+            
+            .logo-img {
+                height: 45px;
+            }
+            
+            .menu-toggle {
+                display: flex;
+            }
+            
+            .nav-menu {
+                position: fixed;
+                top: 60px;
+                left: 0;
+                right: 0;
+                background: white;
+                flex-direction: column;
+                padding: 24px;
+                gap: 16px;
+                box-shadow: 0 4px 20px rgba(0,0,0,0.1);
+                transform: translateY(-100%);
+                opacity: 0;
+                visibility: hidden;
+                transition: all 0.3s ease;
+            }
+            
+            .nav-menu.active {
+                transform: translateY(0);
+                opacity: 1;
+                visibility: visible;
+            }
+            
+            .nav-link {
+                font-size: 16px;
+            }
+        }
+    
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            text-decoration: none;
+            background: transparent;
+            padding: 4px 0;
+        }
+        
+        .logo-img {
+            background: rgba(255,255,255,0.95);
+            height: 60px;
+            width: auto;
+            object-fit: contain;
+            transition: var(--transition);
+        }
+        
+        .logo:hover .logo-img {
+            background: rgba(255,255,255,0.95);
+            transform: scale(1.05);
+        }
+
+        /* ===== Unified Navbar ===== */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            z-index: 1000;
+            padding: 12px 0;
+            transition: all 0.3s ease;
+            background: rgba(255,255,255,0.95);
+            backdrop-filter: blur(20px);
+            -webkit-backdrop-filter: blur(20px);
+        }
+        .navbar.scrolled {
+            padding: 8px 0;
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+        }
+        .navbar .container {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 0 24px;
+        }
+        .logo {
+            display: flex;
+            align-items: center;
+            text-decoration: none;
+        }
+        .logo-img {
+            height: 44px;
+            width: auto;
+            object-fit: contain;
+            transition: all 0.3s ease;
+        }
+        .logo:hover .logo-img {
+            transform: scale(1.03);
+        }
+        .nav-menu {
+            display: flex;
+            gap: 32px;
+            list-style: none;
+            margin: 0;
+            padding: 0;
+        }
+        .nav-link {
+            font-size: 15px;
+            font-weight: 500;
+            color: #1A1A1A;
+            text-decoration: none;
+            position: relative;
+            padding: 6px 0;
+            transition: all 0.3s ease;
+        }
+        .nav-link::after {
+            content: '';
+            position: absolute;
+            bottom: 0;
+            left: 50%;
+            width: 0;
+            height: 2px;
+            background: #FF6A19;
+            transition: all 0.3s ease;
+            transform: translateX(-50%);
+            border-radius: 1px;
+        }
+        .nav-link:hover {
+            color: #FF6A19;
+        }
+        .nav-link:hover::after {
+            width: 100%;
+        }
+        .nav-cta {
+            display: flex;
+            gap: 12px;
+            align-items: center;
+        }
+        .nav-btn {
+            padding: 8px 20px;
+            border-radius: 8px;
+            font-size: 14px;
+            font-weight: 500;
+            cursor: pointer;
+            transition: all 0.3s ease;
+            text-decoration: none;
+            border: none;
+            display: inline-flex;
+            align-items: center;
+        }
+        .btn-outline.nav-btn {
+            border: 1.5px solid #FF6A19;
+            color: #FF6A19;
+            background: transparent;
+        }
+        .btn-outline.nav-btn:hover {
+            background: #FFF5F0;
+        }
+        .btn-primary.nav-btn {
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
+            color: white;
+            box-shadow: 0 2px 8px rgba(255,106,25,0.3);
+        }
+        .btn-primary.nav-btn:hover {
+            transform: translateY(-1px);
+            box-shadow: 0 4px 12px rgba(255,106,25,0.4);
+        }
+        .menu-toggle {
+            display: none;
+            flex-direction: column;
+            gap: 5px;
+            cursor: pointer;
+            padding: 4px;
+            z-index: 1001;
+        }
+        .menu-toggle span {
+            width: 24px;
+            height: 2px;
+            background: #1A1A1A;
+            transition: all 0.3s ease;
+            border-radius: 1px;
+        }
+        @media (max-width: 1024px) {
+            .nav-menu {
+                display: none;
+                position: fixed;
+                top: 0;
+                left: 0;
+                right: 0;
+                bottom: 0;
+                background: rgba(255,255,255,0.98);
+                backdrop-filter: blur(20px);
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                gap: 24px;
+                z-index: 999;
+            }
+            .nav-menu.active {
+                display: flex;
+            }
+            .nav-link {
+                font-size: 18px;
+            }
+            .nav-cta {
+                display: none;
+            }
+            .menu-toggle {
+                display: flex;
+            }
+        }
+
+        /* ===== Unified Footer ===== */
+        .footer {
+            background: #1A1A1A;
+            color: white;
+            padding: 60px 0 30px;
+        }
+        .footer-grid {
+            display: grid;
+            grid-template-columns: 1.5fr 1fr 1fr 1fr;
+            gap: 48px;
+            margin-bottom: 40px;
+        }
+        .footer-brand h3 {
+            font-size: 22px;
+            font-weight: 700;
+            margin-bottom: 8px;
+            background: linear-gradient(135deg, #FF6A19, #FC6E18);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+        .footer-brand p {
+            color: rgba(255,255,255,0.6);
+            font-size: 14px;
+            line-height: 1.6;
+        }
+        .footer-title {
+            font-size: 15px;
+            font-weight: 600;
+            margin-bottom: 16px;
+            color: rgba(255,255,255,0.9);
+        }
+        .footer-links {
+            list-style: none;
+            padding: 0;
+            margin: 0;
+        }
+        .footer-links li {
+            margin-bottom: 10px;
+        }
+        .footer-links a {
+            color: rgba(255,255,255,0.5);
+            text-decoration: none;
+            font-size: 14px;
+            transition: all 0.3s ease;
+        }
+        .footer-links a:hover {
+            color: #FF6A19;
+        }
+        .footer-bottom {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            padding-top: 24px;
+            border-top: 1px solid rgba(255,255,255,0.1);
+            font-size: 13px;
+            color: rgba(255,255,255,0.4);
+        }
+        .footer-icp {
+            color: rgba(255,255,255,0.4);
+        }
+        .footer-icp a {
+            color: rgba(255,255,255,0.4);
+            text-decoration: none;
+        }
+        .footer-icp a:hover {
+            color: #FF6A19;
+        }
+        @media (max-width: 768px) {
+            .footer-grid {
+                grid-template-columns: 1fr 1fr;
+                gap: 32px;
+            }
+            .footer-bottom {
+                flex-direction: column;
+                text-align: center;
+                gap: 8px;
+            }
+        }
+        @media (max-width: 480px) {
+            .footer-grid {
+                grid-template-columns: 1fr;
+            }
+        }
+
+    </style>
+</head>
+<body>
+            <!-- Navigation -->
+        <nav class="navbar" id="navbar">
+        <div class="container">
+            <a href="/index.html" class="logo">
+                <img src="../assets/logo-nav.png" srcset="../assets/logo-nav.png 1x, ../assets/logo-nav-2x.png 2x" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            
+            <div class="menu-toggle" id="menuToggle">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+            
+            <ul class="nav-menu" id="navMenu">
+                <li><a href="/index.html" class="nav-link">首页</a></li>
+                <li><a href="/index.html#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="/index.html#technology" class="nav-link">AI 能力</a></li>
+                <li><a href="/index.html#partnership" class="nav-link">代理合作</a></li>
+                <li><a href="/about.html" class="nav-link">关于我们</a></li>
+            </ul>
+            
+            <div class="nav-cta">
+                <a href="/index.html#products" class="btn btn-outline nav-btn">立即查询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
+            </div>
+        </div>
+    </nav>
+    <section class="product-hero">
+        <div class="container">
+            <span style="display:inline-block;padding:8px 16px;background:rgba(255,106,25,0.1);color:var(--primary-orange);border-radius:20px;margin-bottom:16px;">💕 隐私保护</span>
+            <h1>婚恋风险报告</h1>
+            <div class="price">¥39.9 <span>/份</span></div>
+            <p style="font-size:18px;color:var(--text-secondary);max-width:700px;margin:0 auto 32px;">婚恋关系风险评估，帮助您了解对方的婚姻状况、信用记录等关键信息，保护您的感情和财产安全</p>
+            <div class="cta-buttons">
+                <a href="https://www.yuyuecha.com/example?feature=marriage" target="_blank" class="btn btn-primary">👁️ 查看示例报告</a>
+                <a href="https://www.yuyuecha.com/inquire/marriage" class="btn btn-outline">立即查询</a>
+            </div>
+        </div>
+    </section>
+    <section class="section">
+        <div class="container">
+            <h2 class="section-title">产品优势</h2>
+            <div class="features-grid">
+                <div class="feature-card"><div class="feature-icon">🔒</div><h3>隐私保护</h3><p>严格保密查询记录，保护双方隐私</p></div>
+                <div class="feature-card"><div class="feature-icon">📡</div><h3>官方数据</h3><p>3-4 个官方数据接口，信息准确可靠</p></div>
+                <div class="feature-card"><div class="feature-icon">⚡</div><h3>快速出结果</h3><p>秒级响应，最快 3 秒生成报告</p></div>
+                <div class="feature-card"><div class="feature-icon">📄</div><h3>PDF 下载</h3><p>专业格式报告，支持永久保存</p></div>
+                <div class="feature-card"><div class="feature-icon">💰</div><h3>性价比高</h3><p>仅需¥39.9，获取全面风险评估</p></div>
+                <div class="feature-card"><div class="feature-icon">🎯</div><h3>精准评估</h3><p>AI 智能分析，准确率 99% 以上</p></div>
+            </div>
+        </div>
+    </section>
+    <section class="section content-section">
+        <div class="container">
+            <h2 class="section-title">报告内容</h2>
+            <div class="content-grid" style="margin-top:32px">
+                <div class="content-list">
+                    <h3>📊 报告包含</h3>
+                    <ul>
+                        <li>婚姻状况核验</li>
+                        <li>信用记录查询</li>
+                        <li>司法风险排查</li>
+                        <li>个人背景分析</li>
+                        <li>综合风险评估</li>
+                    </ul>
+                </div>
+                <div class="content-list">
+                    <h3>✅ 适用场景</h3>
+                    <ul>
+                        <li>恋爱前背景了解</li>
+                        <li>婚前风险评估</li>
+                        <li>相亲对象调查</li>
+                        <li>再婚前背景核实</li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </section>
+    <section class="cta">
+        <div class="container">
+            <h2>保护好自己，从了解开始</h2>
+            <p>立即获取婚恋风险报告，让感情更加安心</p>
+            <div class="cta-buttons">
+                <a href="https://www.yuyuecha.com/inquire/marriage" class="btn" style="background:white;color:var(--primary-orange)">🚀 立即查询 - ¥39.9</a>
+                <a href="https://www.yuyuecha.com/example?feature=marriage" target="_blank" class="btn btn-outline" style="border-color:rgba(255,255,255,0.5);color:white">👁️ 查看示例</a>
+            </div>
+        </div>
+    </section>
+        <footer class="footer">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <h3>愉悦查</h3>
+                    <p>让信任无处不在，让合作没有距离</p>
+                    <p style="margin-top:16px;font-size:13px;color:rgba(255,255,255,0.5);">北京正信环宇科技有限公司</p>
+                    <p style="font-size:13px;color:rgba(255,255,255,0.5);">AI 驱动的商业信任科技平台</p>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">产品</h4>
+                    <ul class="footer-links">
+                        <li><a href="/product/riskassessment.html">个人大数据报告</a></li>
+                        <li><a href="/product/marriage.html">婚恋风险报告</a></li>
+                        <li><a href="/product/backgroundcheck.html">入职背调报告</a></li>
+                        <li><a href="/product/companyinfo.html">小微企业报告</a></li>
+                        <li><a href="/product/homeservice.html">家政风险报告</a></li>
+                        <li><a href="/product/consumerFinanceReport.html">消金报告</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">公司</h4>
+                    <ul class="footer-links">
+                        <li><a href="/about.html">关于我们</a></li>
+                        <li><a href="/careers.html">加入我们</a></li>
+                        <li><a href="/contact.html">联系我们</a></li>
+                        <li><a href="/news.html">新闻动态</a></li>
+                        <li><a href="/partners.html">合作伙伴</a></li>
+                        <li><a href="/investment.html">招商工具包</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">支持</h4>
+                    <ul class="footer-links">
+                        <li><a href="/help.html">帮助中心</a></li>
+                        <li><a href="/apidemo/">API 文档</a></li>
+                        <li><a href="/all-apis.html">全部接口</a></li>
+                        <li><a href="/privacy.html">隐私政策</a></li>
+                        <li><a href="/terms.html">服务条款</a></li>
+                        <li><a href="/disclaimer.html">免责声明</a></li>
+                    </ul>
+                </div>
+            </div>
+            
+            <div class="footer-bottom">
+                <p>&copy; 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p class="footer-icp"><a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow noopener">京ICP备2025158088号-2</a></p>
+            </div>
+        </div>
+    </footer>
+    <script>
+        // Mobile Menu Toggle
+        const menuToggle = document.getElementById('menuToggle');
+        const navMenu = document.getElementById('navMenu');
+        
+        if (menuToggle && navMenu) {
+            menuToggle.addEventListener('click', () => {
+                navMenu.classList.toggle('active');
+            });
+            
+            // Close menu when clicking on a link
+            navMenu.querySelectorAll('.nav-link').forEach(link => {
+                link.addEventListener('click', () => {
+                    navMenu.classList.remove('active');
+                });
+            });
+        }
+        
+        // Navbar scroll effect
+        const navbar = document.getElementById('navbar');
+        if (navbar) {
+            window.addEventListener('scroll', () => {
+                if (window.scrollY > 50) {
+                    navbar.classList.add('scrolled');
+                } else {
+                    navbar.classList.remove('scrolled');
+                }
+            });
+        }
+    </script>
+    <script>
+        // ===== Navbar Scroll Effect =====
+        window.addEventListener('scroll', () => {
+            const navbar = document.getElementById('navbar');
+            if (navbar && window.scrollY > 50) {
+                navbar.classList.add('scrolled');
+            } else if (navbar) {
+                navbar.classList.remove('scrolled');
+            }
+        });
+
+        // ===== Mobile Menu Toggle =====
+        const menuToggle = document.getElementById('menuToggle');
+        const navMenu = document.getElementById('navMenu');
+        
+        if (menuToggle && navMenu) {
+            menuToggle.addEventListener('click', () => {
+                navMenu.classList.toggle('active');
+            });
+            
+            // Close menu when clicking on a link
+            navMenu.querySelectorAll('.nav-link').forEach(link => {
+                link.addEventListener('click', () => {
+                    navMenu.classList.remove('active');
+                });
+            });
+        }
+    </script>
+</body>
+</html>
diff --git a/product/marriage.html.bak.logo b/product/marriage.html.bak.logo
new file mode 100644
index 0000000..8482279
--- /dev/null
+++ b/product/marriage.html.bak.logo
@@ -0,0 +1,408 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>婚恋风险报告 - 愉悦查 | 婚恋关系风险评估</title>
+    <meta name="description" content="愉悦查婚恋风险报告，3-4 个数据接口组合，婚恋风险评估，隐私保护，PDF 格式下载">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    <style>
+        :root { --primary-orange: #FF6A19; --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%); --bg-light: #FFFFFF; --bg-gray: #F5F7FA; --text-primary: #1A1A1A; --text-secondary: #666666; --success: #07C160; --spacing-xs: 8px; --spacing-sm: 16px; --spacing-md: 24px; --spacing-lg: 48px; --spacing-xl: 80px; --radius-md: 8px; --radius-lg: 16px; --shadow-sm: 0 2px 8px rgba(0,0,0,0.08); --shadow-lg: 0 8px 32px rgba(0,0,0,0.16); --transition: all 0.3s ease; }
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body { font-family: 'Noto Sans SC', sans-serif; font-size: 16px; line-height: 1.6; color: var(--text-primary); }
+        a { text-decoration: none; color: inherit; }
+        ul { list-style: none; }
+        .container { max-width: 1200px; margin: 0 auto; padding: 0 var(--spacing-md); }
+        .btn { display: inline-block; padding: 14px 32px; font-size: 16px; border-radius: var(--radius-md); transition: var(--transition); border: none; }
+        .btn-primary { background: var(--primary-gradient); color: white; }
+        .btn-outline { background: transparent; border: 2px solid var(--primary-orange); color: var(--primary-orange); }
+        .navbar { position: fixed; top: 0; background: rgba(255,255,255,0.95); backdrop-filter: blur(10px); box-shadow: 0 2px 20px rgba(0,0,0,0.08); z-index: 1000; }
+        .navbar .container { display: flex; justify-content: space-between; align-items: center; height: 80px; }
+        .nav-menu { display: flex; gap: var(--spacing-lg); }
+        .nav-link { font-weight: 500; }
+        .nav-link:hover { color: var(--primary-orange); }
+        .product-hero { padding: 160px 0 80px; background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%); text-align: center; }
+        .product-hero h1 { font-size: 48px; color: var(--primary-orange); margin-bottom: var(--spacing-sm); }
+        .price { font-size: 56px; font-weight: 700; color: var(--primary-orange); margin: var(--spacing-md) 0; }
+        .price span { font-size: 24px; color: var(--text-secondary); }
+        .section { padding: var(--spacing-xl) 0; }
+        .section-title { text-align: center; font-size: 36px; margin-bottom: var(--spacing-xs); }
+        .features-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--spacing-md); margin-top: var(--spacing-lg); }
+        .feature-card { text-align: center; padding: var(--spacing-lg); background: white; border-radius: var(--radius-lg); box-shadow: var(--shadow-sm); }
+        .feature-icon { font-size: 48px; margin-bottom: var(--spacing-sm); }
+        .content-section { background: var(--bg-gray); }
+        .content-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--spacing-lg); }
+        .content-list { background: white; padding: var(--spacing-lg); border-radius: var(--radius-lg); }
+        .content-list li { padding: 12px 0; border-bottom: 1px solid #eee; }
+        .cta { background: var(--primary-gradient); color: white; text-align: center; padding: var(--spacing-xl) 0; }
+        .cta-buttons { display: flex; justify-content: center; gap: var(--spacing-sm); margin-top: var(--spacing-lg); }
+        .footer { background: #1A1A1A; color: white; padding: var(--spacing-xl) 0 var(--spacing-lg); }
+        .footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: var(--spacing-lg); }
+        .footer-brand h3 { color: var(--primary-orange); margin-bottom: var(--spacing-sm); }
+        .footer-bottom { text-align: center; padding-top: var(--spacing-lg); border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.6; }
+        @media (max-width: 768px) { .features-grid, .content-grid, .footer-grid { grid-template-columns: 1fr; } .product-hero h1 { font-size: 32px; } }
+            /* Mobile Menu */
+        @media (max-width: 1024px) {
+            .nav-cta {
+                display: none;
+            }
+        }
+        
+        @media (max-width: 768px) {
+            .navbar .container {
+                height: 60px;
+                padding: 0 16px;
+            }
+            
+            .logo-img {
+                height: 45px;
+            }
+            
+            .menu-toggle {
+                display: flex;
+            }
+            
+            .nav-menu {
+                position: fixed;
+                top: 60px;
+                left: 0;
+                right: 0;
+                background: white;
+                flex-direction: column;
+                padding: 24px;
+                gap: 16px;
+                box-shadow: 0 4px 20px rgba(0,0,0,0.1);
+                transform: translateY(-100%);
+                opacity: 0;
+                visibility: hidden;
+                transition: all 0.3s ease;
+            }
+            
+            .nav-menu.active {
+                transform: translateY(0);
+                opacity: 1;
+                visibility: visible;
+            }
+            
+            .nav-link {
+                font-size: 16px;
+            }
+        }
+            /* ===== Navigation ===== */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+            transition: var(--transition);
+        }
+        
+        .navbar.scrolled {
+            box-shadow: 0 4px 30px rgba(0,0,0,0.12);
+        }
+        
+        .navbar .container {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            height: 80px;
+            max-width: 1400px;
+            margin: 0 auto;
+            padding: 0 32px;
+        }
+        
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            text-decoration: none;
+            background: transparent;
+            padding: 4px 0;
+        }
+        
+        .logo-img {
+            height: 60px;
+            width: auto;
+            object-fit: contain;
+            transition: var(--transition);
+            background: transparent;
+        }
+        
+        .logo:hover .logo-img {
+            transform: scale(1.05);
+        }
+        
+        .nav-menu {
+            display: flex;
+            gap: var(--spacing-lg);
+            align-items: center;
+        }
+        
+        .nav-link {
+            font-size: 15px;
+            font-weight: 500;
+            color: var(--text-primary);
+            transition: var(--transition);
+            position: relative;
+        }
+        
+        .nav-link:hover {
+            color: var(--primary-orange);
+        }
+        
+        .nav-link::after {
+            content: '';
+            position: absolute;
+            bottom: -4px;
+            left: 0;
+            width: 0;
+            height: 2px;
+            background: var(--primary-orange);
+            transition: var(--transition);
+        }
+        
+        .nav-link:hover::after {
+            width: 100%;
+        }
+        
+        .nav-cta {
+            display: flex;
+            gap: var(--spacing-sm);
+        }
+        
+        .nav-btn {
+            padding: 10px 20px;
+            font-size: 14px;
+        }
+        
+        /* Mobile Menu */
+        .menu-toggle {
+            display: none;
+            flex-direction: column;
+            gap: 5px;
+            cursor: pointer;
+            padding: 5px;
+        }
+        
+        .menu-toggle span {
+            width: 25px;
+            height: 3px;
+            background: var(--primary-orange);
+            border-radius: 2px;
+            transition: var(--transition);
+        }
+        
+        @media (max-width: 1024px) {
+            .nav-cta {
+                display: none;
+            }
+        }
+        
+        @media (max-width: 768px) {
+            .navbar .container {
+                height: 60px;
+                padding: 0 16px;
+            }
+            
+            .logo-img {
+                height: 45px;
+            }
+            
+            .menu-toggle {
+                display: flex;
+            }
+            
+            .nav-menu {
+                position: fixed;
+                top: 60px;
+                left: 0;
+                right: 0;
+                background: white;
+                flex-direction: column;
+                padding: 24px;
+                gap: 16px;
+                box-shadow: 0 4px 20px rgba(0,0,0,0.1);
+                transform: translateY(-100%);
+                opacity: 0;
+                visibility: hidden;
+                transition: all 0.3s ease;
+            }
+            
+            .nav-menu.active {
+                transform: translateY(0);
+                opacity: 1;
+                visibility: visible;
+            }
+            
+            .nav-link {
+                font-size: 16px;
+            }
+        }
+    </style>
+</head>
+<body>
+            <!-- Navigation -->
+    <nav class="navbar" id="navbar">
+        <div class="container">
+            <a href="#" class="logo">
+                <img src="assets/logo.png" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            
+            <div class="menu-toggle" id="menuToggle">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+            
+            <ul class="nav-menu" id="navMenu">
+                <li><a href="#home" class="nav-link">首页</a></li>
+                <li><a href="#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="#technology" class="nav-link">AI 能力</a></li>
+                <li><a href="#partnership" class="nav-link">代理合作</a></li>
+                <li><a href="#about" class="nav-link">关于我们</a></li>
+            </ul>
+            
+            <div class="nav-cta">
+                <a href="#products" class="btn btn-outline nav-btn">立即查询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
+            </div>
+        </div>
+    </nav>
+    <section class="product-hero">
+        <div class="container">
+            <span style="display:inline-block;padding:8px 16px;background:rgba(255,106,25,0.1);color:var(--primary-orange);border-radius:20px;margin-bottom:16px;">💕 隐私保护</span>
+            <h1>婚恋风险报告</h1>
+            <div class="price">¥39.9 <span>/份</span></div>
+            <p style="font-size:18px;color:var(--text-secondary);max-width:700px;margin:0 auto 32px;">婚恋关系风险评估，帮助您了解对方的婚姻状况、信用记录等关键信息，保护您的感情和财产安全</p>
+            <div class="cta-buttons">
+                <a href="https://www.yuyuecha.com/example?feature=marriage" target="_blank" class="btn btn-primary">👁️ 查看示例报告</a>
+                <a href="https://www.yuyuecha.com/inquire/marriage" class="btn btn-outline">立即查询</a>
+            </div>
+        </div>
+    </section>
+    <section class="section">
+        <div class="container">
+            <h2 class="section-title">产品优势</h2>
+            <div class="features-grid">
+                <div class="feature-card"><div class="feature-icon">🔒</div><h3>隐私保护</h3><p>严格保密查询记录，保护双方隐私</p></div>
+                <div class="feature-card"><div class="feature-icon">📡</div><h3>官方数据</h3><p>3-4 个官方数据接口，信息准确可靠</p></div>
+                <div class="feature-card"><div class="feature-icon">⚡</div><h3>快速出结果</h3><p>秒级响应，最快 3 秒生成报告</p></div>
+                <div class="feature-card"><div class="feature-icon">📄</div><h3>PDF 下载</h3><p>专业格式报告，支持永久保存</p></div>
+                <div class="feature-card"><div class="feature-icon">💰</div><h3>性价比高</h3><p>仅需¥39.9，获取全面风险评估</p></div>
+                <div class="feature-card"><div class="feature-icon">🎯</div><h3>精准评估</h3><p>AI 智能分析，准确率 99% 以上</p></div>
+            </div>
+        </div>
+    </section>
+    <section class="section content-section">
+        <div class="container">
+            <h2 class="section-title">报告内容</h2>
+            <div class="content-grid" style="margin-top:32px">
+                <div class="content-list">
+                    <h3>📊 报告包含</h3>
+                    <ul>
+                        <li>婚姻状况核验</li>
+                        <li>信用记录查询</li>
+                        <li>司法风险排查</li>
+                        <li>个人背景分析</li>
+                        <li>综合风险评估</li>
+                    </ul>
+                </div>
+                <div class="content-list">
+                    <h3>✅ 适用场景</h3>
+                    <ul>
+                        <li>恋爱前背景了解</li>
+                        <li>婚前风险评估</li>
+                        <li>相亲对象调查</li>
+                        <li>再婚前背景核实</li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </section>
+    <section class="cta">
+        <div class="container">
+            <h2>保护好自己，从了解开始</h2>
+            <p>立即获取婚恋风险报告，让感情更加安心</p>
+            <div class="cta-buttons">
+                <a href="https://www.yuyuecha.com/inquire/marriage" class="btn" style="background:white;color:var(--primary-orange)">🚀 立即查询 - ¥39.9</a>
+                <a href="https://www.yuyuecha.com/example?feature=marriage" target="_blank" class="btn btn-outline" style="border-color:rgba(255,255,255,0.5);color:white">👁️ 查看示例</a>
+            </div>
+        </div>
+    </section>
+    <footer class="footer">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand"><h3>愉悦查</h3><p>让信任无处不在，让合作没有距离</p></div>
+                <div><h4 class="footer-title">产品</h4><ul class="footer-links"><li><a href="/index.html#products">个人大数据报告</a></li><li><a href="/index.html#products">婚恋风险报告</a></li><li><a href="/index.html#products">入职背调报告</a></li></ul></div>
+                <div><h4 class="footer-title">公司</h4><ul class="footer-links"><li><a href="/index.html#about">关于我们</a></li><li><a href="#">联系我们</a></li></ul></div>
+                <div><h4 class="footer-title">支持</h4><ul class="footer-links"><li><a href="#">帮助中心</a></li><li><a href="/apidemo/">API 文档</a></li></ul></div>
+            </div>
+            <div class="footer-bottom"><p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved. 京 ICP 备 2025158088 号 -2</p></div>
+        </div>
+    </footer>
+    <script>
+        // Mobile Menu Toggle
+        const menuToggle = document.getElementById('menuToggle');
+        const navMenu = document.getElementById('navMenu');
+        
+        if (menuToggle && navMenu) {
+            menuToggle.addEventListener('click', () => {
+                navMenu.classList.toggle('active');
+            });
+            
+            // Close menu when clicking on a link
+            navMenu.querySelectorAll('.nav-link').forEach(link => {
+                link.addEventListener('click', () => {
+                    navMenu.classList.remove('active');
+                });
+            });
+        }
+        
+        // Navbar scroll effect
+        const navbar = document.getElementById('navbar');
+        if (navbar) {
+            window.addEventListener('scroll', () => {
+                if (window.scrollY > 50) {
+                    navbar.classList.add('scrolled');
+                } else {
+                    navbar.classList.remove('scrolled');
+                }
+            });
+        }
+    </script>
+    <script>
+        // ===== Navbar Scroll Effect =====
+        window.addEventListener('scroll', () => {
+            const navbar = document.getElementById('navbar');
+            if (navbar && window.scrollY > 50) {
+                navbar.classList.add('scrolled');
+            } else if (navbar) {
+                navbar.classList.remove('scrolled');
+            }
+        });
+
+        // ===== Mobile Menu Toggle =====
+        const menuToggle = document.getElementById('menuToggle');
+        const navMenu = document.getElementById('navMenu');
+        
+        if (menuToggle && navMenu) {
+            menuToggle.addEventListener('click', () => {
+                navMenu.classList.toggle('active');
+            });
+            
+            // Close menu when clicking on a link
+            navMenu.querySelectorAll('.nav-link').forEach(link => {
+                link.addEventListener('click', () => {
+                    navMenu.classList.remove('active');
+                });
+            });
+        }
+    </script>
+</body>
+</html>
diff --git a/product/marriage.html.bak.logo2 b/product/marriage.html.bak.logo2
new file mode 100644
index 0000000..ab2214c
--- /dev/null
+++ b/product/marriage.html.bak.logo2
@@ -0,0 +1,408 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>婚恋风险报告 - 愉悦查 | 婚恋关系风险评估</title>
+    <meta name="description" content="愉悦查婚恋风险报告，3-4 个数据接口组合，婚恋风险评估，隐私保护，PDF 格式下载">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    <style>
+        :root { --primary-orange: #FF6A19; --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%); --bg-light: #FFFFFF; --bg-gray: #F5F7FA; --text-primary: #1A1A1A; --text-secondary: #666666; --success: #07C160; --spacing-xs: 8px; --spacing-sm: 16px; --spacing-md: 24px; --spacing-lg: 48px; --spacing-xl: 80px; --radius-md: 8px; --radius-lg: 16px; --shadow-sm: 0 2px 8px rgba(0,0,0,0.08); --shadow-lg: 0 8px 32px rgba(0,0,0,0.16); --transition: all 0.3s ease; }
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body { font-family: 'Noto Sans SC', sans-serif; font-size: 16px; line-height: 1.6; color: var(--text-primary); }
+        a { text-decoration: none; color: inherit; }
+        ul { list-style: none; }
+        .container { max-width: 1200px; margin: 0 auto; padding: 0 var(--spacing-md); }
+        .btn { display: inline-block; padding: 14px 32px; font-size: 16px; border-radius: var(--radius-md); transition: var(--transition); border: none; }
+        .btn-primary { background: var(--primary-gradient); color: white; }
+        .btn-outline { background: transparent; border: 2px solid var(--primary-orange); color: var(--primary-orange); }
+        .navbar { position: fixed; top: 0; background: rgba(255,255,255,0.95); backdrop-filter: blur(10px); box-shadow: 0 2px 20px rgba(0,0,0,0.08); z-index: 1000; }
+        .navbar .container { display: flex; justify-content: space-between; align-items: center; height: 80px; }
+        .nav-menu { display: flex; gap: var(--spacing-lg); }
+        .nav-link { font-weight: 500; }
+        .nav-link:hover { color: var(--primary-orange); }
+        .product-hero { padding: 160px 0 80px; background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%); text-align: center; }
+        .product-hero h1 { font-size: 48px; color: var(--primary-orange); margin-bottom: var(--spacing-sm); }
+        .price { font-size: 56px; font-weight: 700; color: var(--primary-orange); margin: var(--spacing-md) 0; }
+        .price span { font-size: 24px; color: var(--text-secondary); }
+        .section { padding: var(--spacing-xl) 0; }
+        .section-title { text-align: center; font-size: 36px; margin-bottom: var(--spacing-xs); }
+        .features-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--spacing-md); margin-top: var(--spacing-lg); }
+        .feature-card { text-align: center; padding: var(--spacing-lg); background: white; border-radius: var(--radius-lg); box-shadow: var(--shadow-sm); }
+        .feature-icon { font-size: 48px; margin-bottom: var(--spacing-sm); }
+        .content-section { background: var(--bg-gray); }
+        .content-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--spacing-lg); }
+        .content-list { background: white; padding: var(--spacing-lg); border-radius: var(--radius-lg); }
+        .content-list li { padding: 12px 0; border-bottom: 1px solid #eee; }
+        .cta { background: var(--primary-gradient); color: white; text-align: center; padding: var(--spacing-xl) 0; }
+        .cta-buttons { display: flex; justify-content: center; gap: var(--spacing-sm); margin-top: var(--spacing-lg); }
+        .footer { background: #1A1A1A; color: white; padding: var(--spacing-xl) 0 var(--spacing-lg); }
+        .footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: var(--spacing-lg); }
+        .footer-brand h3 { color: var(--primary-orange); margin-bottom: var(--spacing-sm); }
+        .footer-bottom { text-align: center; padding-top: var(--spacing-lg); border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.6; }
+        @media (max-width: 768px) { .features-grid, .content-grid, .footer-grid { grid-template-columns: 1fr; } .product-hero h1 { font-size: 32px; } }
+            /* Mobile Menu */
+        @media (max-width: 1024px) {
+            .nav-cta {
+                display: none;
+            }
+        }
+        
+        @media (max-width: 768px) {
+            .navbar .container {
+                height: 60px;
+                padding: 0 16px;
+            }
+            
+            .logo-img {
+                height: 45px;
+            }
+            
+            .menu-toggle {
+                display: flex;
+            }
+            
+            .nav-menu {
+                position: fixed;
+                top: 60px;
+                left: 0;
+                right: 0;
+                background: white;
+                flex-direction: column;
+                padding: 24px;
+                gap: 16px;
+                box-shadow: 0 4px 20px rgba(0,0,0,0.1);
+                transform: translateY(-100%);
+                opacity: 0;
+                visibility: hidden;
+                transition: all 0.3s ease;
+            }
+            
+            .nav-menu.active {
+                transform: translateY(0);
+                opacity: 1;
+                visibility: visible;
+            }
+            
+            .nav-link {
+                font-size: 16px;
+            }
+        }
+            /* ===== Navigation ===== */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+            transition: var(--transition);
+        }
+        
+        .navbar.scrolled {
+            box-shadow: 0 4px 30px rgba(0,0,0,0.12);
+        }
+        
+        .navbar .container {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            height: 80px;
+            max-width: 1400px;
+            margin: 0 auto;
+            padding: 0 32px;
+        }
+        
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            text-decoration: none;
+            background: transparent;
+            padding: 4px 0;
+        }
+        
+        .logo-img {
+            height: 60px;
+            width: auto;
+            object-fit: contain;
+            transition: var(--transition);
+            background: transparent;
+        }
+        
+        .logo:hover .logo-img {
+            transform: scale(1.05);
+        }
+        
+        .nav-menu {
+            display: flex;
+            gap: var(--spacing-lg);
+            align-items: center;
+        }
+        
+        .nav-link {
+            font-size: 15px;
+            font-weight: 500;
+            color: var(--text-primary);
+            transition: var(--transition);
+            position: relative;
+        }
+        
+        .nav-link:hover {
+            color: var(--primary-orange);
+        }
+        
+        .nav-link::after {
+            content: '';
+            position: absolute;
+            bottom: -4px;
+            left: 0;
+            width: 0;
+            height: 2px;
+            background: var(--primary-orange);
+            transition: var(--transition);
+        }
+        
+        .nav-link:hover::after {
+            width: 100%;
+        }
+        
+        .nav-cta {
+            display: flex;
+            gap: var(--spacing-sm);
+        }
+        
+        .nav-btn {
+            padding: 10px 20px;
+            font-size: 14px;
+        }
+        
+        /* Mobile Menu */
+        .menu-toggle {
+            display: none;
+            flex-direction: column;
+            gap: 5px;
+            cursor: pointer;
+            padding: 5px;
+        }
+        
+        .menu-toggle span {
+            width: 25px;
+            height: 3px;
+            background: var(--primary-orange);
+            border-radius: 2px;
+            transition: var(--transition);
+        }
+        
+        @media (max-width: 1024px) {
+            .nav-cta {
+                display: none;
+            }
+        }
+        
+        @media (max-width: 768px) {
+            .navbar .container {
+                height: 60px;
+                padding: 0 16px;
+            }
+            
+            .logo-img {
+                height: 45px;
+            }
+            
+            .menu-toggle {
+                display: flex;
+            }
+            
+            .nav-menu {
+                position: fixed;
+                top: 60px;
+                left: 0;
+                right: 0;
+                background: white;
+                flex-direction: column;
+                padding: 24px;
+                gap: 16px;
+                box-shadow: 0 4px 20px rgba(0,0,0,0.1);
+                transform: translateY(-100%);
+                opacity: 0;
+                visibility: hidden;
+                transition: all 0.3s ease;
+            }
+            
+            .nav-menu.active {
+                transform: translateY(0);
+                opacity: 1;
+                visibility: visible;
+            }
+            
+            .nav-link {
+                font-size: 16px;
+            }
+        }
+    </style>
+</head>
+<body>
+            <!-- Navigation -->
+    <nav class="navbar" id="navbar">
+        <div class="container">
+            <a href="#" class="logo">
+                <img src="../assets/logo.png" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            
+            <div class="menu-toggle" id="menuToggle">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+            
+            <ul class="nav-menu" id="navMenu">
+                <li><a href="#home" class="nav-link">首页</a></li>
+                <li><a href="#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="#technology" class="nav-link">AI 能力</a></li>
+                <li><a href="#partnership" class="nav-link">代理合作</a></li>
+                <li><a href="#about" class="nav-link">关于我们</a></li>
+            </ul>
+            
+            <div class="nav-cta">
+                <a href="#products" class="btn btn-outline nav-btn">立即查询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
+            </div>
+        </div>
+    </nav>
+    <section class="product-hero">
+        <div class="container">
+            <span style="display:inline-block;padding:8px 16px;background:rgba(255,106,25,0.1);color:var(--primary-orange);border-radius:20px;margin-bottom:16px;">💕 隐私保护</span>
+            <h1>婚恋风险报告</h1>
+            <div class="price">¥39.9 <span>/份</span></div>
+            <p style="font-size:18px;color:var(--text-secondary);max-width:700px;margin:0 auto 32px;">婚恋关系风险评估，帮助您了解对方的婚姻状况、信用记录等关键信息，保护您的感情和财产安全</p>
+            <div class="cta-buttons">
+                <a href="https://www.yuyuecha.com/example?feature=marriage" target="_blank" class="btn btn-primary">👁️ 查看示例报告</a>
+                <a href="https://www.yuyuecha.com/inquire/marriage" class="btn btn-outline">立即查询</a>
+            </div>
+        </div>
+    </section>
+    <section class="section">
+        <div class="container">
+            <h2 class="section-title">产品优势</h2>
+            <div class="features-grid">
+                <div class="feature-card"><div class="feature-icon">🔒</div><h3>隐私保护</h3><p>严格保密查询记录，保护双方隐私</p></div>
+                <div class="feature-card"><div class="feature-icon">📡</div><h3>官方数据</h3><p>3-4 个官方数据接口，信息准确可靠</p></div>
+                <div class="feature-card"><div class="feature-icon">⚡</div><h3>快速出结果</h3><p>秒级响应，最快 3 秒生成报告</p></div>
+                <div class="feature-card"><div class="feature-icon">📄</div><h3>PDF 下载</h3><p>专业格式报告，支持永久保存</p></div>
+                <div class="feature-card"><div class="feature-icon">💰</div><h3>性价比高</h3><p>仅需¥39.9，获取全面风险评估</p></div>
+                <div class="feature-card"><div class="feature-icon">🎯</div><h3>精准评估</h3><p>AI 智能分析，准确率 99% 以上</p></div>
+            </div>
+        </div>
+    </section>
+    <section class="section content-section">
+        <div class="container">
+            <h2 class="section-title">报告内容</h2>
+            <div class="content-grid" style="margin-top:32px">
+                <div class="content-list">
+                    <h3>📊 报告包含</h3>
+                    <ul>
+                        <li>婚姻状况核验</li>
+                        <li>信用记录查询</li>
+                        <li>司法风险排查</li>
+                        <li>个人背景分析</li>
+                        <li>综合风险评估</li>
+                    </ul>
+                </div>
+                <div class="content-list">
+                    <h3>✅ 适用场景</h3>
+                    <ul>
+                        <li>恋爱前背景了解</li>
+                        <li>婚前风险评估</li>
+                        <li>相亲对象调查</li>
+                        <li>再婚前背景核实</li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </section>
+    <section class="cta">
+        <div class="container">
+            <h2>保护好自己，从了解开始</h2>
+            <p>立即获取婚恋风险报告，让感情更加安心</p>
+            <div class="cta-buttons">
+                <a href="https://www.yuyuecha.com/inquire/marriage" class="btn" style="background:white;color:var(--primary-orange)">🚀 立即查询 - ¥39.9</a>
+                <a href="https://www.yuyuecha.com/example?feature=marriage" target="_blank" class="btn btn-outline" style="border-color:rgba(255,255,255,0.5);color:white">👁️ 查看示例</a>
+            </div>
+        </div>
+    </section>
+    <footer class="footer">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand"><h3>愉悦查</h3><p>让信任无处不在，让合作没有距离</p></div>
+                <div><h4 class="footer-title">产品</h4><ul class="footer-links"><li><a href="/index.html#products">个人大数据报告</a></li><li><a href="/index.html#products">婚恋风险报告</a></li><li><a href="/index.html#products">入职背调报告</a></li></ul></div>
+                <div><h4 class="footer-title">公司</h4><ul class="footer-links"><li><a href="/index.html#about">关于我们</a></li><li><a href="#">联系我们</a></li></ul></div>
+                <div><h4 class="footer-title">支持</h4><ul class="footer-links"><li><a href="#">帮助中心</a></li><li><a href="/apidemo/">API 文档</a></li></ul></div>
+            </div>
+            <div class="footer-bottom"><p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved. 京 ICP 备 2025158088 号 -2</p></div>
+        </div>
+    </footer>
+    <script>
+        // Mobile Menu Toggle
+        const menuToggle = document.getElementById('menuToggle');
+        const navMenu = document.getElementById('navMenu');
+        
+        if (menuToggle && navMenu) {
+            menuToggle.addEventListener('click', () => {
+                navMenu.classList.toggle('active');
+            });
+            
+            // Close menu when clicking on a link
+            navMenu.querySelectorAll('.nav-link').forEach(link => {
+                link.addEventListener('click', () => {
+                    navMenu.classList.remove('active');
+                });
+            });
+        }
+        
+        // Navbar scroll effect
+        const navbar = document.getElementById('navbar');
+        if (navbar) {
+            window.addEventListener('scroll', () => {
+                if (window.scrollY > 50) {
+                    navbar.classList.add('scrolled');
+                } else {
+                    navbar.classList.remove('scrolled');
+                }
+            });
+        }
+    </script>
+    <script>
+        // ===== Navbar Scroll Effect =====
+        window.addEventListener('scroll', () => {
+            const navbar = document.getElementById('navbar');
+            if (navbar && window.scrollY > 50) {
+                navbar.classList.add('scrolled');
+            } else if (navbar) {
+                navbar.classList.remove('scrolled');
+            }
+        });
+
+        // ===== Mobile Menu Toggle =====
+        const menuToggle = document.getElementById('menuToggle');
+        const navMenu = document.getElementById('navMenu');
+        
+        if (menuToggle && navMenu) {
+            menuToggle.addEventListener('click', () => {
+                navMenu.classList.toggle('active');
+            });
+            
+            // Close menu when clicking on a link
+            navMenu.querySelectorAll('.nav-link').forEach(link => {
+                link.addEventListener('click', () => {
+                    navMenu.classList.remove('active');
+                });
+            });
+        }
+    </script>
+</body>
+</html>
diff --git a/product/riskassessment.html b/product/riskassessment.html
new file mode 100644
index 0000000..f6a56c4
--- /dev/null
+++ b/product/riskassessment.html
@@ -0,0 +1,999 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>个人大数据报告 - 愉悦查 | 全面个人背景分析</title>
+    <meta name="description" content="愉悦查个人大数据报告，3-4 个数据接口组合，全面个人背景分析，秒级生成，PDF 格式下载">
+    <!-- SEO Enhancement -->
+    <link rel="canonical" href="https://www.yuyuecha.com.cn/product/riskassessment.html">
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="https://www.yuyuecha.com.cn/product/riskassessment.html">
+    <meta property="og:title" content="个人大数据报告 - 愉悦查">
+    <meta property="og:description" content="手机在网时长、携号转网等信息查询，全面个人背景分析，秒级生成，PDF 下载。">
+    <meta property="og:image" content="https://www.yuyuecha.com.cn/assets/logo-nav-2x.png">
+    <meta property="og:site_name" content="愉悦查">
+    <meta property="og:locale" content="zh_CN">
+    <meta name="twitter:card" content="summary">
+    <meta name="twitter:title" content="个人大数据报告 - 愉悦查">
+    <meta name="twitter:description" content="手机在网时长、携号转网等信息查询，全面个人背景分析，秒级生成，PDF 下载。">
+    <meta name="twitter:image" content="https://www.yuyuecha.com.cn/assets/logo-nav-2x.png">
+    
+    <!-- 预加载字体 -->
+    <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=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    
+    <style>
+        :root {
+            --primary-orange: #FF6A19;
+            --primary-orange-light: #FC6E18;
+            --primary-orange-dark: #E64E10;
+            --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
+            --bg-light: #FFFFFF;
+            --bg-gray: #F5F7FA;
+            --text-primary: #1A1A1A;
+            --text-secondary: #666666;
+            --text-light: #999999;
+            --success: #07C160;
+            --spacing-xs: 8px;
+            --spacing-sm: 16px;
+            --spacing-md: 24px;
+            --spacing-lg: 48px;
+            --spacing-xl: 80px;
+            --radius-sm: 4px;
+            --radius-md: 8px;
+            --radius-lg: 16px;
+            --shadow-sm: 0 2px 8px rgba(0,0,0,0.08);
+            --shadow-md: 0 4px 16px rgba(0,0,0,0.12);
+            --shadow-lg: 0 8px 32px rgba(0,0,0,0.16);
+            --transition: all 0.3s ease;
+        }
+        
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        html { scroll-behavior: smooth; }
+        body {
+            font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+            font-size: 16px;
+            line-height: 1.6;
+            color: var(--text-primary);
+            background-color: var(--bg-light);
+        }
+        a { text-decoration: none; color: inherit; }
+        ul { list-style: none; }
+        img { max-width: 100%; height: auto; }
+        .container { max-width: 1200px; margin: 0 auto; padding: 0 var(--spacing-md); }
+        
+        .btn {
+            display: inline-block;
+            padding: 14px 32px;
+            font-size: 16px;
+            font-weight: 500;
+            border-radius: var(--radius-md);
+            cursor: pointer;
+            transition: var(--transition);
+            border: none;
+            text-align: center;
+        }
+        .btn-primary {
+            background: var(--primary-gradient);
+            color: white;
+            box-shadow: 0 4px 12px rgba(255, 106, 25, 0.3);
+        }
+        .btn-primary:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 6px 20px rgba(255, 106, 25, 0.4);
+        }
+        .btn-outline {
+            background: transparent;
+            border: 2px solid var(--primary-orange);
+            color: var(--primary-orange);
+        }
+        .btn-outline:hover {
+            background: var(--primary-gradient);
+            color: white;
+            transform: translateY(-2px);
+        }
+        
+        /* Hero Section */
+        .product-hero {
+            padding: 160px 0 80px;
+            background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 50%, #F5F7FA 100%);
+            text-align: center;
+        }
+        .product-hero-badge {
+            display: inline-block;
+            padding: 8px 16px;
+            background: linear-gradient(135deg, rgba(255, 106, 25, 0.1), rgba(252, 110, 24, 0.15));
+            color: var(--primary-orange);
+            font-size: 14px;
+            font-weight: 600;
+            border-radius: 20px;
+            margin-bottom: var(--spacing-md);
+        }
+        .product-hero h1 {
+            font-size: 48px;
+            font-weight: 900;
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 50%, #FF8A5C 100%);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            margin-bottom: var(--spacing-sm);
+        }
+        .product-hero .price {
+            font-size: 56px;
+            font-weight: 700;
+            color: var(--primary-orange);
+            margin: var(--spacing-md) 0;
+        }
+        .product-hero .price span {
+            font-size: 24px;
+            font-weight: 400;
+            color: var(--text-secondary);
+        }
+        .product-hero p {
+            font-size: 18px;
+            color: var(--text-secondary);
+            max-width: 700px;
+            margin: 0 auto var(--spacing-lg);
+        }
+        
+        /* Features Section */
+        .section { padding: var(--spacing-xl) 0; }
+        .section-title {
+            text-align: center;
+            font-size: 36px;
+            font-weight: 700;
+            margin-bottom: var(--spacing-xs);
+        }
+        .section-subtitle {
+            text-align: center;
+            font-size: 18px;
+            color: var(--text-secondary);
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        .features-grid {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: var(--spacing-md);
+        }
+        .feature-card {
+            text-align: center;
+            padding: var(--spacing-lg) var(--spacing-md);
+            border-radius: var(--radius-lg);
+            background: white;
+            box-shadow: var(--shadow-sm);
+            transition: var(--transition);
+        }
+        .feature-card:hover {
+            transform: translateY(-8px);
+            box-shadow: var(--shadow-lg);
+        }
+        .feature-icon {
+            width: 64px;
+            height: 64px;
+            margin: 0 auto var(--spacing-sm);
+            background: var(--primary-gradient);
+            border-radius: var(--radius-md);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 28px;
+        }
+        .feature-title { font-size: 18px; font-weight: 600; margin-bottom: var(--spacing-xs); }
+        .feature-desc { font-size: 14px; color: var(--text-secondary); }
+        
+        /* Content Section */
+        .content-section {
+            background: var(--bg-gray);
+        }
+        .content-grid {
+            display: grid;
+            grid-template-columns: 1fr 1fr;
+            gap: var(--spacing-lg);
+            align-items: center;
+        }
+        .content-list {
+            background: white;
+            padding: var(--spacing-lg);
+            border-radius: var(--radius-lg);
+            box-shadow: var(--shadow-md);
+        }
+        .content-list h3 {
+            font-size: 24px;
+            margin-bottom: var(--spacing-sm);
+        }
+        .content-list ul {
+            margin: var(--spacing-sm) 0;
+        }
+        .content-list li {
+            font-size: 16px;
+            color: var(--text-secondary);
+            padding: 12px 0;
+            display: flex;
+            align-items: center;
+            gap: 12px;
+            border-bottom: 1px solid #eee;
+        }
+        .content-list li:last-child { border-bottom: none; }
+        .content-list li::before {
+            content: '✓';
+            color: var(--success);
+            font-weight: 700;
+            font-size: 18px;
+        }
+        
+        /* CTA Section */
+        .cta {
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 50%, #FF8A5C 100%);
+            color: white;
+            text-align: center;
+            padding: var(--spacing-xl) 0;
+        }
+        .cta h2 { font-size: 36px; margin-bottom: var(--spacing-sm); }
+        .cta p { font-size: 18px; opacity: 0.95; margin-bottom: var(--spacing-lg); }
+        .cta-buttons { display: flex; justify-content: center; gap: var(--spacing-sm); }
+        .cta .btn { background: white; color: var(--primary-orange); }
+        
+        /* Footer */
+        .footer {
+            background: #1A1A1A;
+            color: white;
+            padding: var(--spacing-xl) 0 var(--spacing-lg);
+        }
+        .footer-grid {
+            display: grid;
+            grid-template-columns: 2fr repeat(3, 1fr);
+            gap: var(--spacing-lg);
+            margin-bottom: var(--spacing-lg);
+        }
+        .footer-brand h3 { font-size: 24px; margin-bottom: var(--spacing-sm); color: var(--primary-orange); }
+        .footer-brand p { font-size: 14px; opacity: 0.8; }
+        .footer-title { font-size: 16px; font-weight: 600; margin-bottom: var(--spacing-sm); }
+        .footer-links li { margin-bottom: var(--spacing-xs); }
+        .footer-links a { font-size: 14px; opacity: 0.8; }
+        .footer-links a:hover { opacity: 1; color: var(--primary-orange); }
+        .footer-bottom {
+            padding-top: var(--spacing-lg);
+            border-top: 1px solid rgba(255,255,255,0.1);
+            text-align: center;
+            font-size: 14px;
+            opacity: 0.6;
+        }
+        
+        /* Responsive */
+        @media (max-width: 1024px) {
+            .features-grid { grid-template-columns: repeat(2, 1fr); }
+            .content-grid { grid-template-columns: 1fr; }
+            .footer-grid { grid-template-columns: repeat(2, 1fr); }
+        }
+        @media (max-width: 768px) {
+            .navbar .container { height: 60px; padding: 0 12px; }
+            .logo-img { height: 40px; }
+            .nav-menu { display: none; }
+            .product-hero { padding: 100px 0 40px; }
+            .product-hero h1 { font-size: 32px; }
+            .product-hero .price { font-size: 40px; }
+            .features-grid { grid-template-columns: 1fr; }
+            .cta-buttons { flex-direction: column; }
+            .footer { padding: var(--spacing-lg) 0; }
+            .footer-grid { grid-template-columns: 1fr; }
+        }
+            /* Mobile Menu */
+        @media (max-width: 1024px) {
+            .nav-cta {
+                display: none;
+            }
+        }
+        
+        @media (max-width: 768px) {
+            .navbar .container {
+                height: 60px;
+                padding: 0 16px;
+            }
+            
+            .logo-img {
+                height: 45px;
+            }
+            
+            .menu-toggle {
+                display: flex;
+            }
+            
+            .nav-menu {
+                position: fixed;
+                top: 60px;
+                left: 0;
+                right: 0;
+                background: white;
+                flex-direction: column;
+                padding: 24px;
+                gap: 16px;
+                box-shadow: 0 4px 20px rgba(0,0,0,0.1);
+                transform: translateY(-100%);
+                opacity: 0;
+                visibility: hidden;
+                transition: all 0.3s ease;
+            }
+            
+            .nav-menu.active {
+                transform: translateY(0);
+                opacity: 1;
+                visibility: visible;
+            }
+            
+            .nav-link {
+                font-size: 16px;
+            }
+        }
+            /* ===== Navigation ===== */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+            transition: var(--transition);
+        }
+        
+        .navbar.scrolled {
+            box-shadow: 0 4px 30px rgba(0,0,0,0.12);
+        }
+        
+        .navbar .container {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            height: 80px;
+            max-width: 1400px;
+            margin: 0 auto;
+            padding: 0 32px;
+        }
+        
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            text-decoration: none;
+            background: transparent;
+            padding: 4px 0;
+        }
+        
+        .logo-img {
+            height: 60px;
+            width: auto;
+            object-fit: contain;
+            transition: var(--transition);
+            background: transparent;
+        }
+        
+        .logo:hover .logo-img {
+            transform: scale(1.05);
+        }
+        
+        .nav-menu {
+            display: flex;
+            gap: var(--spacing-lg);
+            align-items: center;
+        }
+        
+        .nav-link {
+            font-size: 15px;
+            font-weight: 500;
+            color: var(--text-primary);
+            transition: var(--transition);
+            position: relative;
+        }
+        
+        .nav-link:hover {
+            color: var(--primary-orange);
+        }
+        
+        .nav-link::after {
+            content: '';
+            position: absolute;
+            bottom: -4px;
+            left: 0;
+            width: 0;
+            height: 2px;
+            background: var(--primary-orange);
+            transition: var(--transition);
+        }
+        
+        .nav-link:hover::after {
+            width: 100%;
+        }
+        
+        .nav-cta {
+            display: flex;
+            gap: var(--spacing-sm);
+        }
+        
+        .nav-btn {
+            padding: 10px 20px;
+            font-size: 14px;
+        }
+        
+        /* Mobile Menu */
+        .menu-toggle {
+            display: none;
+            flex-direction: column;
+            gap: 5px;
+            cursor: pointer;
+            padding: 5px;
+        }
+        
+        .menu-toggle span {
+            width: 25px;
+            height: 3px;
+            background: var(--primary-orange);
+            border-radius: 2px;
+            transition: var(--transition);
+        }
+        
+        @media (max-width: 1024px) {
+            .nav-cta {
+                display: none;
+            }
+        }
+        
+        @media (max-width: 768px) {
+            .navbar .container {
+                height: 60px;
+                padding: 0 16px;
+            }
+            
+            .logo-img {
+                height: 45px;
+            }
+            
+            .menu-toggle {
+                display: flex;
+            }
+            
+            .nav-menu {
+                position: fixed;
+                top: 60px;
+                left: 0;
+                right: 0;
+                background: white;
+                flex-direction: column;
+                padding: 24px;
+                gap: 16px;
+                box-shadow: 0 4px 20px rgba(0,0,0,0.1);
+                transform: translateY(-100%);
+                opacity: 0;
+                visibility: hidden;
+                transition: all 0.3s ease;
+            }
+            
+            .nav-menu.active {
+                transform: translateY(0);
+                opacity: 1;
+                visibility: visible;
+            }
+            
+            .nav-link {
+                font-size: 16px;
+            }
+        }
+    
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            text-decoration: none;
+            background: transparent;
+            padding: 4px 0;
+        }
+        
+        .logo-img {
+            background: rgba(255,255,255,0.95);
+            height: 60px;
+            width: auto;
+            object-fit: contain;
+            transition: var(--transition);
+        }
+        
+        .logo:hover .logo-img {
+            background: rgba(255,255,255,0.95);
+            transform: scale(1.05);
+        }
+
+        /* ===== Unified Navbar ===== */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            z-index: 1000;
+            padding: 12px 0;
+            transition: all 0.3s ease;
+            background: rgba(255,255,255,0.95);
+            backdrop-filter: blur(20px);
+            -webkit-backdrop-filter: blur(20px);
+        }
+        .navbar.scrolled {
+            padding: 8px 0;
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+        }
+        .navbar .container {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 0 24px;
+        }
+        .logo {
+            display: flex;
+            align-items: center;
+            text-decoration: none;
+        }
+        .logo-img {
+            height: 44px;
+            width: auto;
+            object-fit: contain;
+            transition: all 0.3s ease;
+        }
+        .logo:hover .logo-img {
+            transform: scale(1.03);
+        }
+        .nav-menu {
+            display: flex;
+            gap: 32px;
+            list-style: none;
+            margin: 0;
+            padding: 0;
+        }
+        .nav-link {
+            font-size: 15px;
+            font-weight: 500;
+            color: #1A1A1A;
+            text-decoration: none;
+            position: relative;
+            padding: 6px 0;
+            transition: all 0.3s ease;
+        }
+        .nav-link::after {
+            content: '';
+            position: absolute;
+            bottom: 0;
+            left: 50%;
+            width: 0;
+            height: 2px;
+            background: #FF6A19;
+            transition: all 0.3s ease;
+            transform: translateX(-50%);
+            border-radius: 1px;
+        }
+        .nav-link:hover {
+            color: #FF6A19;
+        }
+        .nav-link:hover::after {
+            width: 100%;
+        }
+        .nav-cta {
+            display: flex;
+            gap: 12px;
+            align-items: center;
+        }
+        .nav-btn {
+            padding: 8px 20px;
+            border-radius: 8px;
+            font-size: 14px;
+            font-weight: 500;
+            cursor: pointer;
+            transition: all 0.3s ease;
+            text-decoration: none;
+            border: none;
+            display: inline-flex;
+            align-items: center;
+        }
+        .btn-outline.nav-btn {
+            border: 1.5px solid #FF6A19;
+            color: #FF6A19;
+            background: transparent;
+        }
+        .btn-outline.nav-btn:hover {
+            background: #FFF5F0;
+        }
+        .btn-primary.nav-btn {
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
+            color: white;
+            box-shadow: 0 2px 8px rgba(255,106,25,0.3);
+        }
+        .btn-primary.nav-btn:hover {
+            transform: translateY(-1px);
+            box-shadow: 0 4px 12px rgba(255,106,25,0.4);
+        }
+        .menu-toggle {
+            display: none;
+            flex-direction: column;
+            gap: 5px;
+            cursor: pointer;
+            padding: 4px;
+            z-index: 1001;
+        }
+        .menu-toggle span {
+            width: 24px;
+            height: 2px;
+            background: #1A1A1A;
+            transition: all 0.3s ease;
+            border-radius: 1px;
+        }
+        @media (max-width: 1024px) {
+            .nav-menu {
+                display: none;
+                position: fixed;
+                top: 0;
+                left: 0;
+                right: 0;
+                bottom: 0;
+                background: rgba(255,255,255,0.98);
+                backdrop-filter: blur(20px);
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                gap: 24px;
+                z-index: 999;
+            }
+            .nav-menu.active {
+                display: flex;
+            }
+            .nav-link {
+                font-size: 18px;
+            }
+            .nav-cta {
+                display: none;
+            }
+            .menu-toggle {
+                display: flex;
+            }
+        }
+
+        /* ===== Unified Footer ===== */
+        .footer {
+            background: #1A1A1A;
+            color: white;
+            padding: 60px 0 30px;
+        }
+        .footer-grid {
+            display: grid;
+            grid-template-columns: 1.5fr 1fr 1fr 1fr;
+            gap: 48px;
+            margin-bottom: 40px;
+        }
+        .footer-brand h3 {
+            font-size: 22px;
+            font-weight: 700;
+            margin-bottom: 8px;
+            background: linear-gradient(135deg, #FF6A19, #FC6E18);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+        .footer-brand p {
+            color: rgba(255,255,255,0.6);
+            font-size: 14px;
+            line-height: 1.6;
+        }
+        .footer-title {
+            font-size: 15px;
+            font-weight: 600;
+            margin-bottom: 16px;
+            color: rgba(255,255,255,0.9);
+        }
+        .footer-links {
+            list-style: none;
+            padding: 0;
+            margin: 0;
+        }
+        .footer-links li {
+            margin-bottom: 10px;
+        }
+        .footer-links a {
+            color: rgba(255,255,255,0.5);
+            text-decoration: none;
+            font-size: 14px;
+            transition: all 0.3s ease;
+        }
+        .footer-links a:hover {
+            color: #FF6A19;
+        }
+        .footer-bottom {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            padding-top: 24px;
+            border-top: 1px solid rgba(255,255,255,0.1);
+            font-size: 13px;
+            color: rgba(255,255,255,0.4);
+        }
+        .footer-icp {
+            color: rgba(255,255,255,0.4);
+        }
+        .footer-icp a {
+            color: rgba(255,255,255,0.4);
+            text-decoration: none;
+        }
+        .footer-icp a:hover {
+            color: #FF6A19;
+        }
+        @media (max-width: 768px) {
+            .footer-grid {
+                grid-template-columns: 1fr 1fr;
+                gap: 32px;
+            }
+            .footer-bottom {
+                flex-direction: column;
+                text-align: center;
+                gap: 8px;
+            }
+        }
+        @media (max-width: 480px) {
+            .footer-grid {
+                grid-template-columns: 1fr;
+            }
+        }
+
+    </style>
+</head>
+<body>
+        <!-- Navigation -->
+        <nav class="navbar" id="navbar">
+        <div class="container">
+            <a href="/index.html" class="logo">
+                <img src="../assets/logo-nav.png" srcset="../assets/logo-nav.png 1x, ../assets/logo-nav-2x.png 2x" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            
+            <div class="menu-toggle" id="menuToggle">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+            
+            <ul class="nav-menu" id="navMenu">
+                <li><a href="/index.html" class="nav-link">首页</a></li>
+                <li><a href="/index.html#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="/index.html#technology" class="nav-link">AI 能力</a></li>
+                <li><a href="/index.html#partnership" class="nav-link">代理合作</a></li>
+                <li><a href="/about.html" class="nav-link">关于我们</a></li>
+            </ul>
+            
+            <div class="nav-cta">
+                <a href="/index.html#products" class="btn btn-outline nav-btn">立即查询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
+            </div>
+        </div>
+    </nav>
+
+    <!-- Product Hero -->
+    <section class="product-hero">
+        <div class="container">
+            <span class="product-hero-badge">🔥 热销产品</span>
+            <h1>个人大数据报告</h1>
+            <div class="price">¥49.8 <span>/份</span></div>
+            <p>全面个人背景分析，包含身份信息、社交网络、行为特征等多维度数据评估，助您快速了解个人综合情况</p>
+            <div class="cta-buttons">
+                <a href="https://www.yuyuecha.com/example?feature=riskassessment" target="_blank" class="btn btn-primary">👁️ 查看示例报告</a>
+                <a href="https://www.yuyuecha.com/inquire/riskassessment" class="btn btn-outline">立即查询</a>
+            </div>
+        </div>
+    </section>
+
+    <!-- Features Section -->
+    <section class="section">
+        <div class="container">
+            <h2 class="section-title">产品优势</h2>
+            <p class="section-subtitle">为什么选择我们的个人大数据报告</p>
+            
+            <div class="features-grid">
+                <div class="feature-card">
+                    <div class="feature-icon">📡</div>
+                    <h3 class="feature-title">海量数据</h3>
+                    <p class="feature-desc">3-4 个官方数据接口组合，覆盖多维度信息</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">⚡</div>
+                    <h3 class="feature-title">秒级响应</h3>
+                    <p class="feature-desc">智能分析引擎，最快 3 秒生成报告</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">📄</div>
+                    <h3 class="feature-title">PDF 下载</h3>
+                    <p class="feature-desc">专业格式报告，支持永久保存和打印</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">🔒</div>
+                    <h3 class="feature-title">安全合规</h3>
+                    <p class="feature-desc">等保三级认证，数据加密传输</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">🎯</div>
+                    <h3 class="feature-title">精准分析</h3>
+                    <p class="feature-desc">AI 智能分析，准确率 99% 以上</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">💰</div>
+                    <h3 class="feature-title">性价比高</h3>
+                    <p class="feature-desc">仅需¥49.8，获取全面个人背景分析</p>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Content Section -->
+    <section class="section content-section">
+        <div class="container">
+            <h2 class="section-title">报告内容</h2>
+            <p class="section-subtitle">一份报告，全面了解</p>
+            
+            <div class="content-grid">
+                <div class="content-list">
+                    <h3>📊 报告包含</h3>
+                    <ul>
+                        <li>个人身份信息核验</li>
+                        <li>社交网络行为分析</li>
+                        <li>消费行为特征评估</li>
+                        <li>信用风险评估</li>
+                        <li>多维度综合评分</li>
+                        <li>PDF 格式完整报告</li>
+                    </ul>
+                </div>
+                <div class="content-list">
+                    <h3>✅ 适用场景</h3>
+                    <ul>
+                        <li>个人背景了解</li>
+                        <li>交友前风险评估</li>
+                        <li>合作伙伴信用调查</li>
+                        <li>个人信用自查</li>
+                        <li>其他需要了解个人情况的场景</li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- CTA Section -->
+    <section class="cta">
+        <div class="container">
+            <h2>准备好开始查询了吗？</h2>
+            <p>立即获取个人大数据报告，全面了解个人背景信息</p>
+            <div class="cta-buttons">
+                <a href="https://www.yuyuecha.com/inquire/riskassessment" class="btn">🚀 立即查询 - ¥49.8</a>
+                <a href="https://www.yuyuecha.com/example?feature=riskassessment" target="_blank" class="btn btn-outline" style="border-color:rgba(255,255,255,0.5);color:white;">👁️ 查看示例</a>
+            </div>
+        </div>
+    </section>
+
+    <!-- Footer -->
+        <footer class="footer">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <h3>愉悦查</h3>
+                    <p>让信任无处不在，让合作没有距离</p>
+                    <p style="margin-top:16px;font-size:13px;color:rgba(255,255,255,0.5);">北京正信环宇科技有限公司</p>
+                    <p style="font-size:13px;color:rgba(255,255,255,0.5);">AI 驱动的商业信任科技平台</p>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">产品</h4>
+                    <ul class="footer-links">
+                        <li><a href="/product/riskassessment.html">个人大数据报告</a></li>
+                        <li><a href="/product/marriage.html">婚恋风险报告</a></li>
+                        <li><a href="/product/backgroundcheck.html">入职背调报告</a></li>
+                        <li><a href="/product/companyinfo.html">小微企业报告</a></li>
+                        <li><a href="/product/homeservice.html">家政风险报告</a></li>
+                        <li><a href="/product/consumerFinanceReport.html">消金报告</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">公司</h4>
+                    <ul class="footer-links">
+                        <li><a href="/about.html">关于我们</a></li>
+                        <li><a href="/careers.html">加入我们</a></li>
+                        <li><a href="/contact.html">联系我们</a></li>
+                        <li><a href="/news.html">新闻动态</a></li>
+                        <li><a href="/partners.html">合作伙伴</a></li>
+                        <li><a href="/investment.html">招商工具包</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">支持</h4>
+                    <ul class="footer-links">
+                        <li><a href="/help.html">帮助中心</a></li>
+                        <li><a href="/apidemo/">API 文档</a></li>
+                        <li><a href="/all-apis.html">全部接口</a></li>
+                        <li><a href="/privacy.html">隐私政策</a></li>
+                        <li><a href="/terms.html">服务条款</a></li>
+                        <li><a href="/disclaimer.html">免责声明</a></li>
+                    </ul>
+                </div>
+            </div>
+            
+            <div class="footer-bottom">
+                <p>&copy; 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p class="footer-icp"><a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow noopener">京ICP备2025158088号-2</a></p>
+            </div>
+        </div>
+    </footer>
+
+    <script>
+        // Navbar Scroll Effect
+        window.addEventListener('scroll', () => {
+            const navbar = document.querySelector('.navbar');
+            if (window.scrollY > 50) {
+                navbar.style.boxShadow = '0 4px 30px rgba(0,0,0,0.12)';
+            } else {
+                navbar.style.boxShadow = '0 2px 20px rgba(0,0,0,0.08)';
+            }
+        });
+    </script>
+    <script>
+        // Mobile Menu Toggle
+        const menuToggle = document.getElementById('menuToggle');
+        const navMenu = document.getElementById('navMenu');
+        
+        if (menuToggle && navMenu) {
+            menuToggle.addEventListener('click', () => {
+                navMenu.classList.toggle('active');
+            });
+            
+            // Close menu when clicking on a link
+            navMenu.querySelectorAll('.nav-link').forEach(link => {
+                link.addEventListener('click', () => {
+                    navMenu.classList.remove('active');
+                });
+            });
+        }
+        
+        // Navbar scroll effect
+        const navbar = document.getElementById('navbar');
+        if (navbar) {
+            window.addEventListener('scroll', () => {
+                if (window.scrollY > 50) {
+                    navbar.classList.add('scrolled');
+                } else {
+                    navbar.classList.remove('scrolled');
+                }
+            });
+        }
+    </script>
+    <script>
+        // ===== Navbar Scroll Effect =====
+        window.addEventListener('scroll', () => {
+            const navbar = document.getElementById('navbar');
+            if (navbar && window.scrollY > 50) {
+                navbar.classList.add('scrolled');
+            } else if (navbar) {
+                navbar.classList.remove('scrolled');
+            }
+        });
+
+        // ===== Mobile Menu Toggle =====
+        const menuToggle = document.getElementById('menuToggle');
+        const navMenu = document.getElementById('navMenu');
+        
+        if (menuToggle && navMenu) {
+            menuToggle.addEventListener('click', () => {
+                navMenu.classList.toggle('active');
+            });
+            
+            // Close menu when clicking on a link
+            navMenu.querySelectorAll('.nav-link').forEach(link => {
+                link.addEventListener('click', () => {
+                    navMenu.classList.remove('active');
+                });
+            });
+        }
+    </script>
+</body>
+</html>
diff --git a/product/riskassessment.html.bak.logo b/product/riskassessment.html.bak.logo
new file mode 100644
index 0000000..5b3b04c
--- /dev/null
+++ b/product/riskassessment.html.bak.logo
@@ -0,0 +1,716 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>个人大数据报告 - 愉悦查 | 全面个人背景分析</title>
+    <meta name="description" content="愉悦查个人大数据报告，3-4 个数据接口组合，全面个人背景分析，秒级生成，PDF 格式下载">
+    
+    <!-- 预加载字体 -->
+    <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=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    
+    <style>
+        :root {
+            --primary-orange: #FF6A19;
+            --primary-orange-light: #FC6E18;
+            --primary-orange-dark: #E64E10;
+            --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
+            --bg-light: #FFFFFF;
+            --bg-gray: #F5F7FA;
+            --text-primary: #1A1A1A;
+            --text-secondary: #666666;
+            --text-light: #999999;
+            --success: #07C160;
+            --spacing-xs: 8px;
+            --spacing-sm: 16px;
+            --spacing-md: 24px;
+            --spacing-lg: 48px;
+            --spacing-xl: 80px;
+            --radius-sm: 4px;
+            --radius-md: 8px;
+            --radius-lg: 16px;
+            --shadow-sm: 0 2px 8px rgba(0,0,0,0.08);
+            --shadow-md: 0 4px 16px rgba(0,0,0,0.12);
+            --shadow-lg: 0 8px 32px rgba(0,0,0,0.16);
+            --transition: all 0.3s ease;
+        }
+        
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        html { scroll-behavior: smooth; }
+        body {
+            font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+            font-size: 16px;
+            line-height: 1.6;
+            color: var(--text-primary);
+            background-color: var(--bg-light);
+        }
+        a { text-decoration: none; color: inherit; }
+        ul { list-style: none; }
+        img { max-width: 100%; height: auto; }
+        .container { max-width: 1200px; margin: 0 auto; padding: 0 var(--spacing-md); }
+        
+        .btn {
+            display: inline-block;
+            padding: 14px 32px;
+            font-size: 16px;
+            font-weight: 500;
+            border-radius: var(--radius-md);
+            cursor: pointer;
+            transition: var(--transition);
+            border: none;
+            text-align: center;
+        }
+        .btn-primary {
+            background: var(--primary-gradient);
+            color: white;
+            box-shadow: 0 4px 12px rgba(255, 106, 25, 0.3);
+        }
+        .btn-primary:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 6px 20px rgba(255, 106, 25, 0.4);
+        }
+        .btn-outline {
+            background: transparent;
+            border: 2px solid var(--primary-orange);
+            color: var(--primary-orange);
+        }
+        .btn-outline:hover {
+            background: var(--primary-gradient);
+            color: white;
+            transform: translateY(-2px);
+        }
+        
+        /* Hero Section */
+        .product-hero {
+            padding: 160px 0 80px;
+            background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 50%, #F5F7FA 100%);
+            text-align: center;
+        }
+        .product-hero-badge {
+            display: inline-block;
+            padding: 8px 16px;
+            background: linear-gradient(135deg, rgba(255, 106, 25, 0.1), rgba(252, 110, 24, 0.15));
+            color: var(--primary-orange);
+            font-size: 14px;
+            font-weight: 600;
+            border-radius: 20px;
+            margin-bottom: var(--spacing-md);
+        }
+        .product-hero h1 {
+            font-size: 48px;
+            font-weight: 900;
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 50%, #FF8A5C 100%);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            margin-bottom: var(--spacing-sm);
+        }
+        .product-hero .price {
+            font-size: 56px;
+            font-weight: 700;
+            color: var(--primary-orange);
+            margin: var(--spacing-md) 0;
+        }
+        .product-hero .price span {
+            font-size: 24px;
+            font-weight: 400;
+            color: var(--text-secondary);
+        }
+        .product-hero p {
+            font-size: 18px;
+            color: var(--text-secondary);
+            max-width: 700px;
+            margin: 0 auto var(--spacing-lg);
+        }
+        
+        /* Features Section */
+        .section { padding: var(--spacing-xl) 0; }
+        .section-title {
+            text-align: center;
+            font-size: 36px;
+            font-weight: 700;
+            margin-bottom: var(--spacing-xs);
+        }
+        .section-subtitle {
+            text-align: center;
+            font-size: 18px;
+            color: var(--text-secondary);
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        .features-grid {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: var(--spacing-md);
+        }
+        .feature-card {
+            text-align: center;
+            padding: var(--spacing-lg) var(--spacing-md);
+            border-radius: var(--radius-lg);
+            background: white;
+            box-shadow: var(--shadow-sm);
+            transition: var(--transition);
+        }
+        .feature-card:hover {
+            transform: translateY(-8px);
+            box-shadow: var(--shadow-lg);
+        }
+        .feature-icon {
+            width: 64px;
+            height: 64px;
+            margin: 0 auto var(--spacing-sm);
+            background: var(--primary-gradient);
+            border-radius: var(--radius-md);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 28px;
+        }
+        .feature-title { font-size: 18px; font-weight: 600; margin-bottom: var(--spacing-xs); }
+        .feature-desc { font-size: 14px; color: var(--text-secondary); }
+        
+        /* Content Section */
+        .content-section {
+            background: var(--bg-gray);
+        }
+        .content-grid {
+            display: grid;
+            grid-template-columns: 1fr 1fr;
+            gap: var(--spacing-lg);
+            align-items: center;
+        }
+        .content-list {
+            background: white;
+            padding: var(--spacing-lg);
+            border-radius: var(--radius-lg);
+            box-shadow: var(--shadow-md);
+        }
+        .content-list h3 {
+            font-size: 24px;
+            margin-bottom: var(--spacing-sm);
+        }
+        .content-list ul {
+            margin: var(--spacing-sm) 0;
+        }
+        .content-list li {
+            font-size: 16px;
+            color: var(--text-secondary);
+            padding: 12px 0;
+            display: flex;
+            align-items: center;
+            gap: 12px;
+            border-bottom: 1px solid #eee;
+        }
+        .content-list li:last-child { border-bottom: none; }
+        .content-list li::before {
+            content: '✓';
+            color: var(--success);
+            font-weight: 700;
+            font-size: 18px;
+        }
+        
+        /* CTA Section */
+        .cta {
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 50%, #FF8A5C 100%);
+            color: white;
+            text-align: center;
+            padding: var(--spacing-xl) 0;
+        }
+        .cta h2 { font-size: 36px; margin-bottom: var(--spacing-sm); }
+        .cta p { font-size: 18px; opacity: 0.95; margin-bottom: var(--spacing-lg); }
+        .cta-buttons { display: flex; justify-content: center; gap: var(--spacing-sm); }
+        .cta .btn { background: white; color: var(--primary-orange); }
+        
+        /* Footer */
+        .footer {
+            background: #1A1A1A;
+            color: white;
+            padding: var(--spacing-xl) 0 var(--spacing-lg);
+        }
+        .footer-grid {
+            display: grid;
+            grid-template-columns: 2fr repeat(3, 1fr);
+            gap: var(--spacing-lg);
+            margin-bottom: var(--spacing-lg);
+        }
+        .footer-brand h3 { font-size: 24px; margin-bottom: var(--spacing-sm); color: var(--primary-orange); }
+        .footer-brand p { font-size: 14px; opacity: 0.8; }
+        .footer-title { font-size: 16px; font-weight: 600; margin-bottom: var(--spacing-sm); }
+        .footer-links li { margin-bottom: var(--spacing-xs); }
+        .footer-links a { font-size: 14px; opacity: 0.8; }
+        .footer-links a:hover { opacity: 1; color: var(--primary-orange); }
+        .footer-bottom {
+            padding-top: var(--spacing-lg);
+            border-top: 1px solid rgba(255,255,255,0.1);
+            text-align: center;
+            font-size: 14px;
+            opacity: 0.6;
+        }
+        
+        /* Responsive */
+        @media (max-width: 1024px) {
+            .features-grid { grid-template-columns: repeat(2, 1fr); }
+            .content-grid { grid-template-columns: 1fr; }
+            .footer-grid { grid-template-columns: repeat(2, 1fr); }
+        }
+        @media (max-width: 768px) {
+            .navbar .container { height: 60px; padding: 0 12px; }
+            .logo-img { height: 40px; }
+            .nav-menu { display: none; }
+            .product-hero { padding: 100px 0 40px; }
+            .product-hero h1 { font-size: 32px; }
+            .product-hero .price { font-size: 40px; }
+            .features-grid { grid-template-columns: 1fr; }
+            .cta-buttons { flex-direction: column; }
+            .footer { padding: var(--spacing-lg) 0; }
+            .footer-grid { grid-template-columns: 1fr; }
+        }
+            /* Mobile Menu */
+        @media (max-width: 1024px) {
+            .nav-cta {
+                display: none;
+            }
+        }
+        
+        @media (max-width: 768px) {
+            .navbar .container {
+                height: 60px;
+                padding: 0 16px;
+            }
+            
+            .logo-img {
+                height: 45px;
+            }
+            
+            .menu-toggle {
+                display: flex;
+            }
+            
+            .nav-menu {
+                position: fixed;
+                top: 60px;
+                left: 0;
+                right: 0;
+                background: white;
+                flex-direction: column;
+                padding: 24px;
+                gap: 16px;
+                box-shadow: 0 4px 20px rgba(0,0,0,0.1);
+                transform: translateY(-100%);
+                opacity: 0;
+                visibility: hidden;
+                transition: all 0.3s ease;
+            }
+            
+            .nav-menu.active {
+                transform: translateY(0);
+                opacity: 1;
+                visibility: visible;
+            }
+            
+            .nav-link {
+                font-size: 16px;
+            }
+        }
+            /* ===== Navigation ===== */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+            transition: var(--transition);
+        }
+        
+        .navbar.scrolled {
+            box-shadow: 0 4px 30px rgba(0,0,0,0.12);
+        }
+        
+        .navbar .container {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            height: 80px;
+            max-width: 1400px;
+            margin: 0 auto;
+            padding: 0 32px;
+        }
+        
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            text-decoration: none;
+            background: transparent;
+            padding: 4px 0;
+        }
+        
+        .logo-img {
+            height: 60px;
+            width: auto;
+            object-fit: contain;
+            transition: var(--transition);
+            background: transparent;
+        }
+        
+        .logo:hover .logo-img {
+            transform: scale(1.05);
+        }
+        
+        .nav-menu {
+            display: flex;
+            gap: var(--spacing-lg);
+            align-items: center;
+        }
+        
+        .nav-link {
+            font-size: 15px;
+            font-weight: 500;
+            color: var(--text-primary);
+            transition: var(--transition);
+            position: relative;
+        }
+        
+        .nav-link:hover {
+            color: var(--primary-orange);
+        }
+        
+        .nav-link::after {
+            content: '';
+            position: absolute;
+            bottom: -4px;
+            left: 0;
+            width: 0;
+            height: 2px;
+            background: var(--primary-orange);
+            transition: var(--transition);
+        }
+        
+        .nav-link:hover::after {
+            width: 100%;
+        }
+        
+        .nav-cta {
+            display: flex;
+            gap: var(--spacing-sm);
+        }
+        
+        .nav-btn {
+            padding: 10px 20px;
+            font-size: 14px;
+        }
+        
+        /* Mobile Menu */
+        .menu-toggle {
+            display: none;
+            flex-direction: column;
+            gap: 5px;
+            cursor: pointer;
+            padding: 5px;
+        }
+        
+        .menu-toggle span {
+            width: 25px;
+            height: 3px;
+            background: var(--primary-orange);
+            border-radius: 2px;
+            transition: var(--transition);
+        }
+        
+        @media (max-width: 1024px) {
+            .nav-cta {
+                display: none;
+            }
+        }
+        
+        @media (max-width: 768px) {
+            .navbar .container {
+                height: 60px;
+                padding: 0 16px;
+            }
+            
+            .logo-img {
+                height: 45px;
+            }
+            
+            .menu-toggle {
+                display: flex;
+            }
+            
+            .nav-menu {
+                position: fixed;
+                top: 60px;
+                left: 0;
+                right: 0;
+                background: white;
+                flex-direction: column;
+                padding: 24px;
+                gap: 16px;
+                box-shadow: 0 4px 20px rgba(0,0,0,0.1);
+                transform: translateY(-100%);
+                opacity: 0;
+                visibility: hidden;
+                transition: all 0.3s ease;
+            }
+            
+            .nav-menu.active {
+                transform: translateY(0);
+                opacity: 1;
+                visibility: visible;
+            }
+            
+            .nav-link {
+                font-size: 16px;
+            }
+        }
+    </style>
+</head>
+<body>
+        <!-- Navigation -->
+    <nav class="navbar" id="navbar">
+        <div class="container">
+            <a href="#" class="logo">
+                <img src="assets/logo.png" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            
+            <div class="menu-toggle" id="menuToggle">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+            
+            <ul class="nav-menu" id="navMenu">
+                <li><a href="#home" class="nav-link">首页</a></li>
+                <li><a href="#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="#technology" class="nav-link">AI 能力</a></li>
+                <li><a href="#partnership" class="nav-link">代理合作</a></li>
+                <li><a href="#about" class="nav-link">关于我们</a></li>
+            </ul>
+            
+            <div class="nav-cta">
+                <a href="#products" class="btn btn-outline nav-btn">立即查询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
+            </div>
+        </div>
+    </nav>
+
+    <!-- Product Hero -->
+    <section class="product-hero">
+        <div class="container">
+            <span class="product-hero-badge">🔥 热销产品</span>
+            <h1>个人大数据报告</h1>
+            <div class="price">¥49.8 <span>/份</span></div>
+            <p>全面个人背景分析，包含身份信息、社交网络、行为特征等多维度数据评估，助您快速了解个人综合情况</p>
+            <div class="cta-buttons">
+                <a href="https://www.yuyuecha.com/example?feature=riskassessment" target="_blank" class="btn btn-primary">👁️ 查看示例报告</a>
+                <a href="https://www.yuyuecha.com/inquire/riskassessment" class="btn btn-outline">立即查询</a>
+            </div>
+        </div>
+    </section>
+
+    <!-- Features Section -->
+    <section class="section">
+        <div class="container">
+            <h2 class="section-title">产品优势</h2>
+            <p class="section-subtitle">为什么选择我们的个人大数据报告</p>
+            
+            <div class="features-grid">
+                <div class="feature-card">
+                    <div class="feature-icon">📡</div>
+                    <h3 class="feature-title">海量数据</h3>
+                    <p class="feature-desc">3-4 个官方数据接口组合，覆盖多维度信息</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">⚡</div>
+                    <h3 class="feature-title">秒级响应</h3>
+                    <p class="feature-desc">智能分析引擎，最快 3 秒生成报告</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">📄</div>
+                    <h3 class="feature-title">PDF 下载</h3>
+                    <p class="feature-desc">专业格式报告，支持永久保存和打印</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">🔒</div>
+                    <h3 class="feature-title">安全合规</h3>
+                    <p class="feature-desc">等保三级认证，数据加密传输</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">🎯</div>
+                    <h3 class="feature-title">精准分析</h3>
+                    <p class="feature-desc">AI 智能分析，准确率 99% 以上</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">💰</div>
+                    <h3 class="feature-title">性价比高</h3>
+                    <p class="feature-desc">仅需¥49.8，获取全面个人背景分析</p>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Content Section -->
+    <section class="section content-section">
+        <div class="container">
+            <h2 class="section-title">报告内容</h2>
+            <p class="section-subtitle">一份报告，全面了解</p>
+            
+            <div class="content-grid">
+                <div class="content-list">
+                    <h3>📊 报告包含</h3>
+                    <ul>
+                        <li>个人身份信息核验</li>
+                        <li>社交网络行为分析</li>
+                        <li>消费行为特征评估</li>
+                        <li>信用风险评估</li>
+                        <li>多维度综合评分</li>
+                        <li>PDF 格式完整报告</li>
+                    </ul>
+                </div>
+                <div class="content-list">
+                    <h3>✅ 适用场景</h3>
+                    <ul>
+                        <li>个人背景了解</li>
+                        <li>交友前风险评估</li>
+                        <li>合作伙伴信用调查</li>
+                        <li>个人信用自查</li>
+                        <li>其他需要了解个人情况的场景</li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- CTA Section -->
+    <section class="cta">
+        <div class="container">
+            <h2>准备好开始查询了吗？</h2>
+            <p>立即获取个人大数据报告，全面了解个人背景信息</p>
+            <div class="cta-buttons">
+                <a href="https://www.yuyuecha.com/inquire/riskassessment" class="btn">🚀 立即查询 - ¥49.8</a>
+                <a href="https://www.yuyuecha.com/example?feature=riskassessment" target="_blank" class="btn btn-outline" style="border-color:rgba(255,255,255,0.5);color:white;">👁️ 查看示例</a>
+            </div>
+        </div>
+    </section>
+
+    <!-- Footer -->
+    <footer class="footer">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <h3>愉悦查</h3>
+                    <p>让信任无处不在，让合作没有距离</p>
+                    <p style="margin-top:16px;font-size:13px;">愉悦查（北京正信环宇科技有限公司）</p>
+                </div>
+                <div>
+                    <h4 class="footer-title">产品</h4>
+                    <ul class="footer-links">
+                        <li><a href="/index.html#products">个人大数据报告</a></li>
+                        <li><a href="/index.html#products">婚恋风险报告</a></li>
+                        <li><a href="/index.html#products">入职背调报告</a></li>
+                        <li><a href="/index.html#products">小微企业报告</a></li>
+                        <li><a href="/index.html#products">家政风险报告</a></li>
+                        <li><a href="/index.html#products">消金报告</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h4 class="footer-title">公司</h4>
+                    <ul class="footer-links">
+                        <li><a href="/index.html#about">关于我们</a></li>
+                        <li><a href="#">加入我们</a></li>
+                        <li><a href="#">联系我们</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h4 class="footer-title">支持</h4>
+                    <ul class="footer-links">
+                        <li><a href="#">帮助中心</a></li>
+                        <li><a href="/apidemo/">API 文档</a></li>
+                        <li><a href="#">隐私政策</a></li>
+                        <li><a href="#">服务条款</a></li>
+                    </ul>
+                </div>
+            </div>
+            <div class="footer-bottom">
+                <p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p class="footer-icp">京 ICP 备 2025158088 号 -2</p>
+            </div>
+        </div>
+    </footer>
+
+    <script>
+        // Navbar Scroll Effect
+        window.addEventListener('scroll', () => {
+            const navbar = document.querySelector('.navbar');
+            if (window.scrollY > 50) {
+                navbar.style.boxShadow = '0 4px 30px rgba(0,0,0,0.12)';
+            } else {
+                navbar.style.boxShadow = '0 2px 20px rgba(0,0,0,0.08)';
+            }
+        });
+    </script>
+    <script>
+        // Mobile Menu Toggle
+        const menuToggle = document.getElementById('menuToggle');
+        const navMenu = document.getElementById('navMenu');
+        
+        if (menuToggle && navMenu) {
+            menuToggle.addEventListener('click', () => {
+                navMenu.classList.toggle('active');
+            });
+            
+            // Close menu when clicking on a link
+            navMenu.querySelectorAll('.nav-link').forEach(link => {
+                link.addEventListener('click', () => {
+                    navMenu.classList.remove('active');
+                });
+            });
+        }
+        
+        // Navbar scroll effect
+        const navbar = document.getElementById('navbar');
+        if (navbar) {
+            window.addEventListener('scroll', () => {
+                if (window.scrollY > 50) {
+                    navbar.classList.add('scrolled');
+                } else {
+                    navbar.classList.remove('scrolled');
+                }
+            });
+        }
+    </script>
+    <script>
+        // ===== Navbar Scroll Effect =====
+        window.addEventListener('scroll', () => {
+            const navbar = document.getElementById('navbar');
+            if (navbar && window.scrollY > 50) {
+                navbar.classList.add('scrolled');
+            } else if (navbar) {
+                navbar.classList.remove('scrolled');
+            }
+        });
+
+        // ===== Mobile Menu Toggle =====
+        const menuToggle = document.getElementById('menuToggle');
+        const navMenu = document.getElementById('navMenu');
+        
+        if (menuToggle && navMenu) {
+            menuToggle.addEventListener('click', () => {
+                navMenu.classList.toggle('active');
+            });
+            
+            // Close menu when clicking on a link
+            navMenu.querySelectorAll('.nav-link').forEach(link => {
+                link.addEventListener('click', () => {
+                    navMenu.classList.remove('active');
+                });
+            });
+        }
+    </script>
+</body>
+</html>
diff --git a/product/riskassessment.html.bak.logo2 b/product/riskassessment.html.bak.logo2
new file mode 100644
index 0000000..898cb8a
--- /dev/null
+++ b/product/riskassessment.html.bak.logo2
@@ -0,0 +1,716 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>个人大数据报告 - 愉悦查 | 全面个人背景分析</title>
+    <meta name="description" content="愉悦查个人大数据报告，3-4 个数据接口组合，全面个人背景分析，秒级生成，PDF 格式下载">
+    
+    <!-- 预加载字体 -->
+    <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=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    
+    <style>
+        :root {
+            --primary-orange: #FF6A19;
+            --primary-orange-light: #FC6E18;
+            --primary-orange-dark: #E64E10;
+            --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
+            --bg-light: #FFFFFF;
+            --bg-gray: #F5F7FA;
+            --text-primary: #1A1A1A;
+            --text-secondary: #666666;
+            --text-light: #999999;
+            --success: #07C160;
+            --spacing-xs: 8px;
+            --spacing-sm: 16px;
+            --spacing-md: 24px;
+            --spacing-lg: 48px;
+            --spacing-xl: 80px;
+            --radius-sm: 4px;
+            --radius-md: 8px;
+            --radius-lg: 16px;
+            --shadow-sm: 0 2px 8px rgba(0,0,0,0.08);
+            --shadow-md: 0 4px 16px rgba(0,0,0,0.12);
+            --shadow-lg: 0 8px 32px rgba(0,0,0,0.16);
+            --transition: all 0.3s ease;
+        }
+        
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        html { scroll-behavior: smooth; }
+        body {
+            font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+            font-size: 16px;
+            line-height: 1.6;
+            color: var(--text-primary);
+            background-color: var(--bg-light);
+        }
+        a { text-decoration: none; color: inherit; }
+        ul { list-style: none; }
+        img { max-width: 100%; height: auto; }
+        .container { max-width: 1200px; margin: 0 auto; padding: 0 var(--spacing-md); }
+        
+        .btn {
+            display: inline-block;
+            padding: 14px 32px;
+            font-size: 16px;
+            font-weight: 500;
+            border-radius: var(--radius-md);
+            cursor: pointer;
+            transition: var(--transition);
+            border: none;
+            text-align: center;
+        }
+        .btn-primary {
+            background: var(--primary-gradient);
+            color: white;
+            box-shadow: 0 4px 12px rgba(255, 106, 25, 0.3);
+        }
+        .btn-primary:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 6px 20px rgba(255, 106, 25, 0.4);
+        }
+        .btn-outline {
+            background: transparent;
+            border: 2px solid var(--primary-orange);
+            color: var(--primary-orange);
+        }
+        .btn-outline:hover {
+            background: var(--primary-gradient);
+            color: white;
+            transform: translateY(-2px);
+        }
+        
+        /* Hero Section */
+        .product-hero {
+            padding: 160px 0 80px;
+            background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 50%, #F5F7FA 100%);
+            text-align: center;
+        }
+        .product-hero-badge {
+            display: inline-block;
+            padding: 8px 16px;
+            background: linear-gradient(135deg, rgba(255, 106, 25, 0.1), rgba(252, 110, 24, 0.15));
+            color: var(--primary-orange);
+            font-size: 14px;
+            font-weight: 600;
+            border-radius: 20px;
+            margin-bottom: var(--spacing-md);
+        }
+        .product-hero h1 {
+            font-size: 48px;
+            font-weight: 900;
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 50%, #FF8A5C 100%);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            margin-bottom: var(--spacing-sm);
+        }
+        .product-hero .price {
+            font-size: 56px;
+            font-weight: 700;
+            color: var(--primary-orange);
+            margin: var(--spacing-md) 0;
+        }
+        .product-hero .price span {
+            font-size: 24px;
+            font-weight: 400;
+            color: var(--text-secondary);
+        }
+        .product-hero p {
+            font-size: 18px;
+            color: var(--text-secondary);
+            max-width: 700px;
+            margin: 0 auto var(--spacing-lg);
+        }
+        
+        /* Features Section */
+        .section { padding: var(--spacing-xl) 0; }
+        .section-title {
+            text-align: center;
+            font-size: 36px;
+            font-weight: 700;
+            margin-bottom: var(--spacing-xs);
+        }
+        .section-subtitle {
+            text-align: center;
+            font-size: 18px;
+            color: var(--text-secondary);
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        .features-grid {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: var(--spacing-md);
+        }
+        .feature-card {
+            text-align: center;
+            padding: var(--spacing-lg) var(--spacing-md);
+            border-radius: var(--radius-lg);
+            background: white;
+            box-shadow: var(--shadow-sm);
+            transition: var(--transition);
+        }
+        .feature-card:hover {
+            transform: translateY(-8px);
+            box-shadow: var(--shadow-lg);
+        }
+        .feature-icon {
+            width: 64px;
+            height: 64px;
+            margin: 0 auto var(--spacing-sm);
+            background: var(--primary-gradient);
+            border-radius: var(--radius-md);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 28px;
+        }
+        .feature-title { font-size: 18px; font-weight: 600; margin-bottom: var(--spacing-xs); }
+        .feature-desc { font-size: 14px; color: var(--text-secondary); }
+        
+        /* Content Section */
+        .content-section {
+            background: var(--bg-gray);
+        }
+        .content-grid {
+            display: grid;
+            grid-template-columns: 1fr 1fr;
+            gap: var(--spacing-lg);
+            align-items: center;
+        }
+        .content-list {
+            background: white;
+            padding: var(--spacing-lg);
+            border-radius: var(--radius-lg);
+            box-shadow: var(--shadow-md);
+        }
+        .content-list h3 {
+            font-size: 24px;
+            margin-bottom: var(--spacing-sm);
+        }
+        .content-list ul {
+            margin: var(--spacing-sm) 0;
+        }
+        .content-list li {
+            font-size: 16px;
+            color: var(--text-secondary);
+            padding: 12px 0;
+            display: flex;
+            align-items: center;
+            gap: 12px;
+            border-bottom: 1px solid #eee;
+        }
+        .content-list li:last-child { border-bottom: none; }
+        .content-list li::before {
+            content: '✓';
+            color: var(--success);
+            font-weight: 700;
+            font-size: 18px;
+        }
+        
+        /* CTA Section */
+        .cta {
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 50%, #FF8A5C 100%);
+            color: white;
+            text-align: center;
+            padding: var(--spacing-xl) 0;
+        }
+        .cta h2 { font-size: 36px; margin-bottom: var(--spacing-sm); }
+        .cta p { font-size: 18px; opacity: 0.95; margin-bottom: var(--spacing-lg); }
+        .cta-buttons { display: flex; justify-content: center; gap: var(--spacing-sm); }
+        .cta .btn { background: white; color: var(--primary-orange); }
+        
+        /* Footer */
+        .footer {
+            background: #1A1A1A;
+            color: white;
+            padding: var(--spacing-xl) 0 var(--spacing-lg);
+        }
+        .footer-grid {
+            display: grid;
+            grid-template-columns: 2fr repeat(3, 1fr);
+            gap: var(--spacing-lg);
+            margin-bottom: var(--spacing-lg);
+        }
+        .footer-brand h3 { font-size: 24px; margin-bottom: var(--spacing-sm); color: var(--primary-orange); }
+        .footer-brand p { font-size: 14px; opacity: 0.8; }
+        .footer-title { font-size: 16px; font-weight: 600; margin-bottom: var(--spacing-sm); }
+        .footer-links li { margin-bottom: var(--spacing-xs); }
+        .footer-links a { font-size: 14px; opacity: 0.8; }
+        .footer-links a:hover { opacity: 1; color: var(--primary-orange); }
+        .footer-bottom {
+            padding-top: var(--spacing-lg);
+            border-top: 1px solid rgba(255,255,255,0.1);
+            text-align: center;
+            font-size: 14px;
+            opacity: 0.6;
+        }
+        
+        /* Responsive */
+        @media (max-width: 1024px) {
+            .features-grid { grid-template-columns: repeat(2, 1fr); }
+            .content-grid { grid-template-columns: 1fr; }
+            .footer-grid { grid-template-columns: repeat(2, 1fr); }
+        }
+        @media (max-width: 768px) {
+            .navbar .container { height: 60px; padding: 0 12px; }
+            .logo-img { height: 40px; }
+            .nav-menu { display: none; }
+            .product-hero { padding: 100px 0 40px; }
+            .product-hero h1 { font-size: 32px; }
+            .product-hero .price { font-size: 40px; }
+            .features-grid { grid-template-columns: 1fr; }
+            .cta-buttons { flex-direction: column; }
+            .footer { padding: var(--spacing-lg) 0; }
+            .footer-grid { grid-template-columns: 1fr; }
+        }
+            /* Mobile Menu */
+        @media (max-width: 1024px) {
+            .nav-cta {
+                display: none;
+            }
+        }
+        
+        @media (max-width: 768px) {
+            .navbar .container {
+                height: 60px;
+                padding: 0 16px;
+            }
+            
+            .logo-img {
+                height: 45px;
+            }
+            
+            .menu-toggle {
+                display: flex;
+            }
+            
+            .nav-menu {
+                position: fixed;
+                top: 60px;
+                left: 0;
+                right: 0;
+                background: white;
+                flex-direction: column;
+                padding: 24px;
+                gap: 16px;
+                box-shadow: 0 4px 20px rgba(0,0,0,0.1);
+                transform: translateY(-100%);
+                opacity: 0;
+                visibility: hidden;
+                transition: all 0.3s ease;
+            }
+            
+            .nav-menu.active {
+                transform: translateY(0);
+                opacity: 1;
+                visibility: visible;
+            }
+            
+            .nav-link {
+                font-size: 16px;
+            }
+        }
+            /* ===== Navigation ===== */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+            transition: var(--transition);
+        }
+        
+        .navbar.scrolled {
+            box-shadow: 0 4px 30px rgba(0,0,0,0.12);
+        }
+        
+        .navbar .container {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            height: 80px;
+            max-width: 1400px;
+            margin: 0 auto;
+            padding: 0 32px;
+        }
+        
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            text-decoration: none;
+            background: transparent;
+            padding: 4px 0;
+        }
+        
+        .logo-img {
+            height: 60px;
+            width: auto;
+            object-fit: contain;
+            transition: var(--transition);
+            background: transparent;
+        }
+        
+        .logo:hover .logo-img {
+            transform: scale(1.05);
+        }
+        
+        .nav-menu {
+            display: flex;
+            gap: var(--spacing-lg);
+            align-items: center;
+        }
+        
+        .nav-link {
+            font-size: 15px;
+            font-weight: 500;
+            color: var(--text-primary);
+            transition: var(--transition);
+            position: relative;
+        }
+        
+        .nav-link:hover {
+            color: var(--primary-orange);
+        }
+        
+        .nav-link::after {
+            content: '';
+            position: absolute;
+            bottom: -4px;
+            left: 0;
+            width: 0;
+            height: 2px;
+            background: var(--primary-orange);
+            transition: var(--transition);
+        }
+        
+        .nav-link:hover::after {
+            width: 100%;
+        }
+        
+        .nav-cta {
+            display: flex;
+            gap: var(--spacing-sm);
+        }
+        
+        .nav-btn {
+            padding: 10px 20px;
+            font-size: 14px;
+        }
+        
+        /* Mobile Menu */
+        .menu-toggle {
+            display: none;
+            flex-direction: column;
+            gap: 5px;
+            cursor: pointer;
+            padding: 5px;
+        }
+        
+        .menu-toggle span {
+            width: 25px;
+            height: 3px;
+            background: var(--primary-orange);
+            border-radius: 2px;
+            transition: var(--transition);
+        }
+        
+        @media (max-width: 1024px) {
+            .nav-cta {
+                display: none;
+            }
+        }
+        
+        @media (max-width: 768px) {
+            .navbar .container {
+                height: 60px;
+                padding: 0 16px;
+            }
+            
+            .logo-img {
+                height: 45px;
+            }
+            
+            .menu-toggle {
+                display: flex;
+            }
+            
+            .nav-menu {
+                position: fixed;
+                top: 60px;
+                left: 0;
+                right: 0;
+                background: white;
+                flex-direction: column;
+                padding: 24px;
+                gap: 16px;
+                box-shadow: 0 4px 20px rgba(0,0,0,0.1);
+                transform: translateY(-100%);
+                opacity: 0;
+                visibility: hidden;
+                transition: all 0.3s ease;
+            }
+            
+            .nav-menu.active {
+                transform: translateY(0);
+                opacity: 1;
+                visibility: visible;
+            }
+            
+            .nav-link {
+                font-size: 16px;
+            }
+        }
+    </style>
+</head>
+<body>
+        <!-- Navigation -->
+    <nav class="navbar" id="navbar">
+        <div class="container">
+            <a href="#" class="logo">
+                <img src="../assets/logo.png" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            
+            <div class="menu-toggle" id="menuToggle">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+            
+            <ul class="nav-menu" id="navMenu">
+                <li><a href="#home" class="nav-link">首页</a></li>
+                <li><a href="#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="#technology" class="nav-link">AI 能力</a></li>
+                <li><a href="#partnership" class="nav-link">代理合作</a></li>
+                <li><a href="#about" class="nav-link">关于我们</a></li>
+            </ul>
+            
+            <div class="nav-cta">
+                <a href="#products" class="btn btn-outline nav-btn">立即查询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
+            </div>
+        </div>
+    </nav>
+
+    <!-- Product Hero -->
+    <section class="product-hero">
+        <div class="container">
+            <span class="product-hero-badge">🔥 热销产品</span>
+            <h1>个人大数据报告</h1>
+            <div class="price">¥49.8 <span>/份</span></div>
+            <p>全面个人背景分析，包含身份信息、社交网络、行为特征等多维度数据评估，助您快速了解个人综合情况</p>
+            <div class="cta-buttons">
+                <a href="https://www.yuyuecha.com/example?feature=riskassessment" target="_blank" class="btn btn-primary">👁️ 查看示例报告</a>
+                <a href="https://www.yuyuecha.com/inquire/riskassessment" class="btn btn-outline">立即查询</a>
+            </div>
+        </div>
+    </section>
+
+    <!-- Features Section -->
+    <section class="section">
+        <div class="container">
+            <h2 class="section-title">产品优势</h2>
+            <p class="section-subtitle">为什么选择我们的个人大数据报告</p>
+            
+            <div class="features-grid">
+                <div class="feature-card">
+                    <div class="feature-icon">📡</div>
+                    <h3 class="feature-title">海量数据</h3>
+                    <p class="feature-desc">3-4 个官方数据接口组合，覆盖多维度信息</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">⚡</div>
+                    <h3 class="feature-title">秒级响应</h3>
+                    <p class="feature-desc">智能分析引擎，最快 3 秒生成报告</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">📄</div>
+                    <h3 class="feature-title">PDF 下载</h3>
+                    <p class="feature-desc">专业格式报告，支持永久保存和打印</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">🔒</div>
+                    <h3 class="feature-title">安全合规</h3>
+                    <p class="feature-desc">等保三级认证，数据加密传输</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">🎯</div>
+                    <h3 class="feature-title">精准分析</h3>
+                    <p class="feature-desc">AI 智能分析，准确率 99% 以上</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">💰</div>
+                    <h3 class="feature-title">性价比高</h3>
+                    <p class="feature-desc">仅需¥49.8，获取全面个人背景分析</p>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Content Section -->
+    <section class="section content-section">
+        <div class="container">
+            <h2 class="section-title">报告内容</h2>
+            <p class="section-subtitle">一份报告，全面了解</p>
+            
+            <div class="content-grid">
+                <div class="content-list">
+                    <h3>📊 报告包含</h3>
+                    <ul>
+                        <li>个人身份信息核验</li>
+                        <li>社交网络行为分析</li>
+                        <li>消费行为特征评估</li>
+                        <li>信用风险评估</li>
+                        <li>多维度综合评分</li>
+                        <li>PDF 格式完整报告</li>
+                    </ul>
+                </div>
+                <div class="content-list">
+                    <h3>✅ 适用场景</h3>
+                    <ul>
+                        <li>个人背景了解</li>
+                        <li>交友前风险评估</li>
+                        <li>合作伙伴信用调查</li>
+                        <li>个人信用自查</li>
+                        <li>其他需要了解个人情况的场景</li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- CTA Section -->
+    <section class="cta">
+        <div class="container">
+            <h2>准备好开始查询了吗？</h2>
+            <p>立即获取个人大数据报告，全面了解个人背景信息</p>
+            <div class="cta-buttons">
+                <a href="https://www.yuyuecha.com/inquire/riskassessment" class="btn">🚀 立即查询 - ¥49.8</a>
+                <a href="https://www.yuyuecha.com/example?feature=riskassessment" target="_blank" class="btn btn-outline" style="border-color:rgba(255,255,255,0.5);color:white;">👁️ 查看示例</a>
+            </div>
+        </div>
+    </section>
+
+    <!-- Footer -->
+    <footer class="footer">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <h3>愉悦查</h3>
+                    <p>让信任无处不在，让合作没有距离</p>
+                    <p style="margin-top:16px;font-size:13px;">愉悦查（北京正信环宇科技有限公司）</p>
+                </div>
+                <div>
+                    <h4 class="footer-title">产品</h4>
+                    <ul class="footer-links">
+                        <li><a href="/index.html#products">个人大数据报告</a></li>
+                        <li><a href="/index.html#products">婚恋风险报告</a></li>
+                        <li><a href="/index.html#products">入职背调报告</a></li>
+                        <li><a href="/index.html#products">小微企业报告</a></li>
+                        <li><a href="/index.html#products">家政风险报告</a></li>
+                        <li><a href="/index.html#products">消金报告</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h4 class="footer-title">公司</h4>
+                    <ul class="footer-links">
+                        <li><a href="/index.html#about">关于我们</a></li>
+                        <li><a href="#">加入我们</a></li>
+                        <li><a href="#">联系我们</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h4 class="footer-title">支持</h4>
+                    <ul class="footer-links">
+                        <li><a href="#">帮助中心</a></li>
+                        <li><a href="/apidemo/">API 文档</a></li>
+                        <li><a href="#">隐私政策</a></li>
+                        <li><a href="#">服务条款</a></li>
+                    </ul>
+                </div>
+            </div>
+            <div class="footer-bottom">
+                <p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p class="footer-icp">京 ICP 备 2025158088 号 -2</p>
+            </div>
+        </div>
+    </footer>
+
+    <script>
+        // Navbar Scroll Effect
+        window.addEventListener('scroll', () => {
+            const navbar = document.querySelector('.navbar');
+            if (window.scrollY > 50) {
+                navbar.style.boxShadow = '0 4px 30px rgba(0,0,0,0.12)';
+            } else {
+                navbar.style.boxShadow = '0 2px 20px rgba(0,0,0,0.08)';
+            }
+        });
+    </script>
+    <script>
+        // Mobile Menu Toggle
+        const menuToggle = document.getElementById('menuToggle');
+        const navMenu = document.getElementById('navMenu');
+        
+        if (menuToggle && navMenu) {
+            menuToggle.addEventListener('click', () => {
+                navMenu.classList.toggle('active');
+            });
+            
+            // Close menu when clicking on a link
+            navMenu.querySelectorAll('.nav-link').forEach(link => {
+                link.addEventListener('click', () => {
+                    navMenu.classList.remove('active');
+                });
+            });
+        }
+        
+        // Navbar scroll effect
+        const navbar = document.getElementById('navbar');
+        if (navbar) {
+            window.addEventListener('scroll', () => {
+                if (window.scrollY > 50) {
+                    navbar.classList.add('scrolled');
+                } else {
+                    navbar.classList.remove('scrolled');
+                }
+            });
+        }
+    </script>
+    <script>
+        // ===== Navbar Scroll Effect =====
+        window.addEventListener('scroll', () => {
+            const navbar = document.getElementById('navbar');
+            if (navbar && window.scrollY > 50) {
+                navbar.classList.add('scrolled');
+            } else if (navbar) {
+                navbar.classList.remove('scrolled');
+            }
+        });
+
+        // ===== Mobile Menu Toggle =====
+        const menuToggle = document.getElementById('menuToggle');
+        const navMenu = document.getElementById('navMenu');
+        
+        if (menuToggle && navMenu) {
+            menuToggle.addEventListener('click', () => {
+                navMenu.classList.toggle('active');
+            });
+            
+            // Close menu when clicking on a link
+            navMenu.querySelectorAll('.nav-link').forEach(link => {
+                link.addEventListener('click', () => {
+                    navMenu.classList.remove('active');
+                });
+            });
+        }
+    </script>
+</body>
+</html>
diff --git a/robots.txt b/robots.txt
new file mode 100644
index 0000000..b276cb8
--- /dev/null
+++ b/robots.txt
@@ -0,0 +1,40 @@
+# 愉悦查 - AI 驱动的商业信任科技平台
+# https://www.yuyuecha.com.cn
+
+User-agent: *
+Allow: /
+Disallow: /admin/
+Disallow: /api/
+Disallow: /private/
+Disallow: /tmp/
+
+# AI 爬虫 - 欢迎抓取
+User-agent: GPTBot
+Allow: /
+
+User-agent: ChatGPT-User
+Allow: /
+
+User-agent: ClaudeBot
+Allow: /
+
+User-agent: Claude-Web
+Allow: /
+
+User-agent: PerplexityBot
+Allow: /
+
+User-agent: Google-Extended
+Allow: /
+
+User-agent: Bytespider
+Allow: /
+
+User-agent: cohere-ai
+Allow: /
+
+# 网站地图
+Sitemap: https://www.yuyuecha.com.cn/sitemap.xml
+
+# 爬虫频率限制
+Crawl-delay: 1
diff --git a/sample-new.html b/sample-new.html
new file mode 100755
index 0000000..5f2a8e4
--- /dev/null
+++ b/sample-new.html
@@ -0,0 +1,2613 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>愉悦查 - 让信任无处不在，让合作没有距离 | AI 驱动的商业信任科技平台</title>
+    <meta name="description" content="愉悦查是 AI 驱动的商业信任科技平台，提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告，支持 AI 智能定制报告。200+ 数据接口，秒级响应，让信任无处不在。">
+    <meta name="keywords" 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=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    
+    <style>
+        /* ===== CSS Variables - 品牌色定义 ===== */
+        :root {
+            /* 品牌主色 - 橙色系 (来自蓝湖设计稿) */
+            --primary-orange: #FF6A19;
+            --primary-orange-light: #FC6E18;
+            --primary-orange-dark: #E64E10;
+            --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
+            --primary-orange-soft: #FFDECC;
+            
+            /* 辅助色 */
+            --bg-light: #FFFFFF;
+            --bg-gray: #F5F7FA;
+            --bg-gray-light: #E4E7E0;
+            
+            /* 文字色 */
+            --text-primary: #1A1A1A;
+            --text-secondary: #666666;
+            --text-light: #999999;
+            
+            /* 功能色 */
+            --success: #07C160;
+            --warning: #FF9500;
+            --error: #FF3B30;
+            
+            /* 间距 */
+            --spacing-xs: 8px;
+            --spacing-sm: 16px;
+            --spacing-md: 24px;
+            --spacing-lg: 48px;
+            --spacing-xl: 80px;
+            
+            /* 圆角 */
+            --radius-sm: 4px;
+            --radius-md: 8px;
+            --radius-lg: 16px;
+            --radius-xl: 24px;
+            
+            /* 阴影 */
+            --shadow-sm: 0 2px 8px rgba(0,0,0,0.08);
+            --shadow-md: 0 4px 16px rgba(0,0,0,0.12);
+            --shadow-lg: 0 8px 32px rgba(0,0,0,0.16);
+            
+            /* 过渡 */
+            --transition: all 0.3s ease;
+        }
+        
+        /* ===== Reset & Base ===== */
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+        
+        html {
+            scroll-behavior: smooth;
+        }
+        
+        body {
+            font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+            font-size: 16px;
+            line-height: 1.6;
+            color: var(--text-primary);
+            background-color: var(--bg-light);
+        }
+        
+        a {
+            text-decoration: none;
+            color: inherit;
+        }
+        
+        ul {
+            list-style: none;
+        }
+        
+        img {
+            max-width: 100%;
+            height: auto;
+        }
+        
+        .container {
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 0 var(--spacing-md);
+        }
+        
+        .btn {
+            display: inline-block;
+            padding: 14px 32px;
+            font-size: 16px;
+            font-weight: 500;
+            border-radius: var(--radius-md);
+            cursor: pointer;
+            transition: var(--transition);
+            border: none;
+            text-align: center;
+        }
+        
+        .btn-primary {
+            background: var(--primary-gradient);
+            color: white;
+            box-shadow: 0 4px 12px rgba(236, 77, 9, 0.3);
+        }
+        
+        .btn-primary:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 6px 20px rgba(236, 77, 9, 0.4);
+        }
+        
+        .btn-outline {
+            background: transparent;
+            border: 2px solid var(--primary-orange);
+            color: var(--primary-orange);
+        }
+        
+        .btn-outline:hover {
+            background: var(--primary-gradient);
+            color: white;
+            transform: translateY(-2px);
+            box-shadow: 0 4px 12px rgba(255, 106, 25, 0.3);
+        }
+        
+        .btn-primary:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 6px 20px rgba(255, 106, 25, 0.4);
+        }
+        
+        .section {
+            padding: var(--spacing-xl) 0;
+        }
+        
+        .section-title {
+            text-align: center;
+            font-size: 36px;
+            font-weight: 700;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .section-subtitle {
+            text-align: center;
+            font-size: 18px;
+            color: var(--text-secondary);
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        /* ===== Navigation ===== */
+        /* ===== Navigation ===== */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+            transition: var(--transition);
+        }
+        
+        .navbar.scrolled {
+            box-shadow: 0 4px 30px rgba(0,0,0,0.12);
+        }
+        
+        .navbar .container {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            height: 80px;
+            max-width: 1400px;
+            margin: 0 auto;
+            padding: 0 32px;
+        }
+        
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            text-decoration: none;
+            background: transparent;
+            padding: 4px 0;
+        }
+        
+        .logo-img {
+            background: rgba(255,255,255,0.95);
+            height: 60px;
+            width: auto;
+            object-fit: contain;
+            transition: var(--transition);
+            
+        }
+        
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            text-decoration: none;
+            padding: 6px 0;
+        }
+        
+        .logo-img {
+            background: rgba(255,255,255,0.95);
+            height: 60px;
+            width: auto;
+            object-fit: contain;
+            transition: var(--transition);
+            
+        }
+        
+        .logo:hover .logo-img {
+            background: rgba(255,255,255,0.95);
+            transform: scale(1.05);
+        }
+        
+        .nav-menu {
+            display: flex;
+            gap: var(--spacing-lg);
+            align-items: center;
+        }
+        
+        .nav-link {
+            font-size: 15px;
+            font-weight: 500;
+            color: var(--text-primary);
+            transition: var(--transition);
+            position: relative;
+        }
+        
+        .nav-link:hover {
+            color: var(--primary-orange);
+        }
+        
+        .nav-link::after {
+            content: '';
+            position: absolute;
+            bottom: -4px;
+            left: 0;
+            width: 0;
+            height: 2px;
+            background: var(--primary-orange);
+            transition: var(--transition);
+        }
+        
+        .nav-link:hover::after {
+            width: 100%;
+        }
+        
+        .nav-cta {
+            display: flex;
+            gap: var(--spacing-sm);
+        }
+        
+        .nav-btn {
+            padding: 10px 20px;
+            font-size: 14px;
+        }
+        
+        /* Mobile Menu */
+        .menu-toggle {
+            display: none;
+            flex-direction: column;
+            gap: 5px;
+            cursor: pointer;
+            padding: 5px;
+        }
+        
+        .menu-toggle span {
+            width: 25px;
+            height: 3px;
+            background: var(--primary-orange);
+            border-radius: 2px;
+            transition: var(--transition);
+        }
+        
+        /* ===== Hero Section ===== */
+        .hero {
+            padding-top: 160px;
+            padding-bottom: 100px;
+            background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 50%, #F5F7FA 100%);
+            position: relative;
+            overflow: hidden;
+        }
+        
+        .hero::before {
+            content: '';
+            position: absolute;
+            top: -50%;
+            right: -20%;
+            width: 80%;
+            height: 200%;
+            background: radial-gradient(circle, rgba(236, 77, 9, 0.05) 0%, transparent 70%);
+            animation: float 20s ease-in-out infinite;
+        }
+        
+        @keyframes float {
+            0%, 100% { transform: translateY(0) rotate(0deg); }
+            50% { transform: translateY(-20px) rotate(5deg); }
+        }
+        
+        .hero-content {
+            text-align: center;
+            max-width: 900px;
+            margin: 0 auto;
+            position: relative;
+            z-index: 1;
+        }
+        
+        .hero-badge {
+            display: inline-block;
+            padding: 8px 16px;
+            background: linear-gradient(135deg, rgba(255, 106, 25, 0.1), rgba(252, 110, 24, 0.15));
+            color: var(--primary-orange);
+            font-size: 14px;
+            font-weight: 600;
+            border-radius: 20px;
+            margin-bottom: var(--spacing-md);
+            border: 1px solid rgba(255, 106, 25, 0.2);
+            animation: pulse 2s ease-in-out infinite;
+        }
+        
+        @keyframes pulse {
+            0%, 100% { transform: scale(1); }
+            50% { transform: scale(1.02); }
+        }
+        
+        .hero h1 {
+            font-size: 56px;
+            font-weight: 900;
+            line-height: 1.2;
+            margin-bottom: var(--spacing-sm);
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 50%, #FF8A5C 100%);
+            background-size: 200% auto;
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+            animation: gradientShift 3s ease infinite;
+        }
+        
+        @keyframes gradientShift {
+            0%, 100% { background-position: 0% center; }
+            50% { background-position: 100% center; }
+        }
+        
+        .hero p {
+            font-size: 20px;
+            color: var(--text-secondary);
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        .hero-stats {
+            display: flex;
+            justify-content: center;
+            gap: var(--spacing-lg);
+            margin-top: var(--spacing-lg);
+            flex-wrap: wrap;
+        }
+        
+        .stat-item {
+            text-align: center;
+        }
+        
+        .stat-number {
+            font-size: 36px;
+            font-weight: 700;
+            background: var(--primary-gradient);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+        
+        .stat-label {
+            font-size: 14px;
+            color: var(--text-light);
+            margin-top: 4px;
+        }
+        
+        .hero-buttons {
+            display: flex;
+            justify-content: center;
+            gap: var(--spacing-sm);
+            margin-top: var(--spacing-lg);
+            flex-wrap: wrap;
+        }
+        
+        /* ===== Trust Bar ===== */
+        .trust-bar {
+            padding: var(--spacing-lg) 0;
+            background: var(--bg-gray);
+            border-top: 1px solid #eee;
+            border-bottom: 1px solid #eee;
+        }
+        
+        .trust-bar p {
+            text-align: center;
+            font-size: 14px;
+            color: var(--text-light);
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .trust-logos {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            gap: var(--spacing-lg);
+            flex-wrap: wrap;
+            opacity: 0.6;
+        }
+        
+        .trust-logo {
+            height: 40px;
+            filter: grayscale(100%);
+            transition: var(--transition);
+        }
+        
+        .trust-logo:hover {
+            filter: grayscale(0%);
+        }
+        
+        /* ===== Features Section ===== */
+        .features {
+            background: var(--bg-light);
+        }
+        
+        .features-grid {
+            display: grid;
+            grid-template-columns: repeat(4, 1fr);
+            gap: var(--spacing-md);
+        }
+        
+        .feature-card {
+            text-align: center;
+            padding: var(--spacing-lg) var(--spacing-md);
+            border-radius: var(--radius-lg);
+            transition: var(--transition);
+        }
+        
+        .feature-card:hover {
+            background: var(--bg-gray);
+            transform: translateY(-4px);
+        }
+        
+        .feature-icon {
+            width: 64px;
+            height: 64px;
+            margin: 0 auto var(--spacing-sm);
+            background: var(--primary-gradient);
+            border-radius: var(--radius-md);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 28px;
+        }
+        
+        .feature-title {
+            font-size: 18px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .feature-desc {
+            font-size: 14px;
+            color: var(--text-secondary);
+        }
+        
+        /* ===== Products Section ===== */
+        .products {
+            background: var(--bg-gray);
+        }
+        
+        .products-grid {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: var(--spacing-md);
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        .product-card {
+            background: white;
+            border-radius: var(--radius-lg);
+            padding: var(--spacing-lg);
+            box-shadow: var(--shadow-sm);
+            transition: var(--transition);
+            position: relative;
+            overflow: hidden;
+        }
+        
+        .product-card::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            height: 4px;
+            background: var(--primary-gradient);
+        }
+        
+        .product-card:hover {
+            transform: translateY(-12px);
+            box-shadow: var(--shadow-lg);
+        }
+        
+        .product-card:hover .product-icon {
+            transform: scale(1.1) rotate(5deg);
+        }
+        
+        .product-icon {
+            width: 80px;
+            height: 80px;
+            border-radius: 50%;
+            background: var(--primary-gradient);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 36px;
+            margin-bottom: var(--spacing-sm);
+            box-shadow: 0 4px 16px rgba(255, 106, 25, 0.3);
+            transition: var(--transition);
+        }
+        
+        .product-name {
+            font-size: 20px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .product-price {
+            font-size: 28px;
+            font-weight: 700;
+            color: var(--primary-orange);
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .product-price span {
+            font-size: 14px;
+            font-weight: 400;
+            color: var(--text-light);
+        }
+        
+        .product-features {
+            margin: var(--spacing-sm) 0;
+            padding: var(--spacing-sm) 0;
+            border-top: 1px solid #eee;
+            border-bottom: 1px solid #eee;
+        }
+        
+        .product-features li {
+            font-size: 14px;
+            color: var(--text-secondary);
+            padding: 4px 0;
+            display: flex;
+            align-items: center;
+            gap: 8px;
+        }
+        
+        .product-features li::before {
+            content: '✓';
+            color: var(--success);
+            font-weight: 700;
+        }
+        
+        /* AI Custom Product */
+        .product-ai {
+            grid-column: 1 / -1;
+            background: var(--primary-gradient);
+            color: white;
+            padding: var(--spacing-xl);
+            border-radius: var(--radius-xl);
+            text-align: center;
+            position: relative;
+            overflow: hidden;
+        }
+        
+        .product-ai::before {
+            content: '';
+            position: absolute;
+            top: -50%;
+            right: -10%;
+            width: 50%;
+            height: 200%;
+            background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
+            animation: float 15s ease-in-out infinite reverse;
+        }
+        
+        .product-ai h3 {
+            font-size: 32px;
+            margin-bottom: var(--spacing-sm);
+            position: relative;
+        }
+        
+        .product-ai p {
+            font-size: 18px;
+            opacity: 0.95;
+            margin-bottom: var(--spacing-md);
+            position: relative;
+        }
+        
+        .product-ai .btn {
+            background: white;
+            color: var(--primary-orange);
+            position: relative;
+        }
+        
+        /* ===== Technology Section ===== */
+        /* ===== Sample Reports Section ===== */
+        .sample-reports {
+            background: var(--bg-gray);
+        }
+        
+        .sample-grid {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: var(--spacing-md);
+        }
+        
+        .sample-card {
+            background: white;
+            border-radius: var(--radius-lg);
+            padding: var(--spacing-lg);
+            box-shadow: var(--shadow-sm);
+            transition: var(--transition);
+            position: relative;
+            overflow: hidden;
+            display: flex;
+            flex-direction: column;
+        }
+        
+        .sample-card::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            height: 4px;
+            background: var(--primary-gradient);
+        }
+        
+        .sample-card:hover {
+            transform: translateY(-8px);
+            box-shadow: var(--shadow-lg);
+        }
+        
+        .sample-icon {
+            width: 70px;
+            height: 70px;
+            border-radius: 50%;
+            background: var(--primary-orange-soft);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 32px;
+            margin-bottom: var(--spacing-sm);
+            transition: var(--transition);
+        }
+        
+        .sample-card:hover .sample-icon {
+            transform: scale(1.1);
+        }
+        
+        .sample-name {
+            font-size: 20px;
+            font-weight: 600;
+            margin-bottom: 12px;
+            color: var(--text-primary);
+        }
+        
+        .sample-desc {
+            font-size: 14px;
+            color: var(--text-secondary);
+            line-height: 1.6;
+            margin-bottom: 16px;
+            flex-grow: 1;
+        }
+        
+        .sample-features {
+            font-size: 13px;
+            color: var(--text-secondary);
+            margin-bottom: 20px;
+            padding-left: 0;
+        }
+        
+        .sample-features li {
+            padding: 4px 0;
+            list-style: none;
+        }
+
+        .technology {
+            background: linear-gradient(135deg, #1A1A2E 0%, #16213E 100%);
+            color: white;
+        }
+        
+        .technology .section-title,
+        .technology .section-subtitle {
+            color: white;
+        }
+        
+        .tech-diagram {
+            max-width: 1000px;
+            margin: var(--spacing-lg) auto;
+            background: rgba(255,255,255,0.05);
+            border-radius: var(--radius-xl);
+            padding: var(--spacing-xl);
+            backdrop-filter: blur(10px);
+        }
+        
+        .tech-flow {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            flex-wrap: wrap;
+            gap: var(--spacing-md);
+        }
+        
+        .tech-step {
+            flex: 1;
+            min-width: 150px;
+            text-align: center;
+            padding: var(--spacing-md);
+            background: rgba(236, 77, 9, 0.1);
+            border-radius: var(--radius-md);
+            border: 1px solid rgba(236, 77, 9, 0.3);
+        }
+        
+        .tech-step-icon {
+            font-size: 36px;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .tech-step-title {
+            font-size: 16px;
+            font-weight: 600;
+            margin-bottom: 4px;
+        }
+        
+        .tech-step-desc {
+            font-size: 13px;
+            opacity: 0.8;
+        }
+        
+        .tech-arrow {
+            font-size: 24px;
+            color: var(--primary-orange);
+        }
+        
+        .tech-apis {
+            text-align: center;
+            margin-top: var(--spacing-lg);
+            padding: var(--spacing-md);
+            background: rgba(255,255,255,0.05);
+            border-radius: var(--radius-md);
+        }
+        
+        .tech-apis p {
+            font-size: 14px;
+            opacity: 0.8;
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .api-tags {
+            display: flex;
+            justify-content: center;
+            gap: var(--spacing-xs);
+            flex-wrap: wrap;
+        }
+        
+        .api-tag {
+            padding: 6px 12px;
+            background: rgba(236, 77, 9, 0.2);
+            border-radius: 20px;
+            font-size: 13px;
+            border: 1px solid rgba(236, 77, 9, 0.3);
+        }
+        
+        /* ===== Partnership Section ===== */
+        .partnership {
+            background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%);
+        }
+        
+        .pricing-grid {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: var(--spacing-md);
+            max-width: 1000px;
+            margin: 0 auto var(--spacing-lg);
+        }
+        
+        .pricing-card {
+            background: white;
+            border-radius: var(--radius-lg);
+            padding: var(--spacing-lg);
+            text-align: center;
+            box-shadow: var(--shadow-sm);
+            transition: var(--transition);
+            border: 2px solid transparent;
+        }
+        
+        .pricing-card:hover {
+            transform: translateY(-8px);
+            box-shadow: var(--shadow-lg);
+        }
+        
+        .pricing-card.featured {
+            border-color: var(--primary-orange);
+            position: relative;
+            transform: scale(1.08);
+            box-shadow: var(--shadow-lg);
+            z-index: 1;
+        }
+        
+        .pricing-card.featured:hover {
+            transform: scale(1.08) translateY(-8px);
+        }
+        
+        .pricing-card.featured::before {
+            content: '🔥 热门推荐';
+            position: absolute;
+            top: -14px;
+            left: 50%;
+            transform: translateX(-50%);
+            background: var(--primary-gradient);
+            color: white;
+            padding: 6px 20px;
+            border-radius: 12px;
+            font-size: 13px;
+            font-weight: 600;
+            box-shadow: 0 4px 12px rgba(255, 106, 25, 0.4);
+        }
+        
+        .pricing-icon {
+            font-size: 48px;
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .pricing-name {
+            font-size: 20px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .pricing-price {
+            font-size: 36px;
+            font-weight: 700;
+            color: var(--primary-orange);
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .pricing-price span {
+            font-size: 14px;
+            font-weight: 400;
+            color: var(--text-light);
+        }
+        
+        .pricing-features {
+            margin: var(--spacing-md) 0;
+            text-align: left;
+        }
+        
+        .pricing-features li {
+            font-size: 14px;
+            color: var(--text-secondary);
+            padding: 8px 0;
+            display: flex;
+            align-items: center;
+            gap: 8px;
+        }
+        
+        .pricing-features li::before {
+            content: '✓';
+            color: var(--success);
+            font-weight: 700;
+        }
+        
+        /* Calculator - Advanced Profit Calculator */
+        .profit-calculator {
+            max-width: 1000px;
+            margin: var(--spacing-lg) auto;
+            background: white;
+            padding: var(--spacing-lg);
+            border-radius: var(--radius-lg);
+            box-shadow: var(--shadow-md);
+        }
+        
+        .calculator-title {
+            text-align: center;
+            font-size: 24px;
+            font-weight: 700;
+            margin-bottom: var(--spacing-md);
+            color: var(--text-primary);
+        }
+        
+        .level-tabs {
+            display: flex;
+            gap: 12px;
+            margin-bottom: 24px;
+        }
+        
+        .tab-btn {
+            flex: 1;
+            padding: 16px 20px;
+            border: 2px solid #e0e0e0;
+            border-radius: var(--radius-md);
+            background: #fff;
+            cursor: pointer;
+            font-size: 16px;
+            font-weight: 600;
+            transition: var(--transition);
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+        
+        .tab-btn:hover {
+            border-color: var(--primary-orange);
+        }
+        
+        .tab-btn.active {
+            border-color: var(--primary-orange);
+            background: var(--primary-gradient);
+            color: #fff;
+        }
+        
+        .tab-btn .price {
+            font-size: 13px;
+            font-weight: 400;
+            opacity: 0.9;
+        }
+        
+        .calculator-grid {
+            display: grid;
+            grid-template-columns: 1fr 1fr;
+            gap: 24px;
+        }
+        
+        .input-section, .profit-section {
+            background: var(--bg-gray);
+            padding: 20px;
+            border-radius: var(--radius-md);
+        }
+        
+        .input-section h4, .profit-section h4 {
+            font-size: 16px;
+            margin-bottom: 16px;
+            color: var(--text-primary);
+        }
+        
+        .input-group {
+            margin-bottom: 16px;
+        }
+        
+        .input-group label {
+            display: block;
+            margin-bottom: 6px;
+            font-size: 13px;
+            color: var(--text-secondary);
+        }
+        
+        .input-group input {
+            width: 100%;
+            padding: 10px 12px;
+            border: 1px solid #ddd;
+            border-radius: 6px;
+            font-size: 15px;
+            transition: var(--transition);
+        }
+        
+        .input-group input:focus {
+            outline: none;
+            border-color: var(--primary-orange);
+        }
+        
+        .profit-card {
+            background: #fff;
+            padding: 14px;
+            border-radius: 8px;
+            margin-bottom: 10px;
+        }
+        
+        .profit-card .label {
+            font-size: 13px;
+            color: var(--text-secondary);
+            margin-bottom: 4px;
+        }
+        
+        .profit-card .value {
+            font-size: 24px;
+            font-weight: 700;
+            color: var(--primary-orange);
+        }
+        
+        .profit-card .sub {
+            font-size: 11px;
+            color: #999;
+            margin-top: 4px;
+        }
+        
+        .profit-card.highlight {
+            background: #FFF3E0;
+            border: 2px solid var(--primary-orange);
+        }
+        
+        .profit-card.total {
+            background: var(--primary-gradient);
+            color: #fff;
+        }
+        
+        .profit-card.total .label,
+        .profit-card.total .value,
+        .profit-card.total .sub {
+            color: #fff;
+        }
+        
+        .roi-card {
+            background: #FFF3CD;
+            border: 2px solid #FFC107;
+            padding: 14px;
+            border-radius: 8px;
+            margin-top: 12px;
+        }
+        
+        .roi-card .label {
+            font-size: 13px;
+            color: #856404;
+        }
+        
+        .roi-card .value {
+            font-size: 20px;
+            font-weight: 700;
+            color: #856404;
+        }
+        
+        .roi-card .sub {
+            font-size: 11px;
+            color: #856404;
+            opacity: 0.8;
+            margin-top: 4px;
+        }
+        
+        .product-detail {
+            grid-column: 1 / -1;
+            background: #fff;
+            padding: 20px;
+            border-radius: var(--radius-md);
+            border: 1px solid #e0e0e0;
+            margin-top: 12px;
+        }
+        
+        .product-detail h4 {
+            font-size: 16px;
+            margin-bottom: 12px;
+            color: var(--text-primary);
+        }
+        
+        .product-detail table {
+            width: 100%;
+            border-collapse: collapse;
+            font-size: 13px;
+        }
+        
+        .product-detail th,
+        .product-detail td {
+            padding: 10px;
+            text-align: left;
+            border-bottom: 1px solid #e0e0e0;
+        }
+        
+        .product-detail th {
+            background: var(--bg-gray);
+            font-weight: 600;
+            color: var(--text-primary);
+        }
+        
+        .product-detail tr:hover {
+            background: var(--bg-gray-light);
+        }
+        
+        @media (max-width: 768px) {
+            .calculator-grid {
+                grid-template-columns: 1fr;
+            }
+            
+            .level-tabs {
+                flex-direction: column;
+            }
+        }
+        
+        /* ===== FAQ Section ===== */
+        .faq {
+            background: var(--bg-light);
+        }
+        
+        .faq-list {
+            max-width: 800px;
+            margin: 0 auto;
+        }
+        
+        .faq-item {
+            border-bottom: 1px solid #eee;
+            padding: var(--spacing-md) 0;
+            transition: var(--transition);
+        }
+        
+        .faq-item:hover {
+            background: rgba(255, 106, 25, 0.02);
+            padding-left: var(--spacing-sm);
+            padding-right: var(--spacing-sm);
+            margin-left: calc(-1 * var(--spacing-sm));
+            margin-right: calc(-1 * var(--spacing-sm));
+            border-radius: var(--radius-md);
+        }
+        }
+        
+        .faq-question {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            cursor: pointer;
+            padding: var(--spacing-sm) 0;
+            font-size: 18px;
+            font-weight: 500;
+            transition: var(--transition);
+        }
+        
+        .faq-question:hover {
+            color: var(--primary-orange);
+        }
+        
+        .faq-icon {
+            font-size: 24px;
+            color: var(--primary-orange);
+            transition: var(--transition);
+            width: 32px;
+            height: 32px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            border-radius: 50%;
+            background: rgba(255, 106, 25, 0.1);
+        }
+        
+        .faq-item.active .faq-icon {
+            background: var(--primary-gradient);
+            color: white;
+        }
+        
+        .faq-answer {
+            max-height: 0;
+            overflow: hidden;
+            transition: max-height 0.3s ease;
+            color: var(--text-secondary);
+            line-height: 1.8;
+        }
+        
+        .faq-item.active .faq-icon {
+            transform: rotate(45deg);
+        }
+        
+        .faq-item.active .faq-answer {
+            max-height: 500px;
+            margin-top: var(--spacing-sm);
+        }
+        
+        /* ===== CTA Section ===== */
+        .cta {
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 50%, #FF8A5C 100%);
+            background-size: 200% 200%;
+            animation: gradientShift 5s ease infinite;
+            color: white;
+            text-align: center;
+            padding: var(--spacing-xl) 0;
+            position: relative;
+            overflow: hidden;
+        }
+        
+        .cta::before {
+            content: '';
+            position: absolute;
+            top: -50%;
+            left: -50%;
+            width: 200%;
+            height: 200%;
+            background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
+            animation: rotate 20s linear infinite;
+        }
+        
+        @keyframes rotate {
+            from { transform: rotate(0deg); }
+            to { transform: rotate(360deg); }
+        }
+        
+        .cta h2 {
+            font-size: 36px;
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .cta p {
+            font-size: 18px;
+            opacity: 0.95;
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        .cta-buttons {
+            display: flex;
+            justify-content: center;
+            gap: var(--spacing-sm);
+            flex-wrap: wrap;
+            position: relative;
+            z-index: 1;
+        }
+        
+        .cta .btn {
+            background: white;
+            color: var(--primary-orange);
+        }
+        
+        .cta .btn:hover {
+            transform: translateY(-3px);
+            box-shadow: 0 8px 24px rgba(0,0,0,0.2);
+        }
+        
+        .cta .btn-outline {
+            background: transparent;
+            border-color: rgba(255,255,255,0.5);
+            color: white;
+        }
+        
+        .cta .btn-outline:hover {
+            background: white;
+            color: var(--primary-orange);
+        }
+        
+        .cta .btn-outline:hover {
+            background: white;
+            color: var(--primary-orange);
+        }
+        
+        /* ===== Footer ===== */
+        .footer {
+            background: #1A1A1A;
+            color: white;
+            padding: var(--spacing-xl) 0 var(--spacing-lg);
+        }
+        
+        .footer-grid {
+            display: grid;
+            grid-template-columns: 2fr repeat(3, 1fr);
+            gap: var(--spacing-lg);
+            margin-bottom: var(--spacing-lg);
+        }
+        
+        .footer-brand h3 {
+            font-size: 24px;
+            margin-bottom: var(--spacing-sm);
+            color: var(--primary-orange);
+        }
+        
+        .footer-brand p {
+            font-size: 14px;
+            opacity: 0.8;
+            line-height: 1.8;
+        }
+        
+        .footer-title {
+            font-size: 16px;
+            font-weight: 600;
+            margin-bottom: var(--spacing-sm);
+        }
+        
+        .footer-links li {
+            margin-bottom: var(--spacing-xs);
+        }
+        
+        .footer-links a {
+            font-size: 14px;
+            opacity: 0.8;
+            transition: var(--transition);
+        }
+        
+        .footer-links a:hover {
+            opacity: 1;
+            color: var(--primary-orange);
+        }
+        
+        .footer-bottom {
+            padding-top: var(--spacing-lg);
+            border-top: 1px solid rgba(255,255,255,0.1);
+            text-align: center;
+            font-size: 14px;
+            opacity: 0.6;
+        }
+        
+        .footer-icp {
+            margin-top: var(--spacing-sm);
+        }
+        
+        /* ===== Animations ===== */
+        @keyframes fadeInUp {
+            from {
+                opacity: 0;
+                transform: translateY(30px);
+            }
+            to {
+                opacity: 1;
+                transform: translateY(0);
+            }
+        }
+        
+        .fade-in-up {
+            animation: fadeInUp 0.6s ease forwards;
+        }
+        
+        .section-title {
+            opacity: 0;
+            animation: fadeInUp 0.6s ease forwards;
+        }
+        
+        .product-card {
+            opacity: 0;
+            animation: fadeInUp 0.6s ease forwards;
+            animation-play-state: paused;
+        }
+        
+        .product-card:nth-child(1) { animation-delay: 0.1s; }
+        .product-card:nth-child(2) { animation-delay: 0.15s; }
+        .product-card:nth-child(3) { animation-delay: 0.2s; }
+        .product-card:nth-child(4) { animation-delay: 0.25s; }
+        .product-card:nth-child(5) { animation-delay: 0.3s; }
+        .product-card:nth-child(6) { animation-delay: 0.35s; }
+        
+        .pricing-card {
+            opacity: 0;
+            animation: fadeInUp 0.6s ease forwards;
+            animation-play-state: paused;
+        }
+        
+        .pricing-card:nth-child(1) { animation-delay: 0.1s; }
+        .pricing-card:nth-child(2) { animation-delay: 0.2s; }
+        .pricing-card:nth-child(3) { animation-delay: 0.3s; }
+        
+        /* ===== Responsive ===== */
+        @media (max-width: 1024px) {
+            .features-grid {
+                grid-template-columns: repeat(2, 1fr);
+            }
+            
+            .products-grid {
+                grid-template-columns: repeat(2, 1fr);
+            }
+            
+            .pricing-grid {
+                grid-template-columns: repeat(2, 1fr);
+            }
+            
+            .footer-grid {
+                grid-template-columns: repeat(2, 1fr);
+            }
+        }
+        
+        /* ===== Mobile Responsive - 手机竖屏版 ===== */
+        @media (max-width: 768px) {
+            /* 导航栏 */
+            .navbar .container {
+                height: 60px;
+                padding: 0 12px;
+            }
+            
+            .logo {
+                padding: 0;
+                margin-left: 0;
+            }
+            
+            .logo-img {
+            background: rgba(255,255,255,0.95);
+                height: 40px;
+                margin-left: 0;
+            }
+            
+            .nav-menu {
+                display: none;
+                position: absolute;
+                top: 64px;
+                left: 0;
+                right: 0;
+                background: white;
+                flex-direction: column;
+                padding: var(--spacing-md);
+                box-shadow: var(--shadow-md);
+                z-index: 999;
+            }
+            
+            .nav-menu.active {
+                display: flex;
+            }
+            
+            .nav-menu li {
+                margin: 8px 0;
+            }
+            
+            .nav-link {
+                font-size: 16px;
+                padding: 12px 0;
+                display: block;
+            }
+            
+            .nav-cta {
+                display: none;
+            }
+            
+            .menu-toggle {
+                display: flex;
+            }
+            
+            /* Hero Section */
+            .hero {
+                padding-top: 100px;
+                padding-bottom: var(--spacing-lg);
+            }
+            
+            .hero h1 {
+                font-size: 28px;
+                line-height: 1.3;
+            }
+            
+            .hero p {
+                font-size: 14px;
+                margin-top: 12px;
+            }
+            
+            .hero-badge {
+                font-size: 12px;
+                padding: 6px 12px;
+            }
+            
+            .hero-stats {
+                flex-direction: column;
+                gap: var(--spacing-sm);
+                margin-top: var(--spacing-md);
+            }
+            
+            .stat-item {
+                flex-direction: row;
+                justify-content: space-between;
+                padding: 12px 16px;
+            }
+            
+            .stat-number {
+                font-size: 24px;
+            }
+            
+            .stat-label {
+                font-size: 13px;
+            }
+            
+            .hero-buttons {
+                flex-direction: column;
+                gap: 12px;
+            }
+            
+            .hero-buttons .btn {
+                width: 100%;
+            }
+            
+            /* Section Titles */
+            .section-title {
+                font-size: 26px;
+            }
+            
+            .section-subtitle {
+                font-size: 15px;
+            }
+            
+            /* Features */
+            .features-grid {
+                grid-template-columns: 1fr;
+                gap: var(--spacing-sm);
+            }
+            
+            .feature-card {
+                padding: var(--spacing-md);
+            }
+            
+            .feature-icon {
+                font-size: 36px;
+            }
+            
+            .feature-title {
+                font-size: 17px;
+            }
+            
+            .feature-desc {
+                font-size: 13px;
+            }
+            
+            /* Products */
+            .products-grid {
+                grid-template-columns: 1fr;
+                gap: var(--spacing-sm);
+            }
+            
+            .product-card {
+                padding: var(--spacing-md);
+            }
+            
+            .product-icon {
+                font-size: 40px;
+            }
+            
+            .product-name {
+                font-size: 17px;
+            }
+            
+            .product-price {
+                font-size: 20px;
+            }
+            
+            .product-features li {
+                font-size: 13px;
+            }
+            
+            /* Pricing */
+            .pricing-grid {
+                grid-template-columns: 1fr;
+                gap: var(--spacing-sm);
+            }
+            
+            .pricing-card {
+                padding: var(--spacing-md);
+            }
+            
+            .pricing-name {
+                font-size: 18px;
+            }
+            
+            .pricing-price {
+                font-size: 28px;
+            }
+            
+            .pricing-features {
+                font-size: 13px;
+            }
+            
+            .pricing-features li {
+                padding: 8px 0;
+            }
+            
+            /* Calculator */
+            .profit-calculator {
+                padding: var(--spacing-md);
+            }
+            
+            .calculator-grid {
+                grid-template-columns: 1fr;
+                gap: var(--spacing-sm);
+            }
+            
+            .level-tabs {
+                flex-direction: column;
+                gap: 8px;
+            }
+            
+            .tab-btn {
+                padding: 12px 16px;
+                font-size: 15px;
+            }
+            
+            .input-section,
+            .profit-section {
+                padding: 16px;
+            }
+            
+            .profit-card .value {
+                font-size: 20px;
+            }
+            
+            .product-detail table {
+                font-size: 12px;
+            }
+            
+            .product-detail th,
+            .product-detail td {
+                padding: 8px 4px;
+            }
+            
+            /* FAQ */
+            .faq-question {
+                font-size: 16px;
+            }
+            
+            .faq-answer {
+                font-size: 14px;
+            }
+            
+            /* CTA */
+            .cta {
+                padding: var(--spacing-lg) 0;
+            }
+            
+            .cta h2 {
+                font-size: 22px;
+            }
+            
+            .cta p {
+                font-size: 14px;
+            }
+            
+            .cta-buttons {
+                flex-direction: column;
+                gap: 12px;
+            }
+            
+            .cta-buttons .btn {
+                width: 100%;
+            }
+            
+            /* Footer */
+            .footer {
+                padding: var(--spacing-lg) 0;
+            }
+            
+            .footer-grid {
+                grid-template-columns: 1fr;
+                gap: var(--spacing-md);
+            }
+            
+            .footer-brand h3 {
+                font-size: 18px;
+            }
+            
+            .footer-title {
+                font-size: 15px;
+            }
+            
+            .footer-links li {
+                font-size: 13px;
+            }
+            
+            .footer-bottom {
+                flex-direction: column;
+                text-align: center;
+                font-size: 12px;
+            }
+            
+            /* Tech Section */
+            .tech-flow {
+                flex-direction: column;
+                gap: var(--spacing-sm);
+            }
+            
+            .tech-step {
+                padding: var(--spacing-sm);
+            }
+            
+            .tech-step-icon {
+                font-size: 32px;
+            }
+            
+            .tech-step-title {
+                font-size: 15px;
+            }
+            
+            .tech-step-desc {
+                font-size: 12px;
+            }
+            
+            .tech-arrow {
+                transform: rotate(90deg);
+                font-size: 20px;
+            }
+            
+            .api-tags {
+                flex-wrap: wrap;
+            }
+            
+            .api-tag {
+                font-size: 12px;
+                padding: 6px 12px;
+            }
+            
+            /* Buttons */
+            .btn {
+                padding: 12px 24px;
+                font-size: 15px;
+            }
+        }
+        
+        /* 超小屏幕优化 */
+        @media (max-width: 480px) {
+            .hero h1 {
+                font-size: 24px;
+            }
+            
+            .section-title {
+                font-size: 22px;
+            }
+            
+            .container {
+                padding: 0 12px;
+            }
+            
+            .navbar .container {
+                padding: 0 12px;
+            }
+        }
+    </style>
+</head>
+<body>
+    <!-- Navigation -->
+    <nav class="navbar" id="navbar">
+        <div class="container">
+            <a href="#" class="logo">
+                <img src="assets/logo.png" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            
+            <div class="menu-toggle" id="menuToggle">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+            
+            <ul class="nav-menu" id="navMenu">
+                <li><a href="#home" class="nav-link">首页</a></li>
+                <li><a href="#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="#technology" class="nav-link">AI 能力</a></li>
+                <li><a href="#partnership" class="nav-link">代理合作</a></li>
+                <li><a href="#about" class="nav-link">关于我们</a></li>
+            </ul>
+            
+            <div class="nav-cta">
+                <a href="#products" class="btn btn-outline nav-btn">立即查询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
+            </div>
+        </div>
+    </nav>
+
+    <!-- Hero Section -->
+    <section class="hero" id="home">
+        <div class="container">
+            <div class="hero-content">
+                <span class="hero-badge">🤖 AI 驱动的商业信任科技平台</span>
+                <h1>让信任无处不在<br>让合作没有距离</h1>
+                <p>200+ 数据接口 · 智能组合 · 秒级响应</p>
+                
+                <div class="hero-buttons">
+                    <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary">🚀 立即注册</a>
+                    <a href="#partnership" class="btn btn-outline">💼 代理合作</a>
+                </div>
+                
+                <div class="hero-stats">
+                    <div class="stat-item">
+                        <div class="stat-number" id="statReports">0</div>
+                        <div class="stat-label">已生成报告</div>
+                    </div>
+                    <div class="stat-item">
+                        <div class="stat-number" id="statUsers">0</div>
+                        <div class="stat-label">服务用户</div>
+                    </div>
+                    <div class="stat-item">
+                        <div class="stat-number" id="statApis">200+</div>
+                        <div class="stat-label">数据接口</div>
+                    </div>
+                    <div class="stat-item">
+                        <div class="stat-number" id="statEnterprises">0</div>
+                        <div class="stat-label">合作企业</div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+
+
+    <!-- Features Section -->
+    <section class="section features">
+        <div class="container">
+            <h2 class="section-title">核心优势</h2>
+            <p class="section-subtitle">为什么选择愉悦查</p>
+            
+            <div class="features-grid">
+                <div class="feature-card">
+                    <div class="feature-icon">📡</div>
+                    <h3 class="feature-title">海量数据</h3>
+                    <p class="feature-desc">200+ 官方数据接口<br>覆盖全维度信息</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">🤖</div>
+                    <h3 class="feature-title">AI 引擎</h3>
+                    <p class="feature-desc">智能组合接口<br>40+ 分析技能</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">⚡</div>
+                    <h3 class="feature-title">秒级响应</h3>
+                    <p class="feature-desc">实时生成报告<br>最快 3 秒出结果</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">🔒</div>
+                    <h3 class="feature-title">安全合规</h3>
+                    <p class="feature-desc">等保三级认证<br>数据加密传输</p>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Products Section -->
+    <section class="section products" id="products">
+        <div class="container">
+            <h2 class="section-title">产品服务</h2>
+            <p class="section-subtitle">6 大标准报告 + AI 智能定制</p>
+            
+            <div class="products-grid">
+                <!-- Product 1 -->
+                <div class="product-card">
+                    <div class="product-icon">📊</div>
+                    <h3 class="product-name">个人大数据报告</h3>
+                    <div class="product-price">¥49.8</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>全面个人背景分析</li>
+                        <li>秒级生成</li>
+                        <li>PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=riskassessment" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/riskassessment" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- Product 2 -->
+                <div class="product-card">
+                    <div class="product-icon">💕</div>
+                    <h3 class="product-name">婚恋风险报告</h3>
+                    <div class="product-price">¥39.9</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>婚恋风险评估</li>
+                        <li>隐私保护</li>
+                        <li>PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=marriage" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/marriage" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- Product 3 -->
+                <div class="product-card">
+                    <div class="product-icon">💼</div>
+                    <h3 class="product-name">入职背调报告</h3>
+                    <div class="product-price">¥69.9</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>员工背景筛查</li>
+                        <li>降低用工风险</li>
+                        <li>批量查询优惠</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=backgroundcheck" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/backgroundcheck" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- Product 4 -->
+                <div class="product-card">
+                    <div class="product-icon">🏢</div>
+                    <h3 class="product-name">小微企业报告</h3>
+                    <div class="product-price">¥69.9</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>企业风险筛查</li>
+                        <li>合作前必备</li>
+                        <li>PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=companyinfo" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/companyinfo" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- Product 5 -->
+                <div class="product-card">
+                    <div class="product-icon">🧹</div>
+                    <h3 class="product-name">家政风险报告</h3>
+                    <div class="product-price">¥39.9</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>家政人员背调</li>
+                        <li>雇佣更安全</li>
+                        <li>PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=homeservice" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/homeservice" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- Product 6 -->
+                <div class="product-card">
+                    <div class="product-icon">💳</div>
+                    <h3 class="product-name">消金报告</h3>
+                    <div class="product-price">¥39.9</div>
+                    <ul class="product-features">
+                        <li>3-4 个数据接口组合</li>
+                        <li>消费金融风险评估</li>
+                        <li>快速决策支持</li>
+                        <li>PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=consumerFinanceReport" target="_blank" class="btn btn-outline" style="width:100%;margin-bottom:10px">📄 查看示例报告</a>
+                    <a href="https://www.yuyuecha.com/inquire/consumerFinanceReport" class="btn btn-primary" style="width:100%">立即查询</a>
+                </div>
+                
+                <!-- AI Custom Product -->
+                <div class="product-ai">
+                    <h3>✨ AI 定制报告</h3>
+                    <p>告诉我您的需求，AI 智能组合 200+ 接口，生成独一无二的专属报告</p>
+                    <p style="font-size:14px;opacity:0.8;">例："我想了解一个合作伙伴的信用和风险状况"</p>
+                    <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn">🎯 立即定制 - 从 ¥99 起</a>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Sample Reports Section -->
+    <section class="section sample-reports" id="sample-reports" style="background: var(--bg-gray);">
+        <div class="container">
+            <h2 class="section-title">示例报告</h2>
+            <p class="section-subtitle">查看真实报告样本，了解报告内容</p>
+            
+            <div class="sample-grid">
+                <!-- Sample 1 -->
+                <div class="sample-card">
+                    <div class="sample-icon">📊</div>
+                    <h3 class="sample-name">个人大数据报告</h3>
+                    <p class="sample-desc">全面个人背景分析，包含身份信息、社交网络、行为特征等多维度数据</p>
+                    <ul class="sample-features">
+                        <li>✓ 3-4 个数据接口组合</li>
+                        <li>✓ 秒级生成</li>
+                        <li>✓ PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=riskassessment" target="_blank" class="btn btn-outline" style="width:100%">👁️ 查看示例</a>
+                </div>
+                
+                <!-- Sample 2 -->
+                <div class="sample-card">
+                    <div class="sample-icon">💕</div>
+                    <h3 class="sample-name">婚恋风险报告</h3>
+                    <p class="sample-desc">婚恋风险评估，帮助了解对方的婚姻状况、信用记录等关键信息</p>
+                    <ul class="sample-features">
+                        <li>✓ 婚恋风险评估</li>
+                        <li>✓ 隐私保护</li>
+                        <li>✓ PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=marriage" target="_blank" class="btn btn-outline" style="width:100%">👁️ 查看示例</a>
+                </div>
+                
+                <!-- Sample 3 -->
+                <div class="sample-card">
+                    <div class="sample-icon">💼</div>
+                    <h3 class="sample-name">入职背调报告</h3>
+                    <p class="sample-desc">员工背景筛查，降低用工风险，包含学历、工作履历、信用记录等</p>
+                    <ul class="sample-features">
+                        <li>✓ 员工背景筛查</li>
+                        <li>✓ 降低用工风险</li>
+                        <li>✓ 批量查询优惠</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=backgroundcheck" target="_blank" class="btn btn-outline" style="width:100%">👁️ 查看示例</a>
+                </div>
+                
+                <!-- Sample 4 -->
+                <div class="sample-card">
+                    <div class="sample-icon">🏢</div>
+                    <h3 class="sample-name">小微企业报告</h3>
+                    <p class="sample-desc">企业风险筛查，合作前必备，包含工商信息、司法风险、经营状况等</p>
+                    <ul class="sample-features">
+                        <li>✓ 企业风险筛查</li>
+                        <li>✓ 合作前必备</li>
+                        <li>✓ PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=companyinfo" target="_blank" class="btn btn-outline" style="width:100%">👁️ 查看示例</a>
+                </div>
+                
+                <!-- Sample 5 -->
+                <div class="sample-card">
+                    <div class="sample-icon">🧹</div>
+                    <h3 class="sample-name">家政风险报告</h3>
+                    <p class="sample-desc">家政人员背调，雇佣更安全，包含身份信息、犯罪记录、信用状况等</p>
+                    <ul class="sample-features">
+                        <li>✓ 家政人员背调</li>
+                        <li>✓ 雇佣更安全</li>
+                        <li>✓ PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=homeservice" target="_blank" class="btn btn-outline" style="width:100%">👁️ 查看示例</a>
+                </div>
+                
+                <!-- Sample 6 -->
+                <div class="sample-card">
+                    <div class="sample-icon">💳</div>
+                    <h3 class="sample-name">消金报告</h3>
+                    <p class="sample-desc">消费金融风险评估，快速决策支持，包含信用记录、负债情况、还款能力等</p>
+                    <ul class="sample-features">
+                        <li>✓ 消费金融风险评估</li>
+                        <li>✓ 快速决策支持</li>
+                        <li>✓ PDF 格式下载</li>
+                    </ul>
+                    <a href="https://www.yuyuecha.com/example?feature=consumerFinanceReport" target="_blank" class="btn btn-outline" style="width:100%">👁️ 查看示例</a>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- Technology Section -->
+    <section class="section technology" id="technology">
+        <div class="container">
+            <h2 class="section-title">AI 技术能力</h2>
+            <p class="section-subtitle">200+ 数据接口智能组合引擎</p>
+            
+            <div class="tech-diagram">
+                <div class="tech-flow">
+                    <div class="tech-step">
+                        <div class="tech-step-icon">📝</div>
+                        <div class="tech-step-title">用户需求</div>
+                        <div class="tech-step-desc">自然语言描述</div>
+                    </div>
+                    <div class="tech-arrow">→</div>
+                    <div class="tech-step">
+                        <div class="tech-step-icon">🧠</div>
+                        <div class="tech-step-title">AI 分析</div>
+                        <div class="tech-step-desc">理解需求意图</div>
+                    </div>
+                    <div class="tech-arrow">→</div>
+                    <div class="tech-step">
+                        <div class="tech-step-icon">🔌</div>
+                        <div class="tech-step-title">接口选择</div>
+                        <div class="tech-step-desc">智能匹配接口</div>
+                    </div>
+                    <div class="tech-arrow">→</div>
+                    <div class="tech-step">
+                        <div class="tech-step-icon">📊</div>
+                        <div class="tech-step-title">报告生成</div>
+                        <div class="tech-step-desc">秒级输出结果</div>
+                    </div>
+                </div>
+                
+                <div class="tech-apis">
+                    <p>接口类型覆盖</p>
+                    <div class="api-tags">
+                        <span class="api-tag">公安数据</span>
+                        <span class="api-tag">法院数据</span>
+                        <span class="api-tag">学历验证</span>
+                        <span class="api-tag">工作履历</span>
+                        <span class="api-tag">金融信用</span>
+                        <span class="api-tag">社交网络</span>
+                        <span class="api-tag">商业信息</span>
+                        <span class="api-tag">更多...</span>
+                    </div>
+                </div>
+            </div>
+            
+            <div style="text-align:center;margin-top:var(--spacing-lg);">
+                <a href="/apidemo/" class="btn btn-outline" style="border-color:rgba(255,255,255,0.3);color:white;">📚 查看 API 文档</a>
+                <a href="https://yuyuecha.com/platform" class="btn btn-outline" style="border-color:rgba(255,255,255,0.3);color:white;margin-left:var(--spacing-sm);">🔧 开放平台</a>
+            </div>
+        </div>
+    </section>
+
+    <!-- Partnership Section -->
+    <section class="section partnership" id="partnership">
+        <div class="container">
+            <h2 class="section-title">代理合作</h2>
+            <p class="section-subtitle">加入愉悦查，共享信任经济红利</p>
+            
+            <div class="pricing-grid">
+                <!-- Silver -->
+                <div class="pricing-card">
+                    <div class="pricing-icon">🥈</div>
+                    <h3 class="pricing-name">白银代理</h3>
+                    <div class="pricing-price">¥0<span>/终身</span></div>
+                    <ul class="pricing-features">
+                        <li>10% 返佣</li>
+                        <li>基础培训支持</li>
+                        <li>标准产品价格</li>
+                        <li>在线帮助中心</li>
+                    </ul>
+                    <a href="https://yuyuecha.com/agent/apply?type=silver" class="btn btn-outline" style="width:100%">立即申请</a>
+                </div>
+                
+                <!-- Gold -->
+                <div class="pricing-card featured">
+                    <div class="pricing-icon">🥇</div>
+                    <h3 class="pricing-name">黄金代理</h3>
+                    <div class="pricing-price">¥198<span>/年</span></div>
+                    <ul class="pricing-features">
+                        <li>30% 返佣</li>
+                        <li>优先技术支持</li>
+                        <li>专属代理价格</li>
+                        <li>营销素材支持</li>
+                        <li>定期培训</li>
+                    </ul>
+                    <a href="https://yuyuecha.com/agent/apply?type=gold" class="btn btn-primary" style="width:100%">立即申请</a>
+                </div>
+                
+                <!-- Diamond -->
+                <div class="pricing-card">
+                    <div class="pricing-icon">💎</div>
+                    <h3 class="pricing-name">钻石代理</h3>
+                    <div class="pricing-price">¥980<span>/年</span></div>
+                    <ul class="pricing-features">
+                        <li>50% 返佣</li>
+                        <li>1 对 1 专属辅导</li>
+                        <li>最低代理价格</li>
+                        <li>联合营销支持</li>
+                        <li>优先新功能体验</li>
+                        <li>区域保护政策</li>
+                    </ul>
+                    <a href="https://yuyuecha.com/agent/apply?type=diamond" class="btn btn-outline" style="width:100%">立即申请</a>
+                </div>
+            </div>
+            
+            <!-- Advanced Profit Calculator -->
+            <div class="profit-calculator">
+                <h3 class="calculator-title">💵 代理收益计算器</h3>
+                
+                <!-- Level Tabs -->
+                <div class="level-tabs">
+                    <button class="tab-btn active" onclick="switchLevel('silver')">
+                        🥈 白银代理
+                        <span class="price">¥0</span>
+                    </button>
+                    <button class="tab-btn" onclick="switchLevel('gold')">
+                        🥇 黄金代理
+                        <span class="price">¥198</span>
+                    </button>
+                    <button class="tab-btn" onclick="switchLevel('diamond')">
+                        💎 钻石代理
+                        <span class="price">¥980</span>
+                    </button>
+                </div>
+                
+                <div class="calculator-grid">
+                    <!-- Input Section -->
+                    <div class="input-section">
+                        <h4>📊 输入您的销售数据</h4>
+                        
+                        <div class="input-group">
+                            <label>每日销售份数</label>
+                            <input type="number" id="dailySales" value="30" min="0" max="1000" oninput="calculateProfit()">
+                        </div>
+                        
+                        <div class="input-group">
+                            <label>直推代理人数（月）</label>
+                            <input type="number" id="referralCount" value="5" min="0" max="100" oninput="calculateProfit()">
+                        </div>
+                        
+                        <div class="input-group" id="teamSilverGroup" style="display:none;">
+                            <label>下级白银代理人数</label>
+                            <input type="number" id="teamSilver" value="20" min="0" max="500" oninput="calculateProfit()">
+                        </div>
+                        
+                        <div class="input-group" id="teamGoldGroup" style="display:none;">
+                            <label>下级黄金代理人数</label>
+                            <input type="number" id="teamGold" value="5" min="0" max="100" oninput="calculateProfit()">
+                        </div>
+                    </div>
+                    
+                    <!-- Profit Section -->
+                    <div class="profit-section">
+                        <h4>💰 预期收益</h4>
+                        
+                        <div class="profit-card">
+                            <div class="label">单份平均利润</div>
+                            <div class="value" id="avgProfit">¥38.22</div>
+                        </div>
+                        
+                        <div class="profit-card highlight">
+                            <div class="label">日零售收益</div>
+                            <div class="value" id="dailyRetailProfit">¥1,147</div>
+                            <div class="sub" id="dailyRetailSub">30 份 × ¥38.22</div>
+                        </div>
+                        
+                        <div class="profit-card">
+                            <div class="label">月零售收益</div>
+                            <div class="value" id="monthlyRetailProfit">¥34,410</div>
+                        </div>
+                        
+                        <div class="profit-card" id="referralCard">
+                            <div class="label">月直推奖励</div>
+                            <div class="value" id="monthlyReferralProfit">¥0</div>
+                            <div class="sub" id="referralSub">5 人 × ¥0/人</div>
+                        </div>
+                        
+                        <div class="profit-card" id="teamCard" style="display:none;">
+                            <div class="label">月团队提成</div>
+                            <div class="value" id="monthlyTeamProfit">¥0</div>
+                        </div>
+                        
+                        <div class="profit-card total">
+                            <div class="label">月总收益</div>
+                            <div class="value" id="totalMonthlyProfit">¥34,410</div>
+                        </div>
+                        
+                        <div class="roi-card" id="roiCard" style="display:none;">
+                            <div class="label">回本周期</div>
+                            <div class="value" id="paybackDays">0 天</div>
+                            <div class="sub" id="paybackHours">或 0 小时（日销 30 份）</div>
+                        </div>
+                    </div>
+                </div>
+                
+                <!-- Product Detail Table -->
+                <div class="product-detail">
+                    <h4>📦 各产品利润明细（<span id="currentLevelName">白银代理</span>）</h4>
+                    <table>
+                        <thead>
+                            <tr>
+                                <th>产品</th>
+                                <th>零售价</th>
+                                <th>您的底价</th>
+                                <th>单份利润</th>
+                                <th>利润率</th>
+                            </tr>
+                        </thead>
+                        <tbody id="productTableBody">
+                            <!-- Populated by JavaScript -->
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+            
+            <div style="text-align:center;">
+                <a href="#" class="btn btn-primary">📝 立即申请代理</a>
+            </div>
+        </div>
+    </section>
+
+    <!-- FAQ Section -->
+    <section class="section faq" id="faq">
+        <div class="container">
+            <h2 class="section-title">常见问题</h2>
+            <p class="section-subtitle">您可能想知道的问题</p>
+            
+            <div class="faq-list">
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>报告准确率如何保证？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        愉悦查所有数据均来自官方授权渠道，通过 200+ 数据接口交叉验证，确保信息准确可靠。AI 引擎会自动识别异常数据并进行人工复核，准确率达 99% 以上。
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>数据来源是否合法合规？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        是的，我们严格遵守《个人信息保护法》和相关法律法规，所有数据接口均获得合法授权，查询过程需要被查询人授权同意，确保数据来源和使用完全合规。
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>多久能拿到报告？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        标准报告通常 3-5 秒即可生成，复杂报告或 AI 定制报告可能需要 30 秒 -2 分钟。报告生成后会通过短信/邮件通知您，也可在个人中心随时查看下载。
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>如何成为代理？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        点击页面上方的"立即申请"按钮，填写代理申请表，我们的招商团队会在 1-2 个工作日内联系您。白银代理零门槛免费加入，黄金/钻石代理需支付相应年费。
+                    </div>
+                </div>
+                
+                <div class="faq-item">
+                    <div class="faq-question">
+                        <span>支持退款吗？</span>
+                        <span class="faq-icon">+</span>
+                    </div>
+                    <div class="faq-answer">
+                        报告一旦生成无法退款，因为数据查询成本已产生。但如果您对报告质量有异议，可在 7 天内联系客服申请复核或重新查询。
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- CTA Section -->
+    <section class="cta">
+        <div class="container">
+            <h2>准备好开始建立信任了吗？</h2>
+            <p>立即体验 AI 驱动的商业信任科技</p>
+            <div class="cta-buttons">
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn">🚀 立即注册</a>
+                <a href="#partnership" class="btn btn-outline">💼 代理合作</a>
+            </div>
+        </div>
+    </section>
+
+    <!-- Footer -->
+    <footer class="footer" id="about">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <h3>愉悦查</h3>
+                    <p>让信任无处不在，让合作没有距离</p>
+                    <p style="margin-top:16px;font-size:13px;">愉悦查（北京正信环宇科技有限公司）</p>
+                    <p style="font-size:13px;">AI 驱动的商业信任科技平台</p>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">产品</h4>
+                    <ul class="footer-links">
+                        <li><a href="/product/riskassessment.html">个人大数据报告</a></li>
+                        <li><a href="/product/marriage.html">婚恋风险报告</a></li>
+                        <li><a href="/product/backgroundcheck.html">入职背调报告</a></li>
+                        <li><a href="/product/companyinfo.html">小微企业报告</a></li>
+                        <li><a href="/product/homeservice.html">家政风险报告</a></li>
+                        <li><a href="/product/consumerFinanceReport.html">消金报告</a></li>
+                        <li><a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" target="_blank">AI 定制报告</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">公司</h4>
+                    <ul class="footer-links">
+                        <li><a href="/about.html">关于我们</a></li>
+                        <li><a href="/careers.html">加入我们</a></li>
+                        <li><a href="/contact.html">联系我们</a></li>
+                        <li><a href="/news.html">新闻动态</a></li>
+                        <li><a href="/partners.html">合作伙伴</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">支持</h4>
+                    <ul class="footer-links">
+                        <li><a href="/help.html">帮助中心</a></li>
+                        <li><a href="/apidemo/">API 文档</a></li>
+                        <li><a href="/index.html#partnership">代理支持</a></li>
+                        <li><a href="/privacy.html">隐私政策</a></li>
+                        <li><a href="/terms.html">服务条款</a></li>
+                        <li><a href="/disclaimer.html">免责声明</a></li>
+                    </ul>
+                </div>
+            </div>
+            
+            <div class="footer-bottom">
+                <p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p class="footer-icp">京 ICP 备 2025158088 号 -2</p>
+            </div>
+        </div>
+    </footer>
+
+    <!-- Back to Top Button -->
+    <button id="backToTop" style="position:fixed;bottom:30px;right:30px;width:50px;height:50px;border-radius:50%;background:var(--primary-gradient);border:none;cursor:pointer;box-shadow:var(--shadow-lg);display:none;align-items:center;justify-content:center;font-size:24px;z-index:999;transition:var(--transition);">↑</button>
+
+    <script>
+        // ===== Back to Top Button =====
+        const backToTopBtn = document.getElementById('backToTop');
+        
+        window.addEventListener('scroll', () => {
+            if (window.scrollY > 500) {
+                backToTopBtn.style.display = 'flex';
+            } else {
+                backToTopBtn.style.display = 'none';
+            }
+        });
+        
+        backToTopBtn.addEventListener('click', () => {
+            window.scrollTo({ top: 0, behavior: 'smooth' });
+        });
+        
+        backToTopBtn.addEventListener('mouseenter', () => {
+            backToTopBtn.style.transform = 'scale(1.1)';
+        });
+        
+        backToTopBtn.addEventListener('mouseleave', () => {
+            backToTopBtn.style.transform = 'scale(1)';
+        });
+
+        // ===== Navbar Scroll Effect =====
+        window.addEventListener('scroll', () => {
+            const navbar = document.getElementById('navbar');
+            if (window.scrollY > 50) {
+                navbar.classList.add('scrolled');
+            } else {
+                navbar.classList.remove('scrolled');
+            }
+        });
+
+        // ===== Mobile Menu Toggle =====
+        document.getElementById('menuToggle').addEventListener('click', () => {
+            document.getElementById('navMenu').classList.toggle('active');
+        });
+
+        // ===== Smooth Scroll =====
+        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' });
+                    // Close mobile menu
+                    document.getElementById('navMenu').classList.remove('active');
+                }
+            });
+        });
+
+        // ===== Animated Counter =====
+        function animateCounter(elementId, target, suffix = '') {
+            const element = document.getElementById(elementId);
+            if (!element) return;
+            
+            let current = 0;
+            const increment = target / 50;
+            const timer = setInterval(() => {
+                current += increment;
+                if (current >= target) {
+                    element.textContent = target.toLocaleString() + suffix;
+                    clearInterval(timer);
+                } else {
+                    element.textContent = Math.floor(current).toLocaleString() + suffix;
+                }
+            }, 30);
+        }
+
+        // ===== Intersection Observer for Animations =====
+        const observerOptions = {
+            threshold: 0.2,
+            rootMargin: '0px'
+        };
+
+        const observer = new IntersectionObserver((entries) => {
+            entries.forEach(entry => {
+                if (entry.isIntersecting) {
+                    // Animate stats when visible
+                    if (entry.target.id === 'statReports') {
+                        animateCounter('statReports', 100000, '+');
+                        animateCounter('statUsers', 50000, '+');
+                        animateCounter('statEnterprises', 5000, '+');
+                    }
+                    observer.unobserve(entry.target);
+                }
+            });
+        }, observerOptions);
+
+        document.getElementById('statReports') && observer.observe(document.getElementById('statReports'));
+
+        // ===== FAQ Toggle =====
+        document.querySelectorAll('.faq-question').forEach(question => {
+            question.addEventListener('click', () => {
+                const item = question.parentElement;
+                const icon = question.querySelector('.faq-icon');
+                
+                // Close other items
+                document.querySelectorAll('.faq-item').forEach(other => {
+                    if (other !== item) {
+                        other.classList.remove('active');
+                        other.querySelector('.faq-icon').textContent = '+';
+                    }
+                });
+                
+                // Toggle current item
+                item.classList.toggle('active');
+                icon.textContent = item.classList.contains('active') ? '×' : '+';
+            });
+        });
+
+        // ===== Advanced Profit Calculator =====
+        const levelData = {
+            silver: { name: '白银代理', fee: 0, markup: 6, referralBonus: 0, teamSilver: 2, teamGold: 0 },
+            gold: { name: '黄金代理', fee: 198, markup: 3, referralBonus: 60, teamSilver: 3, teamGold: 0 },
+            diamond: { name: '钻石代理', fee: 980, markup: 2, referralBonus: 300, teamSilver: 6, teamGold: 3 }
+        };
+        
+        const products = [
+            { name: '消金报告', retail: 39.9, baseCost: 6.0 },
+            { name: '家政风险报告', retail: 39.9, baseCost: 6.0 },
+            { name: '个人大数据报告', retail: 49.8, baseCost: 5.0 },
+            { name: '入职背调报告', retail: 69.9, baseCost: 9.0 },
+            { name: '小微企业报告', retail: 69.9, baseCost: 9.0 },
+            { name: '婚恋风险报告', retail: 39.9, baseCost: 9.0 }
+        ];
+        
+        let currentLevel = 'silver';
+        
+        function switchLevel(level) {
+            currentLevel = level;
+            
+            // Update tabs
+            document.querySelectorAll('.tab-btn').forEach(btn => btn.classList.remove('active'));
+            event.target.closest('.tab-btn').classList.add('active');
+            
+            // Show/hide team inputs for diamond
+            const isDiamond = level === 'diamond';
+            const isGoldOrDiamond = level === 'gold' || level === 'diamond';
+            document.getElementById('teamSilverGroup').style.display = isGoldOrDiamond ? 'block' : 'none';
+            document.getElementById('teamGoldGroup').style.display = isDiamond ? 'block' : 'none';
+            document.getElementById('teamCard').style.display = isGoldOrDiamond ? 'block' : 'none';
+            document.getElementById('roiCard').style.display = isGoldOrDiamond ? 'block' : 'none';
+            
+            calculateProfit();
+        }
+        
+        function getProductCost(product) {
+            return product.baseCost + levelData[currentLevel].markup;
+        }
+        
+        function getProductProfit(product) {
+            return product.retail - getProductCost(product);
+        }
+        
+        function getProductMargin(product) {
+            const profit = getProductProfit(product);
+            return ((profit / product.retail) * 100).toFixed(0);
+        }
+        
+        function calculateProfit() {
+            const dailySales = parseFloat(document.getElementById('dailySales').value) || 0;
+            const referralCount = parseFloat(document.getElementById('referralCount').value) || 0;
+            const teamSilver = parseFloat(document.getElementById('teamSilver').value) || 0;
+            const teamGold = parseFloat(document.getElementById('teamGold').value) || 0;
+            
+            const level = levelData[currentLevel];
+            
+            // Calculate average profit
+            const totalProfit = products.reduce((sum, p) => sum + getProductProfit(p), 0);
+            const avgProfit = totalProfit / products.length;
+            
+            // Retail profit
+            const dailyRetailProfit = avgProfit * dailySales;
+            const monthlyRetailProfit = dailyRetailProfit * 30;
+            
+            // Referral bonus
+            const monthlyReferralProfit = level.referralBonus * referralCount;
+            
+            // Team commission
+            let monthlyTeamProfit = 0;
+            if (currentLevel === 'gold') {
+                monthlyTeamProfit = level.teamSilver * teamSilver * 30;
+            } else if (currentLevel === 'diamond') {
+                monthlyTeamProfit = (level.teamSilver * teamSilver + level.teamGold * teamGold) * 30;
+            }
+            
+            // Total
+            const totalMonthlyProfit = monthlyRetailProfit + monthlyReferralProfit + monthlyTeamProfit;
+            
+            // ROI
+            let paybackDays = 0;
+            let paybackHours = 0;
+            if (level.fee > 0) {
+                const dailyTotal = dailyRetailProfit + (monthlyReferralProfit + monthlyTeamProfit) / 30;
+                if (dailyTotal > 0) {
+                    paybackDays = Math.ceil(level.fee / dailyTotal);
+                    paybackHours = (level.fee / (totalMonthlyProfit / 30 / 24)).toFixed(1);
+                }
+            }
+            
+            // Update UI
+            document.getElementById('avgProfit').textContent = '¥' + avgProfit.toFixed(2);
+            document.getElementById('dailyRetailProfit').textContent = '¥' + dailyRetailProfit.toLocaleString('zh-CN', {minimumFractionDigits: 0, maximumFractionDigits: 0});
+            document.getElementById('dailyRetailSub').textContent = dailySales + '份 × ¥' + avgProfit.toFixed(2);
+            document.getElementById('monthlyRetailProfit').textContent = '¥' + monthlyRetailProfit.toLocaleString('zh-CN', {minimumFractionDigits: 0, maximumFractionDigits: 0});
+            document.getElementById('monthlyReferralProfit').textContent = '¥' + monthlyReferralProfit.toLocaleString('zh-CN', {minimumFractionDigits: 0, maximumFractionDigits: 0});
+            document.getElementById('referralSub').textContent = referralCount + '人 × ¥' + level.referralBonus + '/人';
+            document.getElementById('monthlyTeamProfit').textContent = '¥' + monthlyTeamProfit.toLocaleString('zh-CN', {minimumFractionDigits: 0, maximumFractionDigits: 0});
+            document.getElementById('totalMonthlyProfit').textContent = '¥' + totalMonthlyProfit.toLocaleString('zh-CN', {minimumFractionDigits: 0, maximumFractionDigits: 0});
+            document.getElementById('paybackDays').textContent = paybackDays + '天';
+            document.getElementById('paybackHours').textContent = '或 ' + paybackHours + '小时（日销' + dailySales + '份）';
+            
+            // Update product table
+            document.getElementById('currentLevelName').textContent = level.name;
+            const tbody = document.getElementById('productTableBody');
+            tbody.innerHTML = products.map(p => `
+                <tr>
+                    <td>${p.name}</td>
+                    <td>¥${p.retail}</td>
+                    <td>¥${getProductCost(p).toFixed(2)}</td>
+                    <td>¥${getProductProfit(p).toFixed(2)}</td>
+                    <td>${getProductMargin(p)}%</td>
+                </tr>
+            `).join('');
+        }
+        
+        // Initialize calculator
+        calculateProfit();
+
+        // ===== Scroll Animation Trigger =====
+        const animationObserver = new IntersectionObserver((entries) => {
+            entries.forEach(entry => {
+                if (entry.isIntersecting) {
+                    entry.target.style.opacity = '1';
+                    entry.target.style.animationPlayState = 'running';
+                }
+            });
+        }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' });
+
+        document.querySelectorAll('.product-card, .pricing-card, .section-title').forEach(el => {
+            animationObserver.observe(el);
+        });
+
+        // ===== Initialize =====
+        console.log('愉悦查官网已加载 🚀');
+    </script>
+</body>
+</html>
diff --git a/sample.html b/sample.html
new file mode 100755
index 0000000..16c0a1c
--- /dev/null
+++ b/sample.html
@@ -0,0 +1,803 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>示例报告 - 愉悦查 | 查看真实报告样本</title>
+    <meta name="description" content="查看愉悦查 6 大标准报告的真实样本，了解报告内容和格式">
+    <!-- SEO Enhancement -->
+    <link rel="canonical" href="https://www.yuyuecha.com.cn/sample.html">
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="https://www.yuyuecha.com.cn/sample.html">
+    <meta property="og:title" content="示例报告 - 愉悦查">
+    <meta property="og:description" content="查看愉悦查 6 大标准报告的真实样本，了解报告内容、格式与数据维度。">
+    <meta property="og:image" content="https://www.yuyuecha.com.cn/assets/logo-nav-2x.png">
+    <meta property="og:site_name" content="愉悦查">
+    <meta property="og:locale" content="zh_CN">
+    <meta name="twitter:card" content="summary">
+    <meta name="twitter:title" content="示例报告 - 愉悦查">
+    <meta name="twitter:description" content="查看愉悦查 6 大标准报告的真实样本，了解报告内容、格式与数据维度。">
+    <meta name="twitter:image" content="https://www.yuyuecha.com.cn/assets/logo-nav-2x.png">
+    
+    <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=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    
+    <style>
+        :root {
+            --primary-orange: #FF6A19;
+            --primary-orange-light: #FC6E18;
+            --primary-orange-dark: #E64E10;
+            --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
+            --primary-orange-soft: #FFDECC;
+            --bg-light: #FFFFFF;
+            --bg-gray: #F5F7FA;
+            --text-primary: #1A1A1A;
+            --text-secondary: #666666;
+            --text-light: #999999;
+            --spacing-xs: 8px;
+            --spacing-sm: 16px;
+            --spacing-md: 24px;
+            --spacing-lg: 48px;
+            --spacing-xl: 80px;
+            --radius-sm: 4px;
+            --radius-md: 8px;
+            --radius-lg: 16px;
+            --radius-xl: 24px;
+            --shadow-sm: 0 2px 8px rgba(0,0,0,0.08);
+            --shadow-md: 0 4px 16px rgba(0,0,0,0.12);
+            --shadow-lg: 0 8px 32px rgba(0,0,0,0.16);
+            --transition: all 0.3s ease;
+        }
+        
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        html { scroll-behavior: smooth; }
+        body {
+            font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+            font-size: 16px;
+            line-height: 1.6;
+            color: var(--text-primary);
+            background-color: var(--bg-light);
+        }
+        a { text-decoration: none; color: inherit; }
+        ul { list-style: none; }
+        img { max-width: 100%; height: auto; }
+        
+        .container { max-width: 1200px; margin: 0 auto; padding: 0 var(--spacing-md); }
+        
+        .btn {
+            display: inline-block;
+            padding: 14px 32px;
+            font-size: 16px;
+            font-weight: 500;
+            border-radius: var(--radius-md);
+            cursor: pointer;
+            transition: var(--transition);
+            border: none;
+            text-align: center;
+        }
+        .btn-primary {
+            background: var(--primary-gradient);
+            color: white;
+            box-shadow: 0 4px 12px rgba(236, 77, 9, 0.3);
+        }
+        .btn-primary:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 6px 20px rgba(255, 106, 25, 0.4);
+        }
+        .btn-outline {
+            background: transparent;
+            border: 2px solid var(--primary-orange);
+            color: var(--primary-orange);
+        }
+        .btn-outline:hover {
+            background: var(--primary-gradient);
+            color: white;
+            transform: translateY(-2px);
+        }
+        
+        /* Navbar */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+        }
+        .navbar .container {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            height: 80px;
+            max-width: 1400px;
+            padding: 0 32px;
+        }
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 12px;
+            font-size: 24px;
+            font-weight: 700;
+            color: var(--primary-orange);
+        }
+        .nav-links {
+            display: flex;
+            gap: var(--spacing-lg);
+        }
+        .nav-links a {
+            font-weight: 500;
+            color: var(--text-primary);
+            transition: var(--transition);
+        }
+        .nav-links a:hover {
+            color: var(--primary-orange);
+        }
+        
+        /* Hero Section */
+        .page-hero {
+            padding: 160px 0 80px;
+            background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%);
+            text-align: center;
+        }
+        .page-hero h1 {
+            font-size: 48px;
+            font-weight: 900;
+            margin-bottom: var(--spacing-sm);
+            background: var(--primary-gradient);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+        .page-hero p {
+            font-size: 20px;
+            color: var(--text-secondary);
+            max-width: 600px;
+            margin: 0 auto;
+        }
+        
+        /* Sample Cards */
+        .section { padding: var(--spacing-xl) 0; }
+        .sample-grid {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: var(--spacing-md);
+        }
+        .sample-card {
+            background: white;
+            border-radius: var(--radius-lg);
+            padding: var(--spacing-lg);
+            box-shadow: var(--shadow-sm);
+            transition: var(--transition);
+            position: relative;
+            overflow: hidden;
+            display: flex;
+            flex-direction: column;
+        }
+        .sample-card::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            height: 4px;
+            background: var(--primary-gradient);
+        }
+        .sample-card:hover {
+            transform: translateY(-12px);
+            box-shadow: var(--shadow-lg);
+        }
+        .sample-icon {
+            width: 80px;
+            height: 80px;
+            border-radius: 50%;
+            background: var(--primary-orange-soft);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 36px;
+            margin-bottom: var(--spacing-sm);
+            transition: var(--transition);
+        }
+        .sample-card:hover .sample-icon {
+            transform: scale(1.1) rotate(5deg);
+        }
+        .sample-name {
+            font-size: 22px;
+            font-weight: 700;
+            margin-bottom: 12px;
+            color: var(--text-primary);
+        }
+        .sample-desc {
+            font-size: 15px;
+            color: var(--text-secondary);
+            line-height: 1.7;
+            margin-bottom: 16px;
+            flex-grow: 1;
+        }
+        .sample-features {
+            font-size: 14px;
+            color: var(--text-secondary);
+            margin-bottom: 24px;
+        }
+        .sample-features li {
+            padding: 6px 0;
+            border-bottom: 1px dashed #eee;
+        }
+        .sample-features li:last-child {
+            border-bottom: none;
+        }
+        .sample-price {
+            font-size: 24px;
+            font-weight: 700;
+            color: var(--primary-orange);
+            margin-bottom: 16px;
+        }
+        
+        /* Footer */
+        .footer {
+            background: #1A1A2E;
+            color: white;
+            padding: var(--spacing-lg) 0;
+            text-align: center;
+        }
+        .footer p {
+            opacity: 0.8;
+        }
+        
+        /* Responsive */
+        @media (max-width: 968px) {
+            .sample-grid { grid-template-columns: repeat(2, 1fr); }
+        }
+        @media (max-width: 640px) {
+            .sample-grid { grid-template-columns: 1fr; }
+            .page-hero h1 { font-size: 36px; }
+        }
+    
+        /* ===== Navigation ===== */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+            transition: var(--transition);
+        }
+        
+        .navbar.scrolled {
+            box-shadow: 0 4px 30px rgba(0,0,0,0.12);
+        }
+        
+        .navbar .container {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            height: 80px;
+            max-width: 1400px;
+            margin: 0 auto;
+            padding: 0 32px;
+        }
+        
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            text-decoration: none;
+            background: transparent;
+            padding: 4px 0;
+        }
+        
+        .logo-img {
+            background: rgba(255,255,255,0.95);
+            height: 60px;
+            width: auto;
+            object-fit: contain;
+            transition: var(--transition);
+        }
+        
+        .logo:hover .logo-img {
+            background: rgba(255,255,255,0.95);
+            transform: scale(1.05);
+        }
+        
+        .nav-menu {
+            display: flex;
+            gap: var(--spacing-lg);
+            align-items: center;
+        }
+        
+        .nav-link {
+            font-size: 15px;
+            font-weight: 500;
+            color: var(--text-primary);
+            transition: var(--transition);
+            position: relative;
+        }
+        
+        .nav-link:hover {
+            color: var(--primary-orange);
+        }
+        
+        .nav-link::after {
+            content: '';
+            position: absolute;
+            bottom: -4px;
+            left: 0;
+            width: 0;
+            height: 2px;
+            background: var(--primary-orange);
+            transition: var(--transition);
+        }
+        
+        .nav-link:hover::after {
+            width: 100%;
+        }
+        
+        .nav-cta {
+            display: flex;
+            gap: var(--spacing-sm);
+        }
+        
+        .nav-btn {
+            padding: 10px 20px;
+            font-size: 14px;
+        }
+        
+        /* Mobile Menu */
+        .menu-toggle {
+            display: none;
+            flex-direction: column;
+            gap: 5px;
+            cursor: pointer;
+            padding: 5px;
+        }
+        
+        .menu-toggle span {
+            width: 25px;
+            height: 3px;
+            background: var(--primary-orange);
+            border-radius: 2px;
+            transition: var(--transition);
+        }
+
+        /* ===== Unified Navbar ===== */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            z-index: 1000;
+            padding: 12px 0;
+            transition: all 0.3s ease;
+            background: rgba(255,255,255,0.95);
+            backdrop-filter: blur(20px);
+            -webkit-backdrop-filter: blur(20px);
+        }
+        .navbar.scrolled {
+            padding: 8px 0;
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+        }
+        .navbar .container {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 0 24px;
+        }
+        .logo {
+            display: flex;
+            align-items: center;
+            text-decoration: none;
+        }
+        .logo-img {
+            height: 44px;
+            width: auto;
+            object-fit: contain;
+            transition: all 0.3s ease;
+        }
+        .logo:hover .logo-img {
+            transform: scale(1.03);
+        }
+        .nav-menu {
+            display: flex;
+            gap: 32px;
+            list-style: none;
+            margin: 0;
+            padding: 0;
+        }
+        .nav-link {
+            font-size: 15px;
+            font-weight: 500;
+            color: #1A1A1A;
+            text-decoration: none;
+            position: relative;
+            padding: 6px 0;
+            transition: all 0.3s ease;
+        }
+        .nav-link::after {
+            content: '';
+            position: absolute;
+            bottom: 0;
+            left: 50%;
+            width: 0;
+            height: 2px;
+            background: #FF6A19;
+            transition: all 0.3s ease;
+            transform: translateX(-50%);
+            border-radius: 1px;
+        }
+        .nav-link:hover {
+            color: #FF6A19;
+        }
+        .nav-link:hover::after {
+            width: 100%;
+        }
+        .nav-cta {
+            display: flex;
+            gap: 12px;
+            align-items: center;
+        }
+        .nav-btn {
+            padding: 8px 20px;
+            border-radius: 8px;
+            font-size: 14px;
+            font-weight: 500;
+            cursor: pointer;
+            transition: all 0.3s ease;
+            text-decoration: none;
+            border: none;
+            display: inline-flex;
+            align-items: center;
+        }
+        .btn-outline.nav-btn {
+            border: 1.5px solid #FF6A19;
+            color: #FF6A19;
+            background: transparent;
+        }
+        .btn-outline.nav-btn:hover {
+            background: #FFF5F0;
+        }
+        .btn-primary.nav-btn {
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
+            color: white;
+            box-shadow: 0 2px 8px rgba(255,106,25,0.3);
+        }
+        .btn-primary.nav-btn:hover {
+            transform: translateY(-1px);
+            box-shadow: 0 4px 12px rgba(255,106,25,0.4);
+        }
+        .menu-toggle {
+            display: none;
+            flex-direction: column;
+            gap: 5px;
+            cursor: pointer;
+            padding: 4px;
+            z-index: 1001;
+        }
+        .menu-toggle span {
+            width: 24px;
+            height: 2px;
+            background: #1A1A1A;
+            transition: all 0.3s ease;
+            border-radius: 1px;
+        }
+        @media (max-width: 1024px) {
+            .nav-menu {
+                display: none;
+                position: fixed;
+                top: 0;
+                left: 0;
+                right: 0;
+                bottom: 0;
+                background: rgba(255,255,255,0.98);
+                backdrop-filter: blur(20px);
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                gap: 24px;
+                z-index: 999;
+            }
+            .nav-menu.active {
+                display: flex;
+            }
+            .nav-link {
+                font-size: 18px;
+            }
+            .nav-cta {
+                display: none;
+            }
+            .menu-toggle {
+                display: flex;
+            }
+        }
+
+        /* ===== Unified Footer ===== */
+        .footer {
+            background: #1A1A1A;
+            color: white;
+            padding: 60px 0 30px;
+        }
+        .footer-grid {
+            display: grid;
+            grid-template-columns: 1.5fr 1fr 1fr 1fr;
+            gap: 48px;
+            margin-bottom: 40px;
+        }
+        .footer-brand h3 {
+            font-size: 22px;
+            font-weight: 700;
+            margin-bottom: 8px;
+            background: linear-gradient(135deg, #FF6A19, #FC6E18);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+        .footer-brand p {
+            color: rgba(255,255,255,0.6);
+            font-size: 14px;
+            line-height: 1.6;
+        }
+        .footer-title {
+            font-size: 15px;
+            font-weight: 600;
+            margin-bottom: 16px;
+            color: rgba(255,255,255,0.9);
+        }
+        .footer-links {
+            list-style: none;
+            padding: 0;
+            margin: 0;
+        }
+        .footer-links li {
+            margin-bottom: 10px;
+        }
+        .footer-links a {
+            color: rgba(255,255,255,0.5);
+            text-decoration: none;
+            font-size: 14px;
+            transition: all 0.3s ease;
+        }
+        .footer-links a:hover {
+            color: #FF6A19;
+        }
+        .footer-bottom {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            padding-top: 24px;
+            border-top: 1px solid rgba(255,255,255,0.1);
+            font-size: 13px;
+            color: rgba(255,255,255,0.4);
+        }
+        .footer-icp {
+            color: rgba(255,255,255,0.4);
+        }
+        .footer-icp a {
+            color: rgba(255,255,255,0.4);
+            text-decoration: none;
+        }
+        .footer-icp a:hover {
+            color: #FF6A19;
+        }
+        @media (max-width: 768px) {
+            .footer-grid {
+                grid-template-columns: 1fr 1fr;
+                gap: 32px;
+            }
+            .footer-bottom {
+                flex-direction: column;
+                text-align: center;
+                gap: 8px;
+            }
+        }
+        @media (max-width: 480px) {
+            .footer-grid {
+                grid-template-columns: 1fr;
+            }
+        }
+
+    </style>
+</head>
+<body>
+    <!-- Navbar -->
+            <nav class="navbar" id="navbar">
+        <div class="container">
+            <a href="/index.html" class="logo">
+                <img src="assets/logo-nav.png" srcset="assets/logo-nav.png 1x, assets/logo-nav-2x.png 2x" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            
+            <div class="menu-toggle" id="menuToggle">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+            
+            <ul class="nav-menu" id="navMenu">
+                <li><a href="/index.html" class="nav-link">首页</a></li>
+                <li><a href="/index.html#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="/index.html#technology" class="nav-link">AI 能力</a></li>
+                <li><a href="/index.html#partnership" class="nav-link">代理合作</a></li>
+                <li><a href="/about.html" class="nav-link">关于我们</a></li>
+            </ul>
+            
+            <div class="nav-cta">
+                <a href="/index.html#products" class="btn btn-outline nav-btn">立即查询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
+            </div>
+        </div>
+    </nav>
+
+    <!-- Page Hero -->
+    <section class="page-hero">
+        <div class="container">
+            <h1>示例报告</h1>
+            <p>查看真实报告样本，了解报告内容和格式，助您做出明智决策</p>
+        </div>
+    </section>
+
+    <!-- Sample Reports Grid -->
+    <section class="section">
+        <div class="container">
+            <div class="sample-grid">
+                <!-- Sample 1 -->
+                <div class="sample-card">
+                    <div class="sample-icon">📊</div>
+                    <h3 class="sample-name">个人大数据报告</h3>
+                    <p class="sample-desc">全面个人背景分析，包含身份信息、社交网络、行为特征等多维度数据评估</p>
+                    <ul class="sample-features">
+                        <li>✓ 身份信息核验</li>
+                        <li>✓ 社交网络分析</li>
+                        <li>✓ 行为特征评估</li>
+                        <li>✓ 风险等级评定</li>
+                    </ul>
+                    <div class="sample-price">¥49.8</div>
+                    <a href="https://www.yuyuecha.com/example?feature=riskassessment" target="_blank" class="btn btn-primary" style="width:100%">👁️ 查看示例</a>
+                    <a href="https://www.yuyuecha.com/inquire/riskassessment" class="btn btn-outline" style="width:100%;margin-top:10px">立即查询</a>
+                </div>
+
+                <!-- Sample 2 -->
+                <div class="sample-card">
+                    <div class="sample-icon">💕</div>
+                    <h3 class="sample-name">婚恋风险报告</h3>
+                    <p class="sample-desc">婚恋风险评估，帮助了解对方的婚姻状况、信用记录等关键信息</p>
+                    <ul class="sample-features">
+                        <li>✓ 婚姻状况核验</li>
+                        <li>✓ 信用记录查询</li>
+                        <li>✓ 风险评估</li>
+                        <li>✓ 隐私保护</li>
+                    </ul>
+                    <div class="sample-price">¥39.9</div>
+                    <a href="https://www.yuyuecha.com/example?feature=marriage" target="_blank" class="btn btn-primary" style="width:100%">👁️ 查看示例</a>
+                    <a href="https://www.yuyuecha.com/inquire/marriage" class="btn btn-outline" style="width:100%;margin-top:10px">立即查询</a>
+                </div>
+
+                <!-- Sample 3 -->
+                <div class="sample-card">
+                    <div class="sample-icon">💼</div>
+                    <h3 class="sample-name">入职背调报告</h3>
+                    <p class="sample-desc">员工背景筛查，降低用工风险，包含学历、工作履历、信用记录等</p>
+                    <ul class="sample-features">
+                        <li>✓ 学历验证</li>
+                        <li>✓ 工作履历核实</li>
+                        <li>✓ 信用记录查询</li>
+                        <li>✓ 批量优惠</li>
+                    </ul>
+                    <div class="sample-price">¥69.9</div>
+                    <a href="https://www.yuyuecha.com/example?feature=backgroundcheck" target="_blank" class="btn btn-primary" style="width:100%">👁️ 查看示例</a>
+                    <a href="https://www.yuyuecha.com/inquire/backgroundcheck" class="btn btn-outline" style="width:100%;margin-top:10px">立即查询</a>
+                </div>
+
+                <!-- Sample 4 -->
+                <div class="sample-card">
+                    <div class="sample-icon">🏢</div>
+                    <h3 class="sample-name">小微企业报告</h3>
+                    <p class="sample-desc">企业风险筛查，合作前必备，包含工商信息、司法风险、经营状况等</p>
+                    <ul class="sample-features">
+                        <li>✓ 工商信息查询</li>
+                        <li>✓ 司法风险评估</li>
+                        <li>✓ 经营状况分析</li>
+                        <li>✓ 合作风险评估</li>
+                    </ul>
+                    <div class="sample-price">¥69.9</div>
+                    <a href="https://www.yuyuecha.com/example?feature=companyinfo" target="_blank" class="btn btn-primary" style="width:100%">👁️ 查看示例</a>
+                    <a href="https://www.yuyuecha.com/inquire/companyinfo" class="btn btn-outline" style="width:100%;margin-top:10px">立即查询</a>
+                </div>
+
+                <!-- Sample 5 -->
+                <div class="sample-card">
+                    <div class="sample-icon">🧹</div>
+                    <h3 class="sample-name">家政风险报告</h3>
+                    <p class="sample-desc">家政人员背调，雇佣更安全，包含身份信息、犯罪记录、信用状况等</p>
+                    <ul class="sample-features">
+                        <li>✓ 身份信息核验</li>
+                        <li>✓ 犯罪记录查询</li>
+                        <li>✓ 信用状况评估</li>
+                        <li>✓ 雇佣安全保障</li>
+                    </ul>
+                    <div class="sample-price">¥39.9</div>
+                    <a href="https://www.yuyuecha.com/example?feature=homeservice" target="_blank" class="btn btn-primary" style="width:100%">👁️ 查看示例</a>
+                    <a href="https://www.yuyuecha.com/inquire/homeservice" class="btn btn-outline" style="width:100%;margin-top:10px">立即查询</a>
+                </div>
+
+                <!-- Sample 6 -->
+                <div class="sample-card">
+                    <div class="sample-icon">💳</div>
+                    <h3 class="sample-name">消金报告</h3>
+                    <p class="sample-desc">消费金融风险评估，快速决策支持，包含信用记录、负债情况、还款能力等</p>
+                    <ul class="sample-features">
+                        <li>✓ 信用记录查询</li>
+                        <li>✓ 负债情况分析</li>
+                        <li>✓ 还款能力评估</li>
+                        <li>✓ 快速决策支持</li>
+                    </ul>
+                    <div class="sample-price">¥39.9</div>
+                    <a href="https://www.yuyuecha.com/example?feature=consumerFinanceReport" target="_blank" class="btn btn-primary" style="width:100%">👁️ 查看示例</a>
+                    <a href="https://www.yuyuecha.com/inquire/consumerFinanceReport" class="btn btn-outline" style="width:100%;margin-top:10px">立即查询</a>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Footer -->
+            <footer class="footer">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <h3>愉悦查</h3>
+                    <p>让信任无处不在，让合作没有距离</p>
+                    <p style="margin-top:16px;font-size:13px;color:rgba(255,255,255,0.5);">北京正信环宇科技有限公司</p>
+                    <p style="font-size:13px;color:rgba(255,255,255,0.5);">AI 驱动的商业信任科技平台</p>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">产品</h4>
+                    <ul class="footer-links">
+                        <li><a href="/product/riskassessment.html">个人大数据报告</a></li>
+                        <li><a href="/product/marriage.html">婚恋风险报告</a></li>
+                        <li><a href="/product/backgroundcheck.html">入职背调报告</a></li>
+                        <li><a href="/product/companyinfo.html">小微企业报告</a></li>
+                        <li><a href="/product/homeservice.html">家政风险报告</a></li>
+                        <li><a href="/product/consumerFinanceReport.html">消金报告</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">公司</h4>
+                    <ul class="footer-links">
+                        <li><a href="/about.html">关于我们</a></li>
+                        <li><a href="/careers.html">加入我们</a></li>
+                        <li><a href="/contact.html">联系我们</a></li>
+                        <li><a href="/news.html">新闻动态</a></li>
+                        <li><a href="/partners.html">合作伙伴</a></li>
+                        <li><a href="/investment.html">招商工具包</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">支持</h4>
+                    <ul class="footer-links">
+                        <li><a href="/help.html">帮助中心</a></li>
+                        <li><a href="/apidemo/">API 文档</a></li>
+                        <li><a href="/all-apis.html">全部接口</a></li>
+                        <li><a href="/privacy.html">隐私政策</a></li>
+                        <li><a href="/terms.html">服务条款</a></li>
+                        <li><a href="/disclaimer.html">免责声明</a></li>
+                    </ul>
+                </div>
+            </div>
+            
+            <div class="footer-bottom">
+                <p>&copy; 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p class="footer-icp"><a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow noopener">京ICP备2025158088号-2</a></p>
+            </div>
+        </div>
+    </footer>
+</body>
+</html>
diff --git a/sample.html.bak.20260309 b/sample.html.bak.20260309
new file mode 100644
index 0000000..d154a82
--- /dev/null
+++ b/sample.html.bak.20260309
@@ -0,0 +1,385 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>示例报告 - 愉悦查 | 查看真实报告样本</title>
+    <meta name="description" content="查看愉悦查 6 大标准报告的真实样本，了解报告内容和格式">
+    
+    <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=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    
+    <style>
+        :root {
+            --primary-orange: #FF6A19;
+            --primary-orange-light: #FC6E18;
+            --primary-orange-dark: #E64E10;
+            --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
+            --primary-orange-soft: #FFDECC;
+            --bg-light: #FFFFFF;
+            --bg-gray: #F5F7FA;
+            --text-primary: #1A1A1A;
+            --text-secondary: #666666;
+            --text-light: #999999;
+            --spacing-xs: 8px;
+            --spacing-sm: 16px;
+            --spacing-md: 24px;
+            --spacing-lg: 48px;
+            --spacing-xl: 80px;
+            --radius-sm: 4px;
+            --radius-md: 8px;
+            --radius-lg: 16px;
+            --radius-xl: 24px;
+            --shadow-sm: 0 2px 8px rgba(0,0,0,0.08);
+            --shadow-md: 0 4px 16px rgba(0,0,0,0.12);
+            --shadow-lg: 0 8px 32px rgba(0,0,0,0.16);
+            --transition: all 0.3s ease;
+        }
+        
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        html { scroll-behavior: smooth; }
+        body {
+            font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+            font-size: 16px;
+            line-height: 1.6;
+            color: var(--text-primary);
+            background-color: var(--bg-light);
+        }
+        a { text-decoration: none; color: inherit; }
+        ul { list-style: none; }
+        img { max-width: 100%; height: auto; }
+        
+        .container { max-width: 1200px; margin: 0 auto; padding: 0 var(--spacing-md); }
+        
+        .btn {
+            display: inline-block;
+            padding: 14px 32px;
+            font-size: 16px;
+            font-weight: 500;
+            border-radius: var(--radius-md);
+            cursor: pointer;
+            transition: var(--transition);
+            border: none;
+            text-align: center;
+        }
+        .btn-primary {
+            background: var(--primary-gradient);
+            color: white;
+            box-shadow: 0 4px 12px rgba(236, 77, 9, 0.3);
+        }
+        .btn-primary:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 6px 20px rgba(255, 106, 25, 0.4);
+        }
+        .btn-outline {
+            background: transparent;
+            border: 2px solid var(--primary-orange);
+            color: var(--primary-orange);
+        }
+        .btn-outline:hover {
+            background: var(--primary-gradient);
+            color: white;
+            transform: translateY(-2px);
+        }
+        
+        /* Navbar */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+        }
+        .navbar .container {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            height: 80px;
+            max-width: 1400px;
+            padding: 0 32px;
+        }
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 12px;
+            font-size: 24px;
+            font-weight: 700;
+            color: var(--primary-orange);
+        }
+        .nav-links {
+            display: flex;
+            gap: var(--spacing-lg);
+        }
+        .nav-links a {
+            font-weight: 500;
+            color: var(--text-primary);
+            transition: var(--transition);
+        }
+        .nav-links a:hover {
+            color: var(--primary-orange);
+        }
+        
+        /* Hero Section */
+        .page-hero {
+            padding: 160px 0 80px;
+            background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%);
+            text-align: center;
+        }
+        .page-hero h1 {
+            font-size: 48px;
+            font-weight: 900;
+            margin-bottom: var(--spacing-sm);
+            background: var(--primary-gradient);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+        .page-hero p {
+            font-size: 20px;
+            color: var(--text-secondary);
+            max-width: 600px;
+            margin: 0 auto;
+        }
+        
+        /* Sample Cards */
+        .section { padding: var(--spacing-xl) 0; }
+        .sample-grid {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: var(--spacing-md);
+        }
+        .sample-card {
+            background: white;
+            border-radius: var(--radius-lg);
+            padding: var(--spacing-lg);
+            box-shadow: var(--shadow-sm);
+            transition: var(--transition);
+            position: relative;
+            overflow: hidden;
+            display: flex;
+            flex-direction: column;
+        }
+        .sample-card::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            height: 4px;
+            background: var(--primary-gradient);
+        }
+        .sample-card:hover {
+            transform: translateY(-12px);
+            box-shadow: var(--shadow-lg);
+        }
+        .sample-icon {
+            width: 80px;
+            height: 80px;
+            border-radius: 50%;
+            background: var(--primary-orange-soft);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 36px;
+            margin-bottom: var(--spacing-sm);
+            transition: var(--transition);
+        }
+        .sample-card:hover .sample-icon {
+            transform: scale(1.1) rotate(5deg);
+        }
+        .sample-name {
+            font-size: 22px;
+            font-weight: 700;
+            margin-bottom: 12px;
+            color: var(--text-primary);
+        }
+        .sample-desc {
+            font-size: 15px;
+            color: var(--text-secondary);
+            line-height: 1.7;
+            margin-bottom: 16px;
+            flex-grow: 1;
+        }
+        .sample-features {
+            font-size: 14px;
+            color: var(--text-secondary);
+            margin-bottom: 24px;
+        }
+        .sample-features li {
+            padding: 6px 0;
+            border-bottom: 1px dashed #eee;
+        }
+        .sample-features li:last-child {
+            border-bottom: none;
+        }
+        .sample-price {
+            font-size: 24px;
+            font-weight: 700;
+            color: var(--primary-orange);
+            margin-bottom: 16px;
+        }
+        
+        /* Footer */
+        .footer {
+            background: #1A1A2E;
+            color: white;
+            padding: var(--spacing-lg) 0;
+            text-align: center;
+        }
+        .footer p {
+            opacity: 0.8;
+        }
+        
+        /* Responsive */
+        @media (max-width: 968px) {
+            .sample-grid { grid-template-columns: repeat(2, 1fr); }
+        }
+        @media (max-width: 640px) {
+            .sample-grid { grid-template-columns: 1fr; }
+            .page-hero h1 { font-size: 36px; }
+        }
+    </style>
+</head>
+<body>
+    <!-- Navbar -->
+    <nav class="navbar">
+        <div class="container">
+            <a href="/" class="logo">
+                <span>🔍</span>
+                <span>愉悦查</span>
+            </a>
+            <div class="nav-links">
+                <a href="/">首页</a>
+                <a href="/#products">产品服务</a>
+                <a href="/sample.html">示例报告</a>
+                <a href="/#technology">AI 能力</a>
+                <a href="#partnership">代理合作</a>
+                <a href="#about">关于我们</a>
+                <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" target="_blank">联系客服</a>
+            </div>
+        </div>
+    </nav>
+
+    <!-- Page Hero -->
+    <section class="page-hero">
+        <div class="container">
+            <h1>示例报告</h1>
+            <p>查看真实报告样本，了解报告内容和格式，助您做出明智决策</p>
+        </div>
+    </section>
+
+    <!-- Sample Reports Grid -->
+    <section class="section">
+        <div class="container">
+            <div class="sample-grid">
+                <!-- Sample 1 -->
+                <div class="sample-card">
+                    <div class="sample-icon">📊</div>
+                    <h3 class="sample-name">个人大数据报告</h3>
+                    <p class="sample-desc">全面个人背景分析，包含身份信息、社交网络、行为特征等多维度数据评估</p>
+                    <ul class="sample-features">
+                        <li>✓ 身份信息核验</li>
+                        <li>✓ 社交网络分析</li>
+                        <li>✓ 行为特征评估</li>
+                        <li>✓ 风险等级评定</li>
+                    </ul>
+                    <div class="sample-price">¥49.8</div>
+                    <a href="https://www.yuyuecha.com/example?feature=riskassessment" target="_blank" class="btn btn-primary" style="width:100%">👁️ 查看示例</a>
+                    <a href="https://www.yuyuecha.com/inquire/riskassessment" class="btn btn-outline" style="width:100%;margin-top:10px">立即查询</a>
+                </div>
+
+                <!-- Sample 2 -->
+                <div class="sample-card">
+                    <div class="sample-icon">💕</div>
+                    <h3 class="sample-name">婚恋风险报告</h3>
+                    <p class="sample-desc">婚恋风险评估，帮助了解对方的婚姻状况、信用记录等关键信息</p>
+                    <ul class="sample-features">
+                        <li>✓ 婚姻状况核验</li>
+                        <li>✓ 信用记录查询</li>
+                        <li>✓ 风险评估</li>
+                        <li>✓ 隐私保护</li>
+                    </ul>
+                    <div class="sample-price">¥39.9</div>
+                    <a href="https://www.yuyuecha.com/example?feature=marriage" target="_blank" class="btn btn-primary" style="width:100%">👁️ 查看示例</a>
+                    <a href="https://www.yuyuecha.com/inquire/marriage" class="btn btn-outline" style="width:100%;margin-top:10px">立即查询</a>
+                </div>
+
+                <!-- Sample 3 -->
+                <div class="sample-card">
+                    <div class="sample-icon">💼</div>
+                    <h3 class="sample-name">入职背调报告</h3>
+                    <p class="sample-desc">员工背景筛查，降低用工风险，包含学历、工作履历、信用记录等</p>
+                    <ul class="sample-features">
+                        <li>✓ 学历验证</li>
+                        <li>✓ 工作履历核实</li>
+                        <li>✓ 信用记录查询</li>
+                        <li>✓ 批量优惠</li>
+                    </ul>
+                    <div class="sample-price">¥69.9</div>
+                    <a href="https://www.yuyuecha.com/example?feature=backgroundcheck" target="_blank" class="btn btn-primary" style="width:100%">👁️ 查看示例</a>
+                    <a href="https://www.yuyuecha.com/inquire/backgroundcheck" class="btn btn-outline" style="width:100%;margin-top:10px">立即查询</a>
+                </div>
+
+                <!-- Sample 4 -->
+                <div class="sample-card">
+                    <div class="sample-icon">🏢</div>
+                    <h3 class="sample-name">小微企业报告</h3>
+                    <p class="sample-desc">企业风险筛查，合作前必备，包含工商信息、司法风险、经营状况等</p>
+                    <ul class="sample-features">
+                        <li>✓ 工商信息查询</li>
+                        <li>✓ 司法风险评估</li>
+                        <li>✓ 经营状况分析</li>
+                        <li>✓ 合作风险评估</li>
+                    </ul>
+                    <div class="sample-price">¥69.9</div>
+                    <a href="https://www.yuyuecha.com/example?feature=companyinfo" target="_blank" class="btn btn-primary" style="width:100%">👁️ 查看示例</a>
+                    <a href="https://www.yuyuecha.com/inquire/companyinfo" class="btn btn-outline" style="width:100%;margin-top:10px">立即查询</a>
+                </div>
+
+                <!-- Sample 5 -->
+                <div class="sample-card">
+                    <div class="sample-icon">🧹</div>
+                    <h3 class="sample-name">家政风险报告</h3>
+                    <p class="sample-desc">家政人员背调，雇佣更安全，包含身份信息、犯罪记录、信用状况等</p>
+                    <ul class="sample-features">
+                        <li>✓ 身份信息核验</li>
+                        <li>✓ 犯罪记录查询</li>
+                        <li>✓ 信用状况评估</li>
+                        <li>✓ 雇佣安全保障</li>
+                    </ul>
+                    <div class="sample-price">¥39.9</div>
+                    <a href="https://www.yuyuecha.com/example?feature=homeservice" target="_blank" class="btn btn-primary" style="width:100%">👁️ 查看示例</a>
+                    <a href="https://www.yuyuecha.com/inquire/homeservice" class="btn btn-outline" style="width:100%;margin-top:10px">立即查询</a>
+                </div>
+
+                <!-- Sample 6 -->
+                <div class="sample-card">
+                    <div class="sample-icon">💳</div>
+                    <h3 class="sample-name">消金报告</h3>
+                    <p class="sample-desc">消费金融风险评估，快速决策支持，包含信用记录、负债情况、还款能力等</p>
+                    <ul class="sample-features">
+                        <li>✓ 信用记录查询</li>
+                        <li>✓ 负债情况分析</li>
+                        <li>✓ 还款能力评估</li>
+                        <li>✓ 快速决策支持</li>
+                    </ul>
+                    <div class="sample-price">¥39.9</div>
+                    <a href="https://www.yuyuecha.com/example?feature=consumerFinanceReport" target="_blank" class="btn btn-primary" style="width:100%">👁️ 查看示例</a>
+                    <a href="https://www.yuyuecha.com/inquire/consumerFinanceReport" class="btn btn-outline" style="width:100%;margin-top:10px">立即查询</a>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Footer -->
+    <footer class="footer">
+        <div class="container">
+            <p>© 2026 愉悦查（北京正信环宇科技有限公司）| 让信任无处不在，让合作没有距离</p>
+        </div>
+    </footer>
+</body>
+</html>
diff --git a/sample.html.bak.navbar b/sample.html.bak.navbar
new file mode 100755
index 0000000..85ada3f
--- /dev/null
+++ b/sample.html.bak.navbar
@@ -0,0 +1,385 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>示例报告 - 愉悦查 | 查看真实报告样本</title>
+    <meta name="description" content="查看愉悦查 6 大标准报告的真实样本，了解报告内容和格式">
+    
+    <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=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    
+    <style>
+        :root {
+            --primary-orange: #FF6A19;
+            --primary-orange-light: #FC6E18;
+            --primary-orange-dark: #E64E10;
+            --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
+            --primary-orange-soft: #FFDECC;
+            --bg-light: #FFFFFF;
+            --bg-gray: #F5F7FA;
+            --text-primary: #1A1A1A;
+            --text-secondary: #666666;
+            --text-light: #999999;
+            --spacing-xs: 8px;
+            --spacing-sm: 16px;
+            --spacing-md: 24px;
+            --spacing-lg: 48px;
+            --spacing-xl: 80px;
+            --radius-sm: 4px;
+            --radius-md: 8px;
+            --radius-lg: 16px;
+            --radius-xl: 24px;
+            --shadow-sm: 0 2px 8px rgba(0,0,0,0.08);
+            --shadow-md: 0 4px 16px rgba(0,0,0,0.12);
+            --shadow-lg: 0 8px 32px rgba(0,0,0,0.16);
+            --transition: all 0.3s ease;
+        }
+        
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        html { scroll-behavior: smooth; }
+        body {
+            font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+            font-size: 16px;
+            line-height: 1.6;
+            color: var(--text-primary);
+            background-color: var(--bg-light);
+        }
+        a { text-decoration: none; color: inherit; }
+        ul { list-style: none; }
+        img { max-width: 100%; height: auto; }
+        
+        .container { max-width: 1200px; margin: 0 auto; padding: 0 var(--spacing-md); }
+        
+        .btn {
+            display: inline-block;
+            padding: 14px 32px;
+            font-size: 16px;
+            font-weight: 500;
+            border-radius: var(--radius-md);
+            cursor: pointer;
+            transition: var(--transition);
+            border: none;
+            text-align: center;
+        }
+        .btn-primary {
+            background: var(--primary-gradient);
+            color: white;
+            box-shadow: 0 4px 12px rgba(236, 77, 9, 0.3);
+        }
+        .btn-primary:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 6px 20px rgba(255, 106, 25, 0.4);
+        }
+        .btn-outline {
+            background: transparent;
+            border: 2px solid var(--primary-orange);
+            color: var(--primary-orange);
+        }
+        .btn-outline:hover {
+            background: var(--primary-gradient);
+            color: white;
+            transform: translateY(-2px);
+        }
+        
+        /* Navbar */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+        }
+        .navbar .container {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            height: 80px;
+            max-width: 1400px;
+            padding: 0 32px;
+        }
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 12px;
+            font-size: 24px;
+            font-weight: 700;
+            color: var(--primary-orange);
+        }
+        .nav-links {
+            display: flex;
+            gap: var(--spacing-lg);
+        }
+        .nav-links a {
+            font-weight: 500;
+            color: var(--text-primary);
+            transition: var(--transition);
+        }
+        .nav-links a:hover {
+            color: var(--primary-orange);
+        }
+        
+        /* Hero Section */
+        .page-hero {
+            padding: 160px 0 80px;
+            background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%);
+            text-align: center;
+        }
+        .page-hero h1 {
+            font-size: 48px;
+            font-weight: 900;
+            margin-bottom: var(--spacing-sm);
+            background: var(--primary-gradient);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+        .page-hero p {
+            font-size: 20px;
+            color: var(--text-secondary);
+            max-width: 600px;
+            margin: 0 auto;
+        }
+        
+        /* Sample Cards */
+        .section { padding: var(--spacing-xl) 0; }
+        .sample-grid {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: var(--spacing-md);
+        }
+        .sample-card {
+            background: white;
+            border-radius: var(--radius-lg);
+            padding: var(--spacing-lg);
+            box-shadow: var(--shadow-sm);
+            transition: var(--transition);
+            position: relative;
+            overflow: hidden;
+            display: flex;
+            flex-direction: column;
+        }
+        .sample-card::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            height: 4px;
+            background: var(--primary-gradient);
+        }
+        .sample-card:hover {
+            transform: translateY(-12px);
+            box-shadow: var(--shadow-lg);
+        }
+        .sample-icon {
+            width: 80px;
+            height: 80px;
+            border-radius: 50%;
+            background: var(--primary-orange-soft);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 36px;
+            margin-bottom: var(--spacing-sm);
+            transition: var(--transition);
+        }
+        .sample-card:hover .sample-icon {
+            transform: scale(1.1) rotate(5deg);
+        }
+        .sample-name {
+            font-size: 22px;
+            font-weight: 700;
+            margin-bottom: 12px;
+            color: var(--text-primary);
+        }
+        .sample-desc {
+            font-size: 15px;
+            color: var(--text-secondary);
+            line-height: 1.7;
+            margin-bottom: 16px;
+            flex-grow: 1;
+        }
+        .sample-features {
+            font-size: 14px;
+            color: var(--text-secondary);
+            margin-bottom: 24px;
+        }
+        .sample-features li {
+            padding: 6px 0;
+            border-bottom: 1px dashed #eee;
+        }
+        .sample-features li:last-child {
+            border-bottom: none;
+        }
+        .sample-price {
+            font-size: 24px;
+            font-weight: 700;
+            color: var(--primary-orange);
+            margin-bottom: 16px;
+        }
+        
+        /* Footer */
+        .footer {
+            background: #1A1A2E;
+            color: white;
+            padding: var(--spacing-lg) 0;
+            text-align: center;
+        }
+        .footer p {
+            opacity: 0.8;
+        }
+        
+        /* Responsive */
+        @media (max-width: 968px) {
+            .sample-grid { grid-template-columns: repeat(2, 1fr); }
+        }
+        @media (max-width: 640px) {
+            .sample-grid { grid-template-columns: 1fr; }
+            .page-hero h1 { font-size: 36px; }
+        }
+    </style>
+</head>
+<body>
+    <!-- Navbar -->
+    <nav class="navbar">
+        <div class="container">
+            <a href="/index.html" class="logo">
+                <span>🔍</span>
+                <span>愉悦查</span>
+            </a>
+            <div class="nav-links">
+                <a href="/index.html">首页</a>
+                <a href="/#products">产品服务</a>
+                <a href="/sample.html">示例报告</a>
+                <a href="/#technology">AI 能力</a>
+                <a href="#partnership">代理合作</a>
+                <a href="#about">关于我们</a>
+                <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" target="_blank">联系客服</a>
+            </div>
+        </div>
+    </nav>
+
+    <!-- Page Hero -->
+    <section class="page-hero">
+        <div class="container">
+            <h1>示例报告</h1>
+            <p>查看真实报告样本，了解报告内容和格式，助您做出明智决策</p>
+        </div>
+    </section>
+
+    <!-- Sample Reports Grid -->
+    <section class="section">
+        <div class="container">
+            <div class="sample-grid">
+                <!-- Sample 1 -->
+                <div class="sample-card">
+                    <div class="sample-icon">📊</div>
+                    <h3 class="sample-name">个人大数据报告</h3>
+                    <p class="sample-desc">全面个人背景分析，包含身份信息、社交网络、行为特征等多维度数据评估</p>
+                    <ul class="sample-features">
+                        <li>✓ 身份信息核验</li>
+                        <li>✓ 社交网络分析</li>
+                        <li>✓ 行为特征评估</li>
+                        <li>✓ 风险等级评定</li>
+                    </ul>
+                    <div class="sample-price">¥49.8</div>
+                    <a href="https://www.yuyuecha.com/example?feature=riskassessment" target="_blank" class="btn btn-primary" style="width:100%">👁️ 查看示例</a>
+                    <a href="https://www.yuyuecha.com/inquire/riskassessment" class="btn btn-outline" style="width:100%;margin-top:10px">立即查询</a>
+                </div>
+
+                <!-- Sample 2 -->
+                <div class="sample-card">
+                    <div class="sample-icon">💕</div>
+                    <h3 class="sample-name">婚恋风险报告</h3>
+                    <p class="sample-desc">婚恋风险评估，帮助了解对方的婚姻状况、信用记录等关键信息</p>
+                    <ul class="sample-features">
+                        <li>✓ 婚姻状况核验</li>
+                        <li>✓ 信用记录查询</li>
+                        <li>✓ 风险评估</li>
+                        <li>✓ 隐私保护</li>
+                    </ul>
+                    <div class="sample-price">¥39.9</div>
+                    <a href="https://www.yuyuecha.com/example?feature=marriage" target="_blank" class="btn btn-primary" style="width:100%">👁️ 查看示例</a>
+                    <a href="https://www.yuyuecha.com/inquire/marriage" class="btn btn-outline" style="width:100%;margin-top:10px">立即查询</a>
+                </div>
+
+                <!-- Sample 3 -->
+                <div class="sample-card">
+                    <div class="sample-icon">💼</div>
+                    <h3 class="sample-name">入职背调报告</h3>
+                    <p class="sample-desc">员工背景筛查，降低用工风险，包含学历、工作履历、信用记录等</p>
+                    <ul class="sample-features">
+                        <li>✓ 学历验证</li>
+                        <li>✓ 工作履历核实</li>
+                        <li>✓ 信用记录查询</li>
+                        <li>✓ 批量优惠</li>
+                    </ul>
+                    <div class="sample-price">¥69.9</div>
+                    <a href="https://www.yuyuecha.com/example?feature=backgroundcheck" target="_blank" class="btn btn-primary" style="width:100%">👁️ 查看示例</a>
+                    <a href="https://www.yuyuecha.com/inquire/backgroundcheck" class="btn btn-outline" style="width:100%;margin-top:10px">立即查询</a>
+                </div>
+
+                <!-- Sample 4 -->
+                <div class="sample-card">
+                    <div class="sample-icon">🏢</div>
+                    <h3 class="sample-name">小微企业报告</h3>
+                    <p class="sample-desc">企业风险筛查，合作前必备，包含工商信息、司法风险、经营状况等</p>
+                    <ul class="sample-features">
+                        <li>✓ 工商信息查询</li>
+                        <li>✓ 司法风险评估</li>
+                        <li>✓ 经营状况分析</li>
+                        <li>✓ 合作风险评估</li>
+                    </ul>
+                    <div class="sample-price">¥69.9</div>
+                    <a href="https://www.yuyuecha.com/example?feature=companyinfo" target="_blank" class="btn btn-primary" style="width:100%">👁️ 查看示例</a>
+                    <a href="https://www.yuyuecha.com/inquire/companyinfo" class="btn btn-outline" style="width:100%;margin-top:10px">立即查询</a>
+                </div>
+
+                <!-- Sample 5 -->
+                <div class="sample-card">
+                    <div class="sample-icon">🧹</div>
+                    <h3 class="sample-name">家政风险报告</h3>
+                    <p class="sample-desc">家政人员背调，雇佣更安全，包含身份信息、犯罪记录、信用状况等</p>
+                    <ul class="sample-features">
+                        <li>✓ 身份信息核验</li>
+                        <li>✓ 犯罪记录查询</li>
+                        <li>✓ 信用状况评估</li>
+                        <li>✓ 雇佣安全保障</li>
+                    </ul>
+                    <div class="sample-price">¥39.9</div>
+                    <a href="https://www.yuyuecha.com/example?feature=homeservice" target="_blank" class="btn btn-primary" style="width:100%">👁️ 查看示例</a>
+                    <a href="https://www.yuyuecha.com/inquire/homeservice" class="btn btn-outline" style="width:100%;margin-top:10px">立即查询</a>
+                </div>
+
+                <!-- Sample 6 -->
+                <div class="sample-card">
+                    <div class="sample-icon">💳</div>
+                    <h3 class="sample-name">消金报告</h3>
+                    <p class="sample-desc">消费金融风险评估，快速决策支持，包含信用记录、负债情况、还款能力等</p>
+                    <ul class="sample-features">
+                        <li>✓ 信用记录查询</li>
+                        <li>✓ 负债情况分析</li>
+                        <li>✓ 还款能力评估</li>
+                        <li>✓ 快速决策支持</li>
+                    </ul>
+                    <div class="sample-price">¥39.9</div>
+                    <a href="https://www.yuyuecha.com/example?feature=consumerFinanceReport" target="_blank" class="btn btn-primary" style="width:100%">👁️ 查看示例</a>
+                    <a href="https://www.yuyuecha.com/inquire/consumerFinanceReport" class="btn btn-outline" style="width:100%;margin-top:10px">立即查询</a>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Footer -->
+    <footer class="footer">
+        <div class="container">
+            <p>© 2026 愉悦查（北京正信环宇科技有限公司）| 让信任无处不在，让合作没有距离</p>
+        </div>
+    </footer>
+</body>
+</html>
diff --git a/sample.html.bak.uniform b/sample.html.bak.uniform
new file mode 100755
index 0000000..6b7d136
--- /dev/null
+++ b/sample.html.bak.uniform
@@ -0,0 +1,504 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>示例报告 - 愉悦查 | 查看真实报告样本</title>
+    <meta name="description" content="查看愉悦查 6 大标准报告的真实样本，了解报告内容和格式">
+    
+    <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=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    
+    <style>
+        :root {
+            --primary-orange: #FF6A19;
+            --primary-orange-light: #FC6E18;
+            --primary-orange-dark: #E64E10;
+            --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
+            --primary-orange-soft: #FFDECC;
+            --bg-light: #FFFFFF;
+            --bg-gray: #F5F7FA;
+            --text-primary: #1A1A1A;
+            --text-secondary: #666666;
+            --text-light: #999999;
+            --spacing-xs: 8px;
+            --spacing-sm: 16px;
+            --spacing-md: 24px;
+            --spacing-lg: 48px;
+            --spacing-xl: 80px;
+            --radius-sm: 4px;
+            --radius-md: 8px;
+            --radius-lg: 16px;
+            --radius-xl: 24px;
+            --shadow-sm: 0 2px 8px rgba(0,0,0,0.08);
+            --shadow-md: 0 4px 16px rgba(0,0,0,0.12);
+            --shadow-lg: 0 8px 32px rgba(0,0,0,0.16);
+            --transition: all 0.3s ease;
+        }
+        
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        html { scroll-behavior: smooth; }
+        body {
+            font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+            font-size: 16px;
+            line-height: 1.6;
+            color: var(--text-primary);
+            background-color: var(--bg-light);
+        }
+        a { text-decoration: none; color: inherit; }
+        ul { list-style: none; }
+        img { max-width: 100%; height: auto; }
+        
+        .container { max-width: 1200px; margin: 0 auto; padding: 0 var(--spacing-md); }
+        
+        .btn {
+            display: inline-block;
+            padding: 14px 32px;
+            font-size: 16px;
+            font-weight: 500;
+            border-radius: var(--radius-md);
+            cursor: pointer;
+            transition: var(--transition);
+            border: none;
+            text-align: center;
+        }
+        .btn-primary {
+            background: var(--primary-gradient);
+            color: white;
+            box-shadow: 0 4px 12px rgba(236, 77, 9, 0.3);
+        }
+        .btn-primary:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 6px 20px rgba(255, 106, 25, 0.4);
+        }
+        .btn-outline {
+            background: transparent;
+            border: 2px solid var(--primary-orange);
+            color: var(--primary-orange);
+        }
+        .btn-outline:hover {
+            background: var(--primary-gradient);
+            color: white;
+            transform: translateY(-2px);
+        }
+        
+        /* Navbar */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+        }
+        .navbar .container {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            height: 80px;
+            max-width: 1400px;
+            padding: 0 32px;
+        }
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 12px;
+            font-size: 24px;
+            font-weight: 700;
+            color: var(--primary-orange);
+        }
+        .nav-links {
+            display: flex;
+            gap: var(--spacing-lg);
+        }
+        .nav-links a {
+            font-weight: 500;
+            color: var(--text-primary);
+            transition: var(--transition);
+        }
+        .nav-links a:hover {
+            color: var(--primary-orange);
+        }
+        
+        /* Hero Section */
+        .page-hero {
+            padding: 160px 0 80px;
+            background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%);
+            text-align: center;
+        }
+        .page-hero h1 {
+            font-size: 48px;
+            font-weight: 900;
+            margin-bottom: var(--spacing-sm);
+            background: var(--primary-gradient);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+        .page-hero p {
+            font-size: 20px;
+            color: var(--text-secondary);
+            max-width: 600px;
+            margin: 0 auto;
+        }
+        
+        /* Sample Cards */
+        .section { padding: var(--spacing-xl) 0; }
+        .sample-grid {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: var(--spacing-md);
+        }
+        .sample-card {
+            background: white;
+            border-radius: var(--radius-lg);
+            padding: var(--spacing-lg);
+            box-shadow: var(--shadow-sm);
+            transition: var(--transition);
+            position: relative;
+            overflow: hidden;
+            display: flex;
+            flex-direction: column;
+        }
+        .sample-card::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            height: 4px;
+            background: var(--primary-gradient);
+        }
+        .sample-card:hover {
+            transform: translateY(-12px);
+            box-shadow: var(--shadow-lg);
+        }
+        .sample-icon {
+            width: 80px;
+            height: 80px;
+            border-radius: 50%;
+            background: var(--primary-orange-soft);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 36px;
+            margin-bottom: var(--spacing-sm);
+            transition: var(--transition);
+        }
+        .sample-card:hover .sample-icon {
+            transform: scale(1.1) rotate(5deg);
+        }
+        .sample-name {
+            font-size: 22px;
+            font-weight: 700;
+            margin-bottom: 12px;
+            color: var(--text-primary);
+        }
+        .sample-desc {
+            font-size: 15px;
+            color: var(--text-secondary);
+            line-height: 1.7;
+            margin-bottom: 16px;
+            flex-grow: 1;
+        }
+        .sample-features {
+            font-size: 14px;
+            color: var(--text-secondary);
+            margin-bottom: 24px;
+        }
+        .sample-features li {
+            padding: 6px 0;
+            border-bottom: 1px dashed #eee;
+        }
+        .sample-features li:last-child {
+            border-bottom: none;
+        }
+        .sample-price {
+            font-size: 24px;
+            font-weight: 700;
+            color: var(--primary-orange);
+            margin-bottom: 16px;
+        }
+        
+        /* Footer */
+        .footer {
+            background: #1A1A2E;
+            color: white;
+            padding: var(--spacing-lg) 0;
+            text-align: center;
+        }
+        .footer p {
+            opacity: 0.8;
+        }
+        
+        /* Responsive */
+        @media (max-width: 968px) {
+            .sample-grid { grid-template-columns: repeat(2, 1fr); }
+        }
+        @media (max-width: 640px) {
+            .sample-grid { grid-template-columns: 1fr; }
+            .page-hero h1 { font-size: 36px; }
+        }
+    
+        /* ===== Navigation ===== */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+            transition: var(--transition);
+        }
+        
+        .navbar.scrolled {
+            box-shadow: 0 4px 30px rgba(0,0,0,0.12);
+        }
+        
+        .navbar .container {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            height: 80px;
+            max-width: 1400px;
+            margin: 0 auto;
+            padding: 0 32px;
+        }
+        
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            text-decoration: none;
+            background: transparent;
+            padding: 4px 0;
+        }
+        
+        .logo-img {
+            background: rgba(255,255,255,0.95);
+            height: 60px;
+            width: auto;
+            object-fit: contain;
+            transition: var(--transition);
+        }
+        
+        .logo:hover .logo-img {
+            background: rgba(255,255,255,0.95);
+            transform: scale(1.05);
+        }
+        
+        .nav-menu {
+            display: flex;
+            gap: var(--spacing-lg);
+            align-items: center;
+        }
+        
+        .nav-link {
+            font-size: 15px;
+            font-weight: 500;
+            color: var(--text-primary);
+            transition: var(--transition);
+            position: relative;
+        }
+        
+        .nav-link:hover {
+            color: var(--primary-orange);
+        }
+        
+        .nav-link::after {
+            content: '';
+            position: absolute;
+            bottom: -4px;
+            left: 0;
+            width: 0;
+            height: 2px;
+            background: var(--primary-orange);
+            transition: var(--transition);
+        }
+        
+        .nav-link:hover::after {
+            width: 100%;
+        }
+        
+        .nav-cta {
+            display: flex;
+            gap: var(--spacing-sm);
+        }
+        
+        .nav-btn {
+            padding: 10px 20px;
+            font-size: 14px;
+        }
+        
+        /* Mobile Menu */
+        .menu-toggle {
+            display: none;
+            flex-direction: column;
+            gap: 5px;
+            cursor: pointer;
+            padding: 5px;
+        }
+        
+        .menu-toggle span {
+            width: 25px;
+            height: 3px;
+            background: var(--primary-orange);
+            border-radius: 2px;
+            transition: var(--transition);
+        }
+</style>
+</head>
+<body>
+    <!-- Navbar -->
+    <nav class="navbar" id="navbar">
+        <div class="container">
+            <a href="/index.html" class="logo">
+                <img src="assets/logo.png" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            
+            <div class="menu-toggle" id="menuToggle">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+            
+            <ul class="nav-menu" id="navMenu">
+                <li><a href="/index.html#home" class="nav-link">首页</a></li>
+                <li><a href="/index.html#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="/index.html#technology" class="nav-link">AI 能力</a></li>
+                <li><a href="/index.html#partnership" class="nav-link">代理合作</a></li>
+                <li><a href="/index.html#about" class="nav-link">关于我们</a></li>
+            </ul>
+            
+            <div class="nav-cta">
+                <a href="/index.html#products" class="btn btn-outline nav-btn">立即查询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
+            </div>
+        </div>
+    </nav>
+
+    <!-- Page Hero -->
+    <section class="page-hero">
+        <div class="container">
+            <h1>示例报告</h1>
+            <p>查看真实报告样本，了解报告内容和格式，助您做出明智决策</p>
+        </div>
+    </section>
+
+    <!-- Sample Reports Grid -->
+    <section class="section">
+        <div class="container">
+            <div class="sample-grid">
+                <!-- Sample 1 -->
+                <div class="sample-card">
+                    <div class="sample-icon">📊</div>
+                    <h3 class="sample-name">个人大数据报告</h3>
+                    <p class="sample-desc">全面个人背景分析，包含身份信息、社交网络、行为特征等多维度数据评估</p>
+                    <ul class="sample-features">
+                        <li>✓ 身份信息核验</li>
+                        <li>✓ 社交网络分析</li>
+                        <li>✓ 行为特征评估</li>
+                        <li>✓ 风险等级评定</li>
+                    </ul>
+                    <div class="sample-price">¥49.8</div>
+                    <a href="https://www.yuyuecha.com/example?feature=riskassessment" target="_blank" class="btn btn-primary" style="width:100%">👁️ 查看示例</a>
+                    <a href="https://www.yuyuecha.com/inquire/riskassessment" class="btn btn-outline" style="width:100%;margin-top:10px">立即查询</a>
+                </div>
+
+                <!-- Sample 2 -->
+                <div class="sample-card">
+                    <div class="sample-icon">💕</div>
+                    <h3 class="sample-name">婚恋风险报告</h3>
+                    <p class="sample-desc">婚恋风险评估，帮助了解对方的婚姻状况、信用记录等关键信息</p>
+                    <ul class="sample-features">
+                        <li>✓ 婚姻状况核验</li>
+                        <li>✓ 信用记录查询</li>
+                        <li>✓ 风险评估</li>
+                        <li>✓ 隐私保护</li>
+                    </ul>
+                    <div class="sample-price">¥39.9</div>
+                    <a href="https://www.yuyuecha.com/example?feature=marriage" target="_blank" class="btn btn-primary" style="width:100%">👁️ 查看示例</a>
+                    <a href="https://www.yuyuecha.com/inquire/marriage" class="btn btn-outline" style="width:100%;margin-top:10px">立即查询</a>
+                </div>
+
+                <!-- Sample 3 -->
+                <div class="sample-card">
+                    <div class="sample-icon">💼</div>
+                    <h3 class="sample-name">入职背调报告</h3>
+                    <p class="sample-desc">员工背景筛查，降低用工风险，包含学历、工作履历、信用记录等</p>
+                    <ul class="sample-features">
+                        <li>✓ 学历验证</li>
+                        <li>✓ 工作履历核实</li>
+                        <li>✓ 信用记录查询</li>
+                        <li>✓ 批量优惠</li>
+                    </ul>
+                    <div class="sample-price">¥69.9</div>
+                    <a href="https://www.yuyuecha.com/example?feature=backgroundcheck" target="_blank" class="btn btn-primary" style="width:100%">👁️ 查看示例</a>
+                    <a href="https://www.yuyuecha.com/inquire/backgroundcheck" class="btn btn-outline" style="width:100%;margin-top:10px">立即查询</a>
+                </div>
+
+                <!-- Sample 4 -->
+                <div class="sample-card">
+                    <div class="sample-icon">🏢</div>
+                    <h3 class="sample-name">小微企业报告</h3>
+                    <p class="sample-desc">企业风险筛查，合作前必备，包含工商信息、司法风险、经营状况等</p>
+                    <ul class="sample-features">
+                        <li>✓ 工商信息查询</li>
+                        <li>✓ 司法风险评估</li>
+                        <li>✓ 经营状况分析</li>
+                        <li>✓ 合作风险评估</li>
+                    </ul>
+                    <div class="sample-price">¥69.9</div>
+                    <a href="https://www.yuyuecha.com/example?feature=companyinfo" target="_blank" class="btn btn-primary" style="width:100%">👁️ 查看示例</a>
+                    <a href="https://www.yuyuecha.com/inquire/companyinfo" class="btn btn-outline" style="width:100%;margin-top:10px">立即查询</a>
+                </div>
+
+                <!-- Sample 5 -->
+                <div class="sample-card">
+                    <div class="sample-icon">🧹</div>
+                    <h3 class="sample-name">家政风险报告</h3>
+                    <p class="sample-desc">家政人员背调，雇佣更安全，包含身份信息、犯罪记录、信用状况等</p>
+                    <ul class="sample-features">
+                        <li>✓ 身份信息核验</li>
+                        <li>✓ 犯罪记录查询</li>
+                        <li>✓ 信用状况评估</li>
+                        <li>✓ 雇佣安全保障</li>
+                    </ul>
+                    <div class="sample-price">¥39.9</div>
+                    <a href="https://www.yuyuecha.com/example?feature=homeservice" target="_blank" class="btn btn-primary" style="width:100%">👁️ 查看示例</a>
+                    <a href="https://www.yuyuecha.com/inquire/homeservice" class="btn btn-outline" style="width:100%;margin-top:10px">立即查询</a>
+                </div>
+
+                <!-- Sample 6 -->
+                <div class="sample-card">
+                    <div class="sample-icon">💳</div>
+                    <h3 class="sample-name">消金报告</h3>
+                    <p class="sample-desc">消费金融风险评估，快速决策支持，包含信用记录、负债情况、还款能力等</p>
+                    <ul class="sample-features">
+                        <li>✓ 信用记录查询</li>
+                        <li>✓ 负债情况分析</li>
+                        <li>✓ 还款能力评估</li>
+                        <li>✓ 快速决策支持</li>
+                    </ul>
+                    <div class="sample-price">¥39.9</div>
+                    <a href="https://www.yuyuecha.com/example?feature=consumerFinanceReport" target="_blank" class="btn btn-primary" style="width:100%">👁️ 查看示例</a>
+                    <a href="https://www.yuyuecha.com/inquire/consumerFinanceReport" class="btn btn-outline" style="width:100%;margin-top:10px">立即查询</a>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Footer -->
+    <footer class="footer">
+        <div class="container">
+            <p>© 2026 愉悦查（北京正信环宇科技有限公司）| 让信任无处不在，让合作没有距离</p>
+        </div>
+    </footer>
+</body>
+</html>
diff --git a/sitemap.xml b/sitemap.xml
new file mode 100644
index 0000000..8f7837f
--- /dev/null
+++ b/sitemap.xml
@@ -0,0 +1,123 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
+  <url>
+    <loc>https://www.yuyuecha.com.cn/</loc>
+    <lastmod>2026-03-28</lastmod>
+    <changefreq>weekly</changefreq>
+    <priority>1.0</priority>
+  </url>
+  <url>
+    <loc>https://www.yuyuecha.com.cn/product/riskassessment.html</loc>
+    <lastmod>2026-03-28</lastmod>
+    <changefreq>monthly</changefreq>
+    <priority>0.9</priority>
+  </url>
+  <url>
+    <loc>https://www.yuyuecha.com.cn/product/marriage.html</loc>
+    <lastmod>2026-03-28</lastmod>
+    <changefreq>monthly</changefreq>
+    <priority>0.9</priority>
+  </url>
+  <url>
+    <loc>https://www.yuyuecha.com.cn/product/backgroundcheck.html</loc>
+    <lastmod>2026-03-28</lastmod>
+    <changefreq>monthly</changefreq>
+    <priority>0.9</priority>
+  </url>
+  <url>
+    <loc>https://www.yuyuecha.com.cn/product/companyinfo.html</loc>
+    <lastmod>2026-03-28</lastmod>
+    <changefreq>monthly</changefreq>
+    <priority>0.9</priority>
+  </url>
+  <url>
+    <loc>https://www.yuyuecha.com.cn/product/homeservice.html</loc>
+    <lastmod>2026-03-28</lastmod>
+    <changefreq>monthly</changefreq>
+    <priority>0.9</priority>
+  </url>
+  <url>
+    <loc>https://www.yuyuecha.com.cn/product/consumerFinanceReport.html</loc>
+    <lastmod>2026-03-28</lastmod>
+    <changefreq>monthly</changefreq>
+    <priority>0.9</priority>
+  </url>
+  <url>
+    <loc>https://www.yuyuecha.com.cn/sample.html</loc>
+    <lastmod>2026-03-28</lastmod>
+    <changefreq>monthly</changefreq>
+    <priority>0.8</priority>
+  </url>
+  <url>
+    <loc>https://www.yuyuecha.com.cn/all-apis.html</loc>
+    <lastmod>2026-03-28</lastmod>
+    <changefreq>weekly</changefreq>
+    <priority>0.8</priority>
+  </url>
+  <url>
+    <loc>https://www.yuyuecha.com.cn/apidemo/</loc>
+    <lastmod>2026-03-28</lastmod>
+    <changefreq>weekly</changefreq>
+    <priority>0.7</priority>
+  </url>
+  <url>
+    <loc>https://www.yuyuecha.com.cn/investment.html</loc>
+    <lastmod>2026-03-28</lastmod>
+    <changefreq>weekly</changefreq>
+    <priority>0.8</priority>
+  </url>
+  <url>
+    <loc>https://www.yuyuecha.com.cn/about.html</loc>
+    <lastmod>2026-03-28</lastmod>
+    <changefreq>monthly</changefreq>
+    <priority>0.6</priority>
+  </url>
+  <url>
+    <loc>https://www.yuyuecha.com.cn/partners.html</loc>
+    <lastmod>2026-03-28</lastmod>
+    <changefreq>monthly</changefreq>
+    <priority>0.6</priority>
+  </url>
+  <url>
+    <loc>https://www.yuyuecha.com.cn/news.html</loc>
+    <lastmod>2026-03-28</lastmod>
+    <changefreq>weekly</changefreq>
+    <priority>0.6</priority>
+  </url>
+  <url>
+    <loc>https://www.yuyuecha.com.cn/careers.html</loc>
+    <lastmod>2026-03-28</lastmod>
+    <changefreq>monthly</changefreq>
+    <priority>0.5</priority>
+  </url>
+  <url>
+    <loc>https://www.yuyuecha.com.cn/contact.html</loc>
+    <lastmod>2026-03-28</lastmod>
+    <changefreq>monthly</changefreq>
+    <priority>0.5</priority>
+  </url>
+  <url>
+    <loc>https://www.yuyuecha.com.cn/help.html</loc>
+    <lastmod>2026-03-28</lastmod>
+    <changefreq>monthly</changefreq>
+    <priority>0.5</priority>
+  </url>
+  <url>
+    <loc>https://www.yuyuecha.com.cn/privacy.html</loc>
+    <lastmod>2026-03-28</lastmod>
+    <changefreq>yearly</changefreq>
+    <priority>0.3</priority>
+  </url>
+  <url>
+    <loc>https://www.yuyuecha.com.cn/terms.html</loc>
+    <lastmod>2026-03-28</lastmod>
+    <changefreq>yearly</changefreq>
+    <priority>0.3</priority>
+  </url>
+  <url>
+    <loc>https://www.yuyuecha.com.cn/disclaimer.html</loc>
+    <lastmod>2026-03-28</lastmod>
+    <changefreq>yearly</changefreq>
+    <priority>0.3</priority>
+  </url>
+</urlset>
diff --git a/terms.html b/terms.html
new file mode 100755
index 0000000..6894e0a
--- /dev/null
+++ b/terms.html
@@ -0,0 +1,521 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>用户协议 - 愉悦查 | 让信任无处不在，让合作没有距离</title>
+    <meta name="description" content="愉悦查用户协议，规范用户使用服务的行为">
+    <!-- SEO Enhancement -->
+    <link rel="canonical" href="https://www.yuyuecha.com.cn/terms.html">
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="https://www.yuyuecha.com.cn/terms.html">
+    <meta property="og:title" content="用户协议 - 愉悦查">
+    <meta property="og:description" content="愉悦查用户服务协议与使用条款。">
+    <meta property="og:image" content="https://www.yuyuecha.com.cn/assets/logo-nav-2x.png">
+    <meta property="og:site_name" content="愉悦查">
+    <meta property="og:locale" content="zh_CN">
+    <meta name="twitter:card" content="summary">
+    <meta name="twitter:title" content="用户协议 - 愉悦查">
+    <meta name="twitter:description" content="愉悦查用户服务协议与使用条款。">
+    <meta name="twitter:image" content="https://www.yuyuecha.com.cn/assets/logo-nav-2x.png">
+    <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=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    <style>
+        :root { --primary-orange: #FF6A19; --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%); --bg-gray: #F5F7FA; --text-primary: #1A1A1A; --text-secondary: #666666; --spacing-lg: 48px; --spacing-xl: 80px; --radius-lg: 16px; }
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body { font-family: 'Noto Sans SC', sans-serif; line-height: 2; color: var(--text-primary); }
+        .container { max-width: 1000px; margin: 0 auto; padding: 0 24px; }
+        .navbar { position: fixed; top: 0; background: rgba(255,255,255,0.95); backdrop-filter: blur(10px); box-shadow: 0 2px 20px rgba(0,0,0,0.08); z-index: 1000; }
+        .navbar .container { display: flex; justify-content: space-between; align-items: center; height: 80px; }
+        .logo { display: flex; align-items: center; gap: 8px; text-decoration: none; }
+        .logo-img { height: 60px; width: auto; }
+        .nav-menu { display: flex; gap: 32px; list-style: none; }
+        .nav-link { font-size: 15px; font-weight: 500; color: var(--text-primary); text-decoration: none; }
+        .nav-link:hover { color: var(--primary-orange); }
+        .hero { padding: 160px 0 60px; background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%); text-align: center; }
+        .hero h1 { font-size: 48px; color: var(--primary-orange); margin-bottom: 16px; }
+        .hero p { font-size: 18px; color: var(--text-secondary); }
+        .content-section { padding: var(--spacing-xl) 0; }
+        .content-section h2 { font-size: 28px; color: var(--primary-orange); margin: 40px 0 20px; padding-bottom: 10px; border-bottom: 2px solid var(--primary-orange); }
+        .content-section h3 { font-size: 20px; margin: 30px 0 15px; color: var(--text-primary); }
+        .content-section h4 { font-size: 18px; margin: 25px 0 12px; color: var(--text-primary); }
+        .content-section p { margin: 15px 0; text-indent: 2em; text-align: justify; }
+        .content-section ul { margin: 15px 0 15px 40px; }
+        .content-section li { margin: 10px 0; }
+        .intro-box { background: var(--bg-gray); padding: 30px; border-radius: var(--radius-lg); margin: 30px 0; border-left: 4px solid var(--primary-orange); }
+        .intro-box p { text-indent: 0; margin: 15px 0; }
+        .update-time { background: var(--bg-gray); padding: 20px; border-radius: var(--radius-lg); margin: 30px 0; text-align: center; }
+        .update-time strong { color: var(--primary-orange); }
+        .footer { background: #1A1A1A; color: white; padding: 64px 0 32px; }
+        .footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 48px; margin-bottom: 48px; }
+        .footer-brand h3 { font-size: 24px; margin-bottom: 16px; color: var(--primary-orange); }
+        .footer-title { font-size: 16px; font-weight: 600; margin-bottom: 16px; }
+        .footer-links { list-style: none; }
+        .footer-links li { margin-bottom: 8px; }
+        .footer-links a { color: white; opacity: 0.8; text-decoration: none; }
+        .footer-links a:hover { opacity: 1; color: var(--primary-orange); }
+        .footer-bottom { text-align: center; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.6; }
+        @media (max-width: 768px) { .hero h1 { font-size: 32px; } .footer-grid { grid-template-columns: 1fr; } .nav-menu { display: none; } }
+    
+        /* ===== Unified Navbar ===== */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            z-index: 1000;
+            padding: 12px 0;
+            transition: all 0.3s ease;
+            background: rgba(255,255,255,0.95);
+            backdrop-filter: blur(20px);
+            -webkit-backdrop-filter: blur(20px);
+        }
+        .navbar.scrolled {
+            padding: 8px 0;
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+        }
+        .navbar .container {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 0 24px;
+        }
+        .logo {
+            display: flex;
+            align-items: center;
+            text-decoration: none;
+        }
+        .logo-img {
+            height: 44px;
+            width: auto;
+            object-fit: contain;
+            transition: all 0.3s ease;
+        }
+        .logo:hover .logo-img {
+            transform: scale(1.03);
+        }
+        .nav-menu {
+            display: flex;
+            gap: 32px;
+            list-style: none;
+            margin: 0;
+            padding: 0;
+        }
+        .nav-link {
+            font-size: 15px;
+            font-weight: 500;
+            color: #1A1A1A;
+            text-decoration: none;
+            position: relative;
+            padding: 6px 0;
+            transition: all 0.3s ease;
+        }
+        .nav-link::after {
+            content: '';
+            position: absolute;
+            bottom: 0;
+            left: 50%;
+            width: 0;
+            height: 2px;
+            background: #FF6A19;
+            transition: all 0.3s ease;
+            transform: translateX(-50%);
+            border-radius: 1px;
+        }
+        .nav-link:hover {
+            color: #FF6A19;
+        }
+        .nav-link:hover::after {
+            width: 100%;
+        }
+        .nav-cta {
+            display: flex;
+            gap: 12px;
+            align-items: center;
+        }
+        .nav-btn {
+            padding: 8px 20px;
+            border-radius: 8px;
+            font-size: 14px;
+            font-weight: 500;
+            cursor: pointer;
+            transition: all 0.3s ease;
+            text-decoration: none;
+            border: none;
+            display: inline-flex;
+            align-items: center;
+        }
+        .btn-outline.nav-btn {
+            border: 1.5px solid #FF6A19;
+            color: #FF6A19;
+            background: transparent;
+        }
+        .btn-outline.nav-btn:hover {
+            background: #FFF5F0;
+        }
+        .btn-primary.nav-btn {
+            background: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%);
+            color: white;
+            box-shadow: 0 2px 8px rgba(255,106,25,0.3);
+        }
+        .btn-primary.nav-btn:hover {
+            transform: translateY(-1px);
+            box-shadow: 0 4px 12px rgba(255,106,25,0.4);
+        }
+        .menu-toggle {
+            display: none;
+            flex-direction: column;
+            gap: 5px;
+            cursor: pointer;
+            padding: 4px;
+            z-index: 1001;
+        }
+        .menu-toggle span {
+            width: 24px;
+            height: 2px;
+            background: #1A1A1A;
+            transition: all 0.3s ease;
+            border-radius: 1px;
+        }
+        @media (max-width: 1024px) {
+            .nav-menu {
+                display: none;
+                position: fixed;
+                top: 0;
+                left: 0;
+                right: 0;
+                bottom: 0;
+                background: rgba(255,255,255,0.98);
+                backdrop-filter: blur(20px);
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                gap: 24px;
+                z-index: 999;
+            }
+            .nav-menu.active {
+                display: flex;
+            }
+            .nav-link {
+                font-size: 18px;
+            }
+            .nav-cta {
+                display: none;
+            }
+            .menu-toggle {
+                display: flex;
+            }
+        }
+
+        /* ===== Unified Footer ===== */
+        .footer {
+            background: #1A1A1A;
+            color: white;
+            padding: 60px 0 30px;
+        }
+        .footer-grid {
+            display: grid;
+            grid-template-columns: 1.5fr 1fr 1fr 1fr;
+            gap: 48px;
+            margin-bottom: 40px;
+        }
+        .footer-brand h3 {
+            font-size: 22px;
+            font-weight: 700;
+            margin-bottom: 8px;
+            background: linear-gradient(135deg, #FF6A19, #FC6E18);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+        .footer-brand p {
+            color: rgba(255,255,255,0.6);
+            font-size: 14px;
+            line-height: 1.6;
+        }
+        .footer-title {
+            font-size: 15px;
+            font-weight: 600;
+            margin-bottom: 16px;
+            color: rgba(255,255,255,0.9);
+        }
+        .footer-links {
+            list-style: none;
+            padding: 0;
+            margin: 0;
+        }
+        .footer-links li {
+            margin-bottom: 10px;
+        }
+        .footer-links a {
+            color: rgba(255,255,255,0.5);
+            text-decoration: none;
+            font-size: 14px;
+            transition: all 0.3s ease;
+        }
+        .footer-links a:hover {
+            color: #FF6A19;
+        }
+        .footer-bottom {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            padding-top: 24px;
+            border-top: 1px solid rgba(255,255,255,0.1);
+            font-size: 13px;
+            color: rgba(255,255,255,0.4);
+        }
+        .footer-icp {
+            color: rgba(255,255,255,0.4);
+        }
+        .footer-icp a {
+            color: rgba(255,255,255,0.4);
+            text-decoration: none;
+        }
+        .footer-icp a:hover {
+            color: #FF6A19;
+        }
+        @media (max-width: 768px) {
+            .footer-grid {
+                grid-template-columns: 1fr 1fr;
+                gap: 32px;
+            }
+            .footer-bottom {
+                flex-direction: column;
+                text-align: center;
+                gap: 8px;
+            }
+        }
+        @media (max-width: 480px) {
+            .footer-grid {
+                grid-template-columns: 1fr;
+            }
+        }
+
+    </style>
+</head>
+<body>
+            <nav class="navbar" id="navbar">
+        <div class="container">
+            <a href="/index.html" class="logo">
+                <img src="assets/logo-nav.png" srcset="assets/logo-nav.png 1x, assets/logo-nav-2x.png 2x" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            
+            <div class="menu-toggle" id="menuToggle">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+            
+            <ul class="nav-menu" id="navMenu">
+                <li><a href="/index.html" class="nav-link">首页</a></li>
+                <li><a href="/index.html#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="/index.html#technology" class="nav-link">AI 能力</a></li>
+                <li><a href="/index.html#partnership" class="nav-link">代理合作</a></li>
+                <li><a href="/about.html" class="nav-link">关于我们</a></li>
+            </ul>
+            
+            <div class="nav-cta">
+                <a href="/index.html#products" class="btn btn-outline nav-btn">立即查询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
+            </div>
+        </div>
+    </nav>
+
+    <section class="hero">
+        <div class="container">
+            <h1>用户协议</h1>
+            <p>请仔细阅读本协议，以维护您的合法权益</p>
+        </div>
+    </section>
+
+    <div class="container">
+        <div class="intro-box">
+            <p>本协议是您（以下又称"用户"）在使用本服务时，约定您和北京正信环宇科技有限公司之间权利义务关系的有效协议。</p>
+            <p><strong>在您使用本服务前，请您务必仔细阅读本协议，特别是隐私权保护及授权条款、免除或者限制北京正信环宇科技有限公司责任的条款、争议解决和法律适用条款。一旦您有对本服务的任何部分或全部的注册、查看、定制、使用等任何使用行为，即视为您已充分阅读、理解并接受本协议的全部内容，并与北京正信环宇科技有限公司达成本协议。</strong></p>
+            <p>如您对本协议有任何疑问，应向北京正信环宇科技有限公司客服咨询。如果您不同意本协议的部分或全部约定，您应立即停止使用本服务。</p>
+            <p>您与北京正信环宇科技有限公司达成本协议后，您承诺接受并遵守本协议的约定，并不得以未阅读本协议的内容或者未获得北京正信环宇科技有限公司对您问询的解答等理由，主张本协议无效，或要求撤销本协议。在本协议履行过程中，北京正信环宇科技有限公司可以依其单独判断暂时停止提供、限制或改变本服务，并有权根据自身业务需要修订本协议。一旦本协议的内容发生变动，北京正信环宇科技有限公司将通过平台公布最新的服务协议，不再向您作个别通知。如果您不同意北京正信环宇科技有限公司对本服务协议所做的修改，您应立即停止使用本服务或通过北京正信环宇科技有限公司客服与北京正信环宇科技有限公司联系。如果您继续使用本服务，则视为您接受北京正信环宇科技有限公司对本协议所做的修改，并应遵照修改后的协议执行。</p>
+        </div>
+
+        <div class="update-time">
+            <p><strong>生效日期：</strong>2026 年 1 月 1 日</p>
+            <p><strong>发布单位：</strong>北京正信环宇科技有限公司</p>
+        </div>
+
+        <div class="content-section">
+            <h2>一、服务内容</h2>
+            <p>本服务向您提供多项个人信息整理服务。您知悉并认可，如您需使用该类服务，必须满足如下所述条件；且您承诺，您向北京正信环宇科技有限公司提请服务申请时，已经满足如下所述条件。</p>
+            <p><strong>A.</strong>您已注册成为本服务的会员；</p>
+            <p><strong>B.</strong>您已在服务页面对应框中填写被查询主体的姓名、身份证号、手机号、银行卡号和被查询主体的手机号收到的动态验证码（以下称"被查询主体信息"）；</p>
+            <p><strong>C.</strong>您确保被查询主体信息是您本人的信息或者被查询主体已授权您本人使用被查询主体信息进行查询（授权内容应包括本条 D 项所述内容），并且被查询主体已知悉该授权的风险。</p>
+            <p><strong>D.</strong>被查询主体不可撤销地授权北京正信环宇科技有限公司为查询、评估被查询主体的信息状况：a.可以委托合法存续的第三方机构收集、查询、验证、使用并提供您或被查询主体的个人信息；b.可以向数据源机构采集您或被查询主体的个人信息；c.可以整理、保存、加工、使用您或被查询主体的个人信息，并向您提供数据报告；d.可以向为您提供服务的第三方商户提供脱敏后的个人信息或数据报告。本条所述的个人信息包括但不限于身份信息、联系方式、职业和居住地址等个人基本信息，个人社保、公积金、收入及在商业活动中形成的各类交易记录，个人公共费用缴纳、违法违规信息、财产状况等；</p>
+            <p><strong>E.</strong>被查询主体已被明确告知提供被查询主体信息并作出 D 项授权可能给被查询主体带来的各类损失以及其他可能的不利后果，包括采集上述个人信息对被查询主体信用方面可能产生不良影响以及上述信息被信息使用者依法提供给第三方后被他人不当利用的风险。</p>
+            <p><strong>F.</strong>您已全额支付相应的查询服务费用；</p>
+            <p><strong>G.</strong>验证码请不要轻易提供给他人，一旦填入手机号对应验证码，视为手机号机主本人操作。</p>
+        </div>
+
+        <div class="content-section">
+            <h2>二、服务中断或故障</h2>
+            <p>您同意，因下列原因导致北京正信环宇科技有限公司无法正常提供本服务的，北京正信环宇科技有限公司不承担责任：</p>
+            <ul>
+                <li>（1）承载本服务的系统停机维护期间；</li>
+                <li>（2）您的电脑、手机软硬件和通信线路、供电线路出现故障的；</li>
+                <li>（3）您操作不当或通过非北京正信环宇科技有限公司授权或认可的方式使用本服务的；</li>
+                <li>（4）因病毒、木马、恶意程序攻击、网络拥堵、系统不稳定、系统或设备故障、通讯故障、电力故障或政府行为等原因；</li>
+                <li>（5）由于黑客攻击、网络供应商技术调整或故障、网站升级、手机运营商系统方面的问题等原因而造成的本服务中断或延迟；</li>
+                <li>（6）因台风、地震、海啸、洪水、停电、战争、恐怖袭击等不可抗力之因素，造成本服务系统障碍不能执行业务的。</li>
+            </ul>
+            <p>北京正信环宇科技有限公司不对因使用本服务而对用户造成的间接的、附带的、特殊的、后果性的损失承担任何法律责任；尽管有前款约定北京正信环宇科技有限公司将采取合理行动积极促使本服务恢复正常。</p>
+        </div>
+
+        <div class="content-section">
+            <h2>三、信息的使用和保护</h2>
+            <p>北京正信环宇科技有限公司深知您注重个人信息安全和保护，并理解保护被查询主体个人信息的重要性。北京正信环宇科技有限公司会严格遵守中国关于收集、使用、保存用户个人信息的相关法律法规，尽最大努力采用相应安全技术和管理手段保护您或被查询主体的个人信息，防止您或被查询主体个人信息遭受未经授权的访问、适用或泄露、毁损、篡改或者丢失。未经您或被查询主体的授权不会向任何第三方提供。</p>
+            <p>您使用本服务，即表示您已授权北京正信环宇科技有限公司将您相关信息披露给北京正信环宇科技有限公司关联公司（关联公司是指直接或间接控制于本协议一方的任何法律实体，或者与本协议一方共同于另一法律实体的任何法律实体）使用，且北京正信环宇科技有限公司关联公司仅为了向您提供服务而使用您的相关信息。如北京正信环宇科技有限公司关联公司使用您的相关信息，则受本协议约束且会按照与北京正信环宇科技有限公司同等谨慎程度保护您的相关信息。</p>
+            <p>在您使用本服务过程中，特别是在申请提现、实名认证或佣金结算时，您需要提供包括但不限于姓名、身份证号、银行卡号、手机号、税务身份信息等个人资料。您同意我们为履行合同义务、税务申报、身份核验、财务结算等必要目的，收集、使用、存储并在必要范围内共享该等信息。在进行税务代扣代缴、结算服务时，我们有权将必要信息提供给依法合作的第三方税务服务商、结算服务商，前提是该第三方承担同等信息保护义务。</p>
+            <p>您有权查询、更正您的个人信息，也可以根据平台流程申请注销账户或停止使用相关服务，我们将根据法律要求妥善处理相关信息。</p>
+            <p>北京正信环宇科技有限公司就下列原因导致的您或被查询主体个人信息的泄露，不承担任何法律责任：</p>
+            <ul>
+                <li>（1）由于您个人原因将本服务的会员账号和密码告知他人或与他人共享北京正信环宇科技有限公司服务账户，由此导致的与您相关的信息的泄露。</li>
+                <li>（2）您使用第三方提供的服务（包括您向第三方提供的任何个人信息），须受第三方自己的服务条款及个人信息保护协议（而非本协议）约束，您需要仔细阅读其条款。本协议仅适用于北京正信环宇科技有限公司所提供的服务，并不适用于任何第三方提供的服务或第三方的信息使用规则，北京正信环宇科技有限公司对任何第三方使用由您提供的信息不承担任何责任。</li>
+                <li>（3）根据相关的法律法规、相关政府主管部门或相关证券交易所的要求提供、公布与您相关的信息。</li>
+                <li>（4）或其他非因北京正信环宇科技有限公司原因导致的与您相关的信息的泄露。</li>
+            </ul>
+        </div>
+
+        <div class="content-section">
+            <h2>四、用户声明与保证</h2>
+            <ul>
+                <li>（1）您使用本服务的前提是您依照适用的法律，是具有完全民事权利和民事行为能力，能够独立承担民事责任的自然人。</li>
+                <li>（2）您如违反本协议第一条款中的承诺，您可能会对他人造成侵权。如由此给北京正信环宇科技有限公司或他人造成损失的，您需依照法律法规规定承担相应的法律责任。</li>
+            </ul>
+        </div>
+
+        <div class="content-section">
+            <h2>五、知识产权保护</h2>
+            <p>本服务涉及的文档资料、软件、商标、图案、排版设计等（以下简称"北京正信环宇科技有限公司产品"）的著作权、商标以及其他知识产权或权益均为北京正信环宇科技有限公司享有或北京正信环宇科技有限公司获得授权使用。用户不得出租、出借、拷贝、仿冒、复制或修改北京正信环宇科技有限公司产品任何部分或用于其他任何商业目的，也不得将北京正信环宇科技有限公司产品做反向工程、反编译或反汇编，或以其他方式或工具取得北京正信环宇科技有限公司产品之目标程序或源代码。如果用户违反此约定，造成北京正信环宇科技有限公司及其他任何第三方任何损失的，甲方应予以全额赔偿。</p>
+        </div>
+
+        <div class="content-section">
+            <h2>六、隐私保护</h2>
+            <p>愉悦查保证不对外公开或向第三方提供单个用户的注册资料及存储在愉悦查的非公开内容，但下列情况下除外:</p>
+            <ul>
+                <li>1. 事先获得用户的明确授权;</li>
+                <li>2. 根据有关的法律法规要求;</li>
+                <li>3. 按照有关政府部门的要求;</li>
+                <li>4. 为维护社会公众的利益;</li>
+                <li>5. 为维护愉悦查的合法利益。</li>
+            </ul>
+            <p>在不透露单个用户隐私资料的前提下，愉悦查有权利对整个用户数据库进行分析并对用户数据库进行商业上的利用。</p>
+        </div>
+
+        <div class="content-section">
+            <h2>七、免责条款</h2>
+            <p><strong>（一）</strong>不管基于任何直接的、间接的、特殊的、惩罚性的、惩戒性的、附带的、或结果性的损害、损失或费用，我们均不对其承担责任。即使有人告知我们或我们的员工存在出现这些损害、损失或费用的可能性。这些损害、损失或费用由以下这些情况引起或与这些情况有关：</p>
+            <ul>
+                <li>1. 使用我们网站上或其他链接网站上的信息；</li>
+                <li>2. 无法使用这些信息；</li>
+                <li>3. 任何在操作或传输中出现的操作失败、错误、遗漏、中断、缺陷、延迟，计算机病毒，断线或系统运行失败。</li>
+            </ul>
+            <p><strong>（二）</strong>我们可以在不事先通知的情况下更改信息，并且不承担更新这些信息的义务。不经任何种类的授权，不做任何专门或暗指或法定的不侵犯第三方权利、名称、可出售性、出于某种特殊目的适当措施或不携带计算机病毒的保证。</p>
+            <p><strong>（三）</strong>我们不对您查询信息内容的正确性、适当性、完整性、准确性、可靠性或适时性做出任何证明、声明和保证。我们不对任何因个人平台产生的错误、遗漏及失准承担任何责任。</p>
+            <p><strong>（四）</strong>对于由于您违反本协议导致任何第三方针对我们及或我们的员工提出的任何申诉、起诉、要求或者诉讼或者其他法律程序，您同意自费作出赔偿并令其免受上述损害。</p>
+        </div>
+
+        <div class="content-section">
+            <h2>八、违约</h2>
+            <p>用户不得利用本服务进行任何损害北京正信环宇科技有限公司及其他第三方权益的行为，否则北京正信环宇科技有限公司有权立即终止为该用户提供本服务，并要求用户赔偿损失。由此产生的任何后果由用户自行承担，与北京正信环宇科技有限公司无关。</p>
+        </div>
+
+        <div class="content-section">
+            <h2>九、数据来源及准确性说明</h2>
+            <p>本产品数据来源于第三方，可能因数据未公开、更新延迟或信息受到限制，因此不一定能完全返回。不同数据格式及记录详细程度会有所差异，这是行业正常现象。本报告仅供参考，请结合实际情况做出决策。</p>
+        </div>
+
+        <div class="content-section">
+            <h2>十、退款协议</h2>
+            <p>除非由于本程序的技术性问题导致用户无法正常使用本产品，否则我们不提供任何退款服务。用户在购买前应仔细阅读本用户协议及相关使用条款，确保对本产品有充分了解。</p>
+        </div>
+
+        <div class="content-section">
+            <h2>十一、协议的变更和终止</h2>
+            <p>鉴于网络服务的特殊性，我们变更本协议及其附件的若干条款时，将提前通过我们平台公告有关变更事项。修订后的条款或将来可能发布或更新的各类规则一经在我们平台公布后，立即自动生效。如您不同意相关修订，应当立即停止使用该项服务。如您在发布上述协议变更的有关公告后继续使用互联网查询的，视为您已接受协议的有关变更，并受其约束。本协议中的相关条款根据该变更而自动做相应修改，双方无须另行签订书面协议。</p>
+        </div>
+
+        <div class="content-section">
+            <h2>十二、适用法律</h2>
+            <p>本协议条款的解释、效力及纠纷的解决，适用中华人民共和国大陆地区法律法规。如用户和北京正信环宇科技有限公司之间发生任何争议，首先应友好协商解决，协商不成的，应将争议提交至北京正信环宇科技有限公司注册地有管辖权的人民法院解决。</p>
+        </div>
+
+        <div class="content-section">
+            <h2>十三、问题咨询</h2>
+            <p>如您对本协议及本服务有任何问题，请通过邮箱 kefu@yuyuecha.com 或 通过"联系客服"联系北京正信环宇科技有限公司进行咨询。北京正信环宇科技有限公司会尽最大努力解决您的问题。</p>
+        </div>
+
+        <div class="content-section">
+            <h2>十四、附则</h2>
+            <p>（一）本协议的某一条款被确认无效，均不影响本协议其他条款的效力。</p>
+            <p>（二）本协议未尽事宜，根据我国相关法律、法规及我们相关业务规定办理。如需制定补充协议，其法律效力同本协议。</p>
+            <p><strong>本协议于 2026 年 1 月 1 日生效。</strong></p>
+        </div>
+    </div>
+
+            <footer class="footer">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <h3>愉悦查</h3>
+                    <p>让信任无处不在，让合作没有距离</p>
+                    <p style="margin-top:16px;font-size:13px;color:rgba(255,255,255,0.5);">北京正信环宇科技有限公司</p>
+                    <p style="font-size:13px;color:rgba(255,255,255,0.5);">AI 驱动的商业信任科技平台</p>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">产品</h4>
+                    <ul class="footer-links">
+                        <li><a href="/product/riskassessment.html">个人大数据报告</a></li>
+                        <li><a href="/product/marriage.html">婚恋风险报告</a></li>
+                        <li><a href="/product/backgroundcheck.html">入职背调报告</a></li>
+                        <li><a href="/product/companyinfo.html">小微企业报告</a></li>
+                        <li><a href="/product/homeservice.html">家政风险报告</a></li>
+                        <li><a href="/product/consumerFinanceReport.html">消金报告</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">公司</h4>
+                    <ul class="footer-links">
+                        <li><a href="/about.html">关于我们</a></li>
+                        <li><a href="/careers.html">加入我们</a></li>
+                        <li><a href="/contact.html">联系我们</a></li>
+                        <li><a href="/news.html">新闻动态</a></li>
+                        <li><a href="/partners.html">合作伙伴</a></li>
+                        <li><a href="/investment.html">招商工具包</a></li>
+                    </ul>
+                </div>
+                
+                <div>
+                    <h4 class="footer-title">支持</h4>
+                    <ul class="footer-links">
+                        <li><a href="/help.html">帮助中心</a></li>
+                        <li><a href="/apidemo/">API 文档</a></li>
+                        <li><a href="/all-apis.html">全部接口</a></li>
+                        <li><a href="/privacy.html">隐私政策</a></li>
+                        <li><a href="/terms.html">服务条款</a></li>
+                        <li><a href="/disclaimer.html">免责声明</a></li>
+                    </ul>
+                </div>
+            </div>
+            
+            <div class="footer-bottom">
+                <p>&copy; 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p class="footer-icp"><a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow noopener">京ICP备2025158088号-2</a></p>
+            </div>
+        </div>
+    </footer>
+</body>
+</html>
diff --git a/terms.html.bak.final b/terms.html.bak.final
new file mode 100755
index 0000000..a467db7
--- /dev/null
+++ b/terms.html.bak.final
@@ -0,0 +1,264 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>服务条款 - 愉悦查 | 让信任无处不在，让合作没有距离</title>
+    <meta name="description" content="愉悦查（北京正信环宇科技有限公司）是 AI 驱动的商业信任科技平台，提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告">
+    <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=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    <style>
+        :root { --primary-orange: #FF6A19; --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%); --bg-gray: #F5F7FA; --text-primary: #1A1A1A; --text-secondary: #666666; --spacing-lg: 48px; --spacing-xl: 80px; --radius-lg: 16px; }
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body { font-family: 'Noto Sans SC', sans-serif; line-height: 1.6; color: var(--text-primary); }
+        .container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
+        .navbar { position: fixed; top: 0; background: rgba(255,255,255,0.95); backdrop-filter: blur(10px); box-shadow: 0 2px 20px rgba(0,0,0,0.08); z-index: 1000; }
+        .navbar .container { display: flex; justify-content: space-between; align-items: center; height: 80px; }
+        .logo { display: flex; align-items: center; gap: 8px; text-decoration: none; }
+        .logo-img { height: 60px; width: auto; }
+        .nav-menu { display: flex; gap: 32px; list-style: none; }
+        .nav-link { font-size: 15px; font-weight: 500; color: var(--text-primary); text-decoration: none; transition: all 0.3s ease; }
+        .nav-link:hover { color: var(--primary-orange); }
+        .nav-cta { display: flex; gap: 12px; }
+        .btn { display: inline-block; padding: 10px 20px; font-size: 14px; font-weight: 500; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; text-decoration: none; text-align: center; }
+        .btn-primary { background: var(--primary-gradient); color: white; border: none; box-shadow: 0 4px 12px rgba(236, 77, 9, 0.3); }
+        .btn-outline { background: transparent; border: 2px solid var(--primary-orange); color: var(--primary-orange); }
+        .nav-btn { padding: 10px 20px; font-size: 14px; }
+        .hero { padding: 160px 0 80px; background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%); text-align: center; }
+        .hero h1 { font-size: 48px; color: var(--primary-orange); margin-bottom: 16px; }
+        .section { padding: var(--spacing-xl) 0; }
+        .section-title { text-align: center; font-size: 36px; margin-bottom: 8px; }
+        .section-subtitle { text-align: center; font-size: 18px; color: var(--text-secondary); margin-bottom: 48px; }
+        .values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin-top: 48px; }
+        .value-card { background: white; padding: 32px; border-radius: var(--radius-lg); box-shadow: 0 4px 16px rgba(0,0,0,0.08); text-align: center; }
+        .value-icon { font-size: 48px; margin-bottom: 16px; }
+        .value-card h3 { font-size: 20px; margin-bottom: 12px; color: var(--primary-orange); }
+        .footer { background: #1A1A1A; color: white; padding: 64px 0 32px; }
+        .footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 48px; margin-bottom: 48px; }
+        .footer-brand h3 { font-size: 24px; margin-bottom: 16px; color: var(--primary-orange); }
+        .footer-title { font-size: 16px; font-weight: 600; margin-bottom: 16px; }
+        .footer-links { list-style: none; padding: 0; }
+        .footer-links li { margin-bottom: 8px; }
+        .footer-links a { font-size: 14px; opacity: 0.8; transition: all 0.3s ease; color: white; text-decoration: none; }
+        .footer-links a:hover { opacity: 1; color: var(--primary-orange); }
+        .footer-bottom { text-align: center; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.6; }
+        @media (max-width: 1024px) { .nav-menu { display: none; } }
+        @media (max-width: 768px) { .values-grid { grid-template-columns: 1fr; } .hero h1 { font-size: 32px; } .footer-grid { grid-template-columns: 1fr; } }
+    
+        /* ===== Navigation ===== */
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0,0,0,0.08);
+            z-index: 1000;
+            transition: var(--transition);
+        }
+        
+        .navbar.scrolled {
+            box-shadow: 0 4px 30px rgba(0,0,0,0.12);
+        }
+        
+        .navbar .container {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            height: 80px;
+            max-width: 1400px;
+            margin: 0 auto;
+            padding: 0 32px;
+        }
+        
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            text-decoration: none;
+            background: transparent;
+            padding: 4px 0;
+        }
+        
+        .logo-img {
+            background: rgba(255,255,255,0.95);
+            height: 60px;
+            width: auto;
+            object-fit: contain;
+            transition: var(--transition);
+        }
+        
+        .logo:hover .logo-img {
+            background: rgba(255,255,255,0.95);
+            transform: scale(1.05);
+        }
+        
+        .nav-menu {
+            display: flex;
+            gap: var(--spacing-lg);
+            align-items: center;
+        }
+        
+        .nav-link {
+            font-size: 15px;
+            font-weight: 500;
+            color: var(--text-primary);
+            transition: var(--transition);
+            position: relative;
+        }
+        
+        .nav-link:hover {
+            color: var(--primary-orange);
+        }
+        
+        .nav-link::after {
+            content: '';
+            position: absolute;
+            bottom: -4px;
+            left: 0;
+            width: 0;
+            height: 2px;
+            background: var(--primary-orange);
+            transition: var(--transition);
+        }
+        
+        .nav-link:hover::after {
+            width: 100%;
+        }
+        
+        .nav-cta {
+            display: flex;
+            gap: var(--spacing-sm);
+        }
+        
+        .nav-btn {
+            padding: 10px 20px;
+            font-size: 14px;
+        }
+        
+        /* Mobile Menu */
+        .menu-toggle {
+            display: none;
+            flex-direction: column;
+            gap: 5px;
+            cursor: pointer;
+            padding: 5px;
+        }
+        
+        .menu-toggle span {
+            width: 25px;
+            height: 3px;
+            background: var(--primary-orange);
+            border-radius: 2px;
+            transition: var(--transition);
+        }
+</style>
+</head>
+<body>
+    <nav class="navbar" id="navbar">
+        <div class="container">
+            <a href="/index.html" class="logo">
+                <img src="assets/logo.png" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            
+            <div class="menu-toggle" id="menuToggle">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+            
+            <ul class="nav-menu" id="navMenu">
+                <li><a href="/index.html#home" class="nav-link">首页</a></li>
+                <li><a href="/index.html#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="/index.html#technology" class="nav-link">AI 能力</a></li>
+                <li><a href="/index.html#partnership" class="nav-link">代理合作</a></li>
+                <li><a href="/index.html#about" class="nav-link">关于我们</a></li>
+            </ul>
+            
+            <div class="nav-cta">
+                <a href="/index.html#products" class="btn btn-outline nav-btn">立即查询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
+            </div>
+        </div>
+    </nav>
+<section class="hero">
+        <div class="container">
+            <h1>服务条款</h1>
+            <p style="font-size:18px;color:var(--text-secondary);max-width:700px;margin:0 auto;">让信任无处不在，让合作没有距离</p>
+        </div>
+    </section>
+    <section class="section">
+        <div class="container">
+            <h2 class="section-title">服务规范</h2>
+            <p style="text-align:center;max-width:800px;margin:0 auto;color:var(--text-secondary);">愉悦查（北京正信环宇科技有限公司）是 AI 驱动的商业信任科技平台，致力于搭建信任桥梁，连接商业未来。我们提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告，支持 AI 智能定制报告。</p>
+            <div class="values-grid">
+                <div class="value-card">
+                    <div class="value-icon">🤖</div>
+                    <h3>AI 驱动</h3>
+                    <p style="color:var(--text-secondary);">200+ 数据接口智能组合，秒级响应</p>
+                </div>
+                <div class="value-card">
+                    <div class="value-icon">🔒</div>
+                    <h3>安全合规</h3>
+                    <p style="color:var(--text-secondary);">严格遵守《个人信息保护法》，数据官方授权</p>
+                </div>
+                <div class="value-card">
+                    <div class="value-icon">🎯</div>
+                    <h3>专业可靠</h3>
+                    <p style="color:var(--text-secondary);">全面风险评估，PDF 格式报告下载</p>
+                </div>
+            </div>
+        </div>
+    </section>
+    <footer class="footer">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <h3>愉悦查</h3>
+                    <p>让信任无处不在，让合作没有距离</p>
+                </div>
+                <div>
+                    <h4 class="footer-title">产品</h4>
+                    <ul class="footer-links">
+                        <li><a href="/product/riskassessment.html">个人大数据报告</a></li>
+                        <li><a href="/product/marriage.html">婚恋风险报告</a></li>
+                        <li><a href="/product/backgroundcheck.html">入职背调报告</a></li>
+                        <li><a href="/product/companyinfo.html">小微企业报告</a></li>
+                        <li><a href="/product/homeservice.html">家政风险报告</a></li>
+                        <li><a href="/product/consumerFinanceReport.html">消金报告</a></li>
+                        <li><a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" target="_blank">AI 定制报告</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h4 class="footer-title">公司</h4>
+                    <ul class="footer-links">
+                        <li><a href="/about.html">关于我们</a></li>
+                        <li><a href="/careers.html">加入我们</a></li>
+                        <li><a href="/contact.html">联系我们</a></li>
+                        <li><a href="/news.html">新闻动态</a></li>
+                        <li><a href="/partners.html">合作伙伴</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h4 class="footer-title">支持</h4>
+                    <ul class="footer-links">
+                        <li><a href="/help.html">帮助中心</a></li>
+                        <li><a href="/apidemo/">API 文档</a></li>
+                        <li><a href="/index.html#partnership">代理支持</a></li>
+                        <li><a href="/privacy.html">隐私政策</a></li>
+                        <li><a href="/terms.html">服务条款</a></li>
+                        <li><a href="/disclaimer.html">免责声明</a></li>
+                    </ul>
+                </div>
+            </div>
+            <div class="footer-bottom">
+                <p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p class="footer-icp">京 ICP 备 2025158088 号 -2</p>
+            </div>
+        </div>
+    </footer>
+</body>
+</html>
diff --git a/terms.html.bak.final2 b/terms.html.bak.final2
new file mode 100755
index 0000000..6096d09
--- /dev/null
+++ b/terms.html.bak.final2
@@ -0,0 +1,233 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>用户协议 - 愉悦查 | 让信任无处不在，让合作没有距离</title>
+    <meta name="description" content="愉悦查用户协议，规范用户使用服务的行为">
+    <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=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    <style>
+        :root { --primary-orange: #FF6A19; --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%); --bg-gray: #F5F7FA; --text-primary: #1A1A1A; --text-secondary: #666666; --spacing-lg: 48px; --spacing-xl: 80px; --radius-lg: 16px; }
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body { font-family: 'Noto Sans SC', sans-serif; line-height: 1.8; color: var(--text-primary); }
+        .container { max-width: 1000px; margin: 0 auto; padding: 0 24px; }
+        .navbar { position: fixed; top: 0; background: rgba(255,255,255,0.95); backdrop-filter: blur(10px); box-shadow: 0 2px 20px rgba(0,0,0,0.08); z-index: 1000; }
+        .navbar .container { display: flex; justify-content: space-between; align-items: center; height: 80px; }
+        .logo { display: flex; align-items: center; gap: 8px; text-decoration: none; }
+        .logo-img { height: 60px; width: auto; }
+        .nav-menu { display: flex; gap: 32px; list-style: none; }
+        .nav-link { font-size: 15px; font-weight: 500; color: var(--text-primary); text-decoration: none; }
+        .nav-link:hover { color: var(--primary-orange); }
+        .hero { padding: 160px 0 60px; background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%); text-align: center; }
+        .hero h1 { font-size: 48px; color: var(--primary-orange); margin-bottom: 16px; }
+        .hero p { font-size: 18px; color: var(--text-secondary); }
+        .content-section { padding: var(--spacing-xl) 0; }
+        .content-section h2 { font-size: 28px; color: var(--primary-orange); margin: 40px 0 20px; padding-bottom: 10px; border-bottom: 2px solid var(--primary-orange); }
+        .content-section h3 { font-size: 20px; margin: 30px 0 15px; color: var(--text-primary); }
+        .content-section p { margin: 15px 0; text-indent: 2em; }
+        .content-section ul { margin: 15px 0 15px 40px; }
+        .content-section li { margin: 10px 0; }
+        .update-time { background: var(--bg-gray); padding: 20px; border-radius: var(--radius-lg); margin: 30px 0; }
+        .update-time strong { color: var(--primary-orange); }
+        .footer { background: #1A1A1A; color: white; padding: 64px 0 32px; }
+        .footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 48px; margin-bottom: 48px; }
+        .footer-brand h3 { font-size: 24px; margin-bottom: 16px; color: var(--primary-orange); }
+        .footer-title { font-size: 16px; font-weight: 600; margin-bottom: 16px; }
+        .footer-links { list-style: none; }
+        .footer-links li { margin-bottom: 8px; }
+        .footer-links a { color: white; opacity: 0.8; text-decoration: none; }
+        .footer-links a:hover { opacity: 1; color: var(--primary-orange); }
+        .footer-bottom { text-align: center; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.6; }
+        @media (max-width: 768px) { .hero h1 { font-size: 32px; } .footer-grid { grid-template-columns: 1fr; } .nav-menu { display: none; } }
+    </style>
+</head>
+<body>
+    <nav class="navbar">
+        <div class="container">
+            <a href="/index.html" class="logo">
+                <img src="assets/logo.png" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            <ul class="nav-menu">
+                <li><a href="/index.html" class="nav-link">首页</a></li>
+                <li><a href="/index.html#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="/apidemo/" class="nav-link">API 平台</a></li>
+                <li><a href="/all-apis.html" class="nav-link">全部接口</a></li>
+                <li><a href="/about.html" class="nav-link">关于我们</a></li>
+            </ul>
+            <div class="nav-cta">
+                <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-outline" target="_blank" style="padding:10px 20px;font-size:14px;border:2px solid var(--primary-orange);color:var(--primary-orange);border-radius:8px;text-decoration:none;">技术咨询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary" target="_blank" style="padding:10px 20px;font-size:14px;background:var(--primary-gradient);color:white;border-radius:8px;text-decoration:none;margin-left:12px;">登录</a>
+            </div>
+        </div>
+    </nav>
+
+    <section class="hero">
+        <div class="container">
+            <h1>用户协议</h1>
+            <p>请仔细阅读本协议，以维护您的合法权益</p>
+        </div>
+    </section>
+
+    <div class="container">
+        <div class="update-time">
+            <p><strong>更新时间：</strong>2026 年 3 月 1 日</p>
+            <p><strong>生效时间：</strong>2026 年 3 月 1 日</p>
+            <p><strong>发布单位：</strong>愉悦查（北京正信环宇科技有限公司）</p>
+        </div>
+
+        <div class="content-section">
+            <h2>一、协议的接受与修改</h2>
+            <p>1.1 本协议是您与愉悦查（北京正信环宇科技有限公司）（以下简称"我们"或"平台"）之间关于您使用愉悦查平台服务所订立的协议。</p>
+            <p>1.2 请您务必审慎阅读、充分理解各条款内容，特别是免除或者限制责任的条款、法律适用和争议解决条款。免除或者限制责任的条款将以粗体标识，您应重点阅读。</p>
+            <p>1.3 当您注册、登录、使用愉悦查平台服务时，即表示您已充分阅读、理解并接受本协议的全部内容，并与平台达成一致，成为平台"用户"。</p>
+            <p>1.4 我们有权根据需要不时地修改本协议内容。修改后的协议一旦公布即有效代替原来的协议。您可随时查阅最新协议。如您不同意相关修改，您有权停止使用平台服务。如您继续使用平台服务，即视为您已接受修改后的协议。</p>
+        </div>
+
+        <div class="content-section">
+            <h2>二、服务内容</h2>
+            <p>2.1 愉悦查平台向用户提供包括但不限于以下服务：</p>
+            <ul>
+                <li><strong>数据报告服务：</strong>提供个人大数据报告、婚恋风险报告、入职背调报告、小微企业报告、家政风险报告、消金报告等数据查询服务。</li>
+                <li><strong>API 开放平台：</strong>为开发者和企业提供数据接口调用服务。</li>
+                <li><strong>代理服务：</strong>为用户提供代理申请、推广、收益管理等服务。</li>
+                <li><strong>其他服务：</strong>平台不时推出的其他相关服务。</li>
+            </ul>
+            <p>2.2 我们有权对平台服务的内容、形式、收费标准等进行调整，调整后的服务将以平台公告或其他方式通知您。</p>
+        </div>
+
+        <div class="content-section">
+            <h2>三、账号注册与使用</h2>
+            <p>3.1 您注册时应提供真实、准确、完整、有效的注册信息。如您的注册信息发生变动，应及时更新。</p>
+            <p>3.2 您应妥善保管您的账号和密码，并对该账号进行的所有活动和事件承担全部法律责任。</p>
+            <p>3.3 您不得将账号赠与、借用、租用、转让或售卖给他人。如发现他人未经授权使用您的账号，应立即通知平台。</p>
+            <p>3.4 平台有权对用户的账号进行审核，如发现注册信息不实或存在其他违规情形，平台有权暂停或终止该账号的使用。</p>
+        </div>
+
+        <div class="content-section">
+            <h2>四、用户行为规范</h2>
+            <p>4.1 您在使用平台服务时，应遵守国家法律法规，不得利用平台从事以下行为：</p>
+            <ul>
+                <li>发布、传播违反国家法律法规的内容；</li>
+                <li>侵犯他人知识产权、商业秘密等合法权益；</li>
+                <li>从事欺诈、传销、赌博等违法活动；</li>
+                <li>恶意攻击平台系统，破坏平台正常运行；</li>
+                <li>未经授权访问平台系统或获取平台数据；</li>
+                <li>利用平台服务从事任何侵害他人权益的行为；</li>
+                <li>其他违反法律法规或社会公德的行为。</li>
+            </ul>
+            <p>4.2 您应确保使用平台服务获取的信息仅用于合法目的，不得用于任何非法用途。</p>
+            <p>4.3 如您违反上述规范，平台有权采取删除信息、暂停服务、终止账号等措施，并保留追究法律责任的权利。</p>
+        </div>
+
+        <div class="content-section">
+            <h2>五、费用与支付</h2>
+            <p>5.1 平台部分服务为收费服务，您应按照平台公示的收费标准支付相应费用。</p>
+            <p>5.2 您应通过平台指定的支付方式进行支付。支付成功后，除法律法规另有规定外，费用不予退还。</p>
+            <p>5.3 平台有权根据市场情况调整收费标准，调整后的收费标准将以适当方式通知您。</p>
+            <p>5.4 如您对费用有任何疑问，请联系平台客服进行咨询。</p>
+        </div>
+
+        <div class="content-section">
+            <h2>六、知识产权</h2>
+            <p>6.1 平台提供的所有内容，包括但不限于文字、图片、音频、视频、软件、程序、代码、商标、标识等，均受知识产权法律法规保护，归平台或相关权利人所有。</p>
+            <p>6.2 未经平台或相关权利人书面许可，您不得以任何形式复制、传播、展示、修改、出租、出借、出售或通过其他方式使用平台内容。</p>
+            <p>6.3 您在使用平台服务过程中产生的内容，您应保证其不侵犯任何第三方的合法权益。您授权平台在全球范围内免费使用该内容。</p>
+        </div>
+
+        <div class="content-section">
+            <h2>七、免责声明</h2>
+            <p>7.1 平台致力于提供准确、可靠的数据服务，但不对数据的准确性、完整性、及时性作任何保证。您应自行判断数据的可靠性并承担使用风险。</p>
+            <p>7.2 因不可抗力、网络攻击、系统故障等原因导致服务中断或数据丢失，平台不承担责任，但将尽力减少损失。</p>
+            <p>7.3 您通过平台服务获取的任何信息或建议，不构成专业意见。您应根据自身情况独立判断并承担相应风险。</p>
+            <p>7.4 平台对第三方提供的服务或内容不承担责任，您与第三方的任何交易或纠纷与平台无关。</p>
+        </div>
+
+        <div class="content-section">
+            <h2>八、隐私保护</h2>
+            <p>8.1 平台重视用户隐私保护，将按照《隐私政策》收集、使用、存储、保护您的个人信息。</p>
+            <p>8.2 请您仔细阅读《隐私政策》，了解我们如何处理您的个人信息。</p>
+            <p>8.3 《隐私政策》是本协议的重要组成部分，与本协议具有同等法律效力。</p>
+        </div>
+
+        <div class="content-section">
+            <h2>九、协议的变更与终止</h2>
+            <p>9.1 平台有权根据需要变更或终止部分或全部服务，变更或终止前将以适当方式通知您。</p>
+            <p>9.2 您有权随时终止使用平台服务，并注销账号。</p>
+            <p>9.3 协议终止后，平台有权保留您的注册信息和使用记录，并可根据法律法规要求保存或处理相关数据。</p>
+        </div>
+
+        <div class="content-section">
+            <h2>十、法律适用与争议解决</h2>
+            <p>10.1 本协议的订立、执行、解释及争议解决均适用中华人民共和国大陆地区法律。</p>
+            <p>10.2 如双方就本协议内容或其执行发生任何争议，应尽量友好协商解决；协商不成时，任何一方均可向平台所在地有管辖权的人民法院提起诉讼。</p>
+        </div>
+
+        <div class="content-section">
+            <h2>十一、其他条款</h2>
+            <p>11.1 本协议构成双方对本协议之约定事项及其他有关事宜的完整协议，除本协议规定的之外，未赋予本协议各方其他权利。</p>
+            <p>11.2 如本协议中的任何条款无论因何种原因完全或部分无效或不具有执行力，本协议的其余条款仍应有效并且有约束力。</p>
+            <p>11.3 本协议中的标题仅为方便阅读而设，不应影响本协议任何条款的含义或解释。</p>
+        </div>
+
+        <div class="content-section">
+            <h2>十二、联系我们</h2>
+            <p>如您对本协议有任何疑问、意见或建议，通过以下方式与我们联系：</p>
+            <ul>
+                <li><strong>客服电话：</strong>请在 APP 内查看</li>
+                <li><strong>客服邮箱：</strong>请在 APP 内查看</li>
+                <li><strong>联系地址：</strong>北京市（详细地址请在 APP 内查看）</li>
+            </ul>
+            <p>一般情况下，我们将在 15 个工作日内回复。</p>
+        </div>
+    </div>
+
+    <footer class="footer">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <h3>愉悦查</h3>
+                    <p>让信任无处不在，让合作没有距离</p>
+                    <p style="margin-top:16px;font-size:13px;">愉悦查（北京正信环宇科技有限公司）</p>
+                    <p style="font-size:13px;">AI 驱动的商业信任科技平台</p>
+                </div>
+                <div>
+                    <h4 class="footer-title">产品</h4>
+                    <ul class="footer-links">
+                        <li><a href="/product/riskassessment.html">个人大数据报告</a></li>
+                        <li><a href="/product/marriage.html">婚恋风险报告</a></li>
+                        <li><a href="/product/backgroundcheck.html">入职背调报告</a></li>
+                        <li><a href="/product/companyinfo.html">小微企业报告</a></li>
+                        <li><a href="/product/homeservice.html">家政风险报告</a></li>
+                        <li><a href="/product/consumerFinanceReport.html">消金报告</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h4 class="footer-title">API</h4>
+                    <ul class="footer-links">
+                        <li><a href="/apidemo/">API 平台</a></li>
+                        <li><a href="/all-apis.html">全部接口</a></li>
+                        <li><a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" target="_blank">技术咨询</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h4 class="footer-title">公司</h4>
+                    <ul class="footer-links">
+                        <li><a href="/about.html">关于我们</a></li>
+                        <li><a href="/careers.html">加入我们</a></li>
+                        <li><a href="/contact.html">联系我们</a></li>
+                        <li><a href="/news.html">新闻动态</a></li>
+                        <li><a href="/partners.html">合作伙伴</a></li>
+                    </ul>
+                </div>
+            </div>
+            <div class="footer-bottom">
+                <p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p>京 ICP 备 2025158088 号 -2</p>
+            </div>
+        </div>
+    </footer>
+</body>
+</html>
diff --git a/terms.html.bak.navbar b/terms.html.bak.navbar
new file mode 100755
index 0000000..8fc1cd7
--- /dev/null
+++ b/terms.html.bak.navbar
@@ -0,0 +1,147 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>服务条款 - 愉悦查 | 让信任无处不在，让合作没有距离</title>
+    <meta name="description" content="愉悦查（北京正信环宇科技有限公司）是 AI 驱动的商业信任科技平台，提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告">
+    <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=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    <style>
+        :root { --primary-orange: #FF6A19; --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%); --bg-gray: #F5F7FA; --text-primary: #1A1A1A; --text-secondary: #666666; --spacing-lg: 48px; --spacing-xl: 80px; --radius-lg: 16px; }
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body { font-family: 'Noto Sans SC', sans-serif; line-height: 1.6; color: var(--text-primary); }
+        .container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
+        .navbar { position: fixed; top: 0; background: rgba(255,255,255,0.95); backdrop-filter: blur(10px); box-shadow: 0 2px 20px rgba(0,0,0,0.08); z-index: 1000; }
+        .navbar .container { display: flex; justify-content: space-between; align-items: center; height: 80px; }
+        .logo { display: flex; align-items: center; gap: 8px; text-decoration: none; }
+        .logo-img { height: 60px; width: auto; }
+        .nav-menu { display: flex; gap: 32px; list-style: none; }
+        .nav-link { font-size: 15px; font-weight: 500; color: var(--text-primary); text-decoration: none; transition: all 0.3s ease; }
+        .nav-link:hover { color: var(--primary-orange); }
+        .nav-cta { display: flex; gap: 12px; }
+        .btn { display: inline-block; padding: 10px 20px; font-size: 14px; font-weight: 500; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; text-decoration: none; text-align: center; }
+        .btn-primary { background: var(--primary-gradient); color: white; border: none; box-shadow: 0 4px 12px rgba(236, 77, 9, 0.3); }
+        .btn-outline { background: transparent; border: 2px solid var(--primary-orange); color: var(--primary-orange); }
+        .nav-btn { padding: 10px 20px; font-size: 14px; }
+        .hero { padding: 160px 0 80px; background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%); text-align: center; }
+        .hero h1 { font-size: 48px; color: var(--primary-orange); margin-bottom: 16px; }
+        .section { padding: var(--spacing-xl) 0; }
+        .section-title { text-align: center; font-size: 36px; margin-bottom: 8px; }
+        .section-subtitle { text-align: center; font-size: 18px; color: var(--text-secondary); margin-bottom: 48px; }
+        .values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin-top: 48px; }
+        .value-card { background: white; padding: 32px; border-radius: var(--radius-lg); box-shadow: 0 4px 16px rgba(0,0,0,0.08); text-align: center; }
+        .value-icon { font-size: 48px; margin-bottom: 16px; }
+        .value-card h3 { font-size: 20px; margin-bottom: 12px; color: var(--primary-orange); }
+        .footer { background: #1A1A1A; color: white; padding: 64px 0 32px; }
+        .footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 48px; margin-bottom: 48px; }
+        .footer-brand h3 { font-size: 24px; margin-bottom: 16px; color: var(--primary-orange); }
+        .footer-title { font-size: 16px; font-weight: 600; margin-bottom: 16px; }
+        .footer-links { list-style: none; padding: 0; }
+        .footer-links li { margin-bottom: 8px; }
+        .footer-links a { font-size: 14px; opacity: 0.8; transition: all 0.3s ease; color: white; text-decoration: none; }
+        .footer-links a:hover { opacity: 1; color: var(--primary-orange); }
+        .footer-bottom { text-align: center; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.6; }
+        @media (max-width: 1024px) { .nav-menu { display: none; } }
+        @media (max-width: 768px) { .values-grid { grid-template-columns: 1fr; } .hero h1 { font-size: 32px; } .footer-grid { grid-template-columns: 1fr; } }
+    </style>
+</head>
+<body>
+    <nav class="navbar">
+        <div class="container">
+            <a href="/index.html" class="logo">
+                <img src="assets/logo.png" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            <ul class="nav-menu">
+                <li><a href="/index.html#home" class="nav-link">首页</a></li>
+                <li><a href="/index.html#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="/index.html#technology" class="nav-link">AI 能力</a></li>
+                <li><a href="/index.html#partnership" class="nav-link">代理合作</a></li>
+                <li><a href="/index.html#about" class="nav-link">关于我们</a></li>
+            </ul>
+            <div class="nav-cta">
+                <a href="/index.html#products" class="btn btn-outline nav-btn">立即查询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary nav-btn">立即注册</a>
+            </div>
+        </div>
+    </nav>
+    <section class="hero">
+        <div class="container">
+            <h1>服务条款</h1>
+            <p style="font-size:18px;color:var(--text-secondary);max-width:700px;margin:0 auto;">让信任无处不在，让合作没有距离</p>
+        </div>
+    </section>
+    <section class="section">
+        <div class="container">
+            <h2 class="section-title">服务规范</h2>
+            <p style="text-align:center;max-width:800px;margin:0 auto;color:var(--text-secondary);">愉悦查（北京正信环宇科技有限公司）是 AI 驱动的商业信任科技平台，致力于搭建信任桥梁，连接商业未来。我们提供个人大数据报告、婚恋风险报告、入职背调报告等 6 大标准报告，支持 AI 智能定制报告。</p>
+            <div class="values-grid">
+                <div class="value-card">
+                    <div class="value-icon">🤖</div>
+                    <h3>AI 驱动</h3>
+                    <p style="color:var(--text-secondary);">200+ 数据接口智能组合，秒级响应</p>
+                </div>
+                <div class="value-card">
+                    <div class="value-icon">🔒</div>
+                    <h3>安全合规</h3>
+                    <p style="color:var(--text-secondary);">严格遵守《个人信息保护法》，数据官方授权</p>
+                </div>
+                <div class="value-card">
+                    <div class="value-icon">🎯</div>
+                    <h3>专业可靠</h3>
+                    <p style="color:var(--text-secondary);">全面风险评估，PDF 格式报告下载</p>
+                </div>
+            </div>
+        </div>
+    </section>
+    <footer class="footer">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <h3>愉悦查</h3>
+                    <p>让信任无处不在，让合作没有距离</p>
+                </div>
+                <div>
+                    <h4 class="footer-title">产品</h4>
+                    <ul class="footer-links">
+                        <li><a href="/product/riskassessment.html">个人大数据报告</a></li>
+                        <li><a href="/product/marriage.html">婚恋风险报告</a></li>
+                        <li><a href="/product/backgroundcheck.html">入职背调报告</a></li>
+                        <li><a href="/product/companyinfo.html">小微企业报告</a></li>
+                        <li><a href="/product/homeservice.html">家政风险报告</a></li>
+                        <li><a href="/product/consumerFinanceReport.html">消金报告</a></li>
+                        <li><a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" target="_blank">AI 定制报告</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h4 class="footer-title">公司</h4>
+                    <ul class="footer-links">
+                        <li><a href="/about.html">关于我们</a></li>
+                        <li><a href="/careers.html">加入我们</a></li>
+                        <li><a href="/contact.html">联系我们</a></li>
+                        <li><a href="/news.html">新闻动态</a></li>
+                        <li><a href="/partners.html">合作伙伴</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h4 class="footer-title">支持</h4>
+                    <ul class="footer-links">
+                        <li><a href="/help.html">帮助中心</a></li>
+                        <li><a href="/apidemo/">API 文档</a></li>
+                        <li><a href="/index.html#partnership">代理支持</a></li>
+                        <li><a href="/privacy.html">隐私政策</a></li>
+                        <li><a href="/terms.html">服务条款</a></li>
+                        <li><a href="/disclaimer.html">免责声明</a></li>
+                    </ul>
+                </div>
+            </div>
+            <div class="footer-bottom">
+                <p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p class="footer-icp">京 ICP 备 2025158088 号 -2</p>
+            </div>
+        </div>
+    </footer>
+</body>
+</html>
diff --git a/terms.html.bak.uniform b/terms.html.bak.uniform
new file mode 100755
index 0000000..42698d8
--- /dev/null
+++ b/terms.html.bak.uniform
@@ -0,0 +1,254 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>用户协议 - 愉悦查 | 让信任无处不在，让合作没有距离</title>
+    <meta name="description" content="愉悦查用户协议，规范用户使用服务的行为">
+    <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=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    <style>
+        :root { --primary-orange: #FF6A19; --primary-gradient: linear-gradient(135deg, #FF6A19 0%, #FC6E18 100%); --bg-gray: #F5F7FA; --text-primary: #1A1A1A; --text-secondary: #666666; --spacing-lg: 48px; --spacing-xl: 80px; --radius-lg: 16px; }
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body { font-family: 'Noto Sans SC', sans-serif; line-height: 2; color: var(--text-primary); }
+        .container { max-width: 1000px; margin: 0 auto; padding: 0 24px; }
+        .navbar { position: fixed; top: 0; background: rgba(255,255,255,0.95); backdrop-filter: blur(10px); box-shadow: 0 2px 20px rgba(0,0,0,0.08); z-index: 1000; }
+        .navbar .container { display: flex; justify-content: space-between; align-items: center; height: 80px; }
+        .logo { display: flex; align-items: center; gap: 8px; text-decoration: none; }
+        .logo-img { height: 60px; width: auto; }
+        .nav-menu { display: flex; gap: 32px; list-style: none; }
+        .nav-link { font-size: 15px; font-weight: 500; color: var(--text-primary); text-decoration: none; }
+        .nav-link:hover { color: var(--primary-orange); }
+        .hero { padding: 160px 0 60px; background: linear-gradient(135deg, #FFF5F0 0%, #FFFFFF 100%); text-align: center; }
+        .hero h1 { font-size: 48px; color: var(--primary-orange); margin-bottom: 16px; }
+        .hero p { font-size: 18px; color: var(--text-secondary); }
+        .content-section { padding: var(--spacing-xl) 0; }
+        .content-section h2 { font-size: 28px; color: var(--primary-orange); margin: 40px 0 20px; padding-bottom: 10px; border-bottom: 2px solid var(--primary-orange); }
+        .content-section h3 { font-size: 20px; margin: 30px 0 15px; color: var(--text-primary); }
+        .content-section h4 { font-size: 18px; margin: 25px 0 12px; color: var(--text-primary); }
+        .content-section p { margin: 15px 0; text-indent: 2em; text-align: justify; }
+        .content-section ul { margin: 15px 0 15px 40px; }
+        .content-section li { margin: 10px 0; }
+        .intro-box { background: var(--bg-gray); padding: 30px; border-radius: var(--radius-lg); margin: 30px 0; border-left: 4px solid var(--primary-orange); }
+        .intro-box p { text-indent: 0; margin: 15px 0; }
+        .update-time { background: var(--bg-gray); padding: 20px; border-radius: var(--radius-lg); margin: 30px 0; text-align: center; }
+        .update-time strong { color: var(--primary-orange); }
+        .footer { background: #1A1A1A; color: white; padding: 64px 0 32px; }
+        .footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 48px; margin-bottom: 48px; }
+        .footer-brand h3 { font-size: 24px; margin-bottom: 16px; color: var(--primary-orange); }
+        .footer-title { font-size: 16px; font-weight: 600; margin-bottom: 16px; }
+        .footer-links { list-style: none; }
+        .footer-links li { margin-bottom: 8px; }
+        .footer-links a { color: white; opacity: 0.8; text-decoration: none; }
+        .footer-links a:hover { opacity: 1; color: var(--primary-orange); }
+        .footer-bottom { text-align: center; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.6; }
+        @media (max-width: 768px) { .hero h1 { font-size: 32px; } .footer-grid { grid-template-columns: 1fr; } .nav-menu { display: none; } }
+    </style>
+</head>
+<body>
+    <nav class="navbar">
+        <div class="container">
+            <a href="/index.html" class="logo">
+                <img src="assets/logo.png" alt="愉悦查 Logo" class="logo-img">
+            </a>
+            <ul class="nav-menu">
+                <li><a href="/index.html" class="nav-link">首页</a></li>
+                <li><a href="/index.html#products" class="nav-link">产品服务</a></li>
+                <li><a href="/sample.html" class="nav-link">示例报告</a></li>
+                <li><a href="/apidemo/" class="nav-link">API 平台</a></li>
+                <li><a href="/all-apis.html" class="nav-link">全部接口</a></li>
+                <li><a href="/about.html" class="nav-link">关于我们</a></li>
+            </ul>
+            <div class="nav-cta">
+                <a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" class="btn btn-outline" target="_blank" style="padding:10px 20px;font-size:14px;border:2px solid var(--primary-orange);color:var(--primary-orange);border-radius:8px;text-decoration:none;">技术咨询</a>
+                <a href="https://www.yuyuecha.com/login?redirect=/me" class="btn btn-primary" target="_blank" style="padding:10px 20px;font-size:14px;background:var(--primary-gradient);color:white;border-radius:8px;text-decoration:none;margin-left:12px;">登录</a>
+            </div>
+        </div>
+    </nav>
+
+    <section class="hero">
+        <div class="container">
+            <h1>用户协议</h1>
+            <p>请仔细阅读本协议，以维护您的合法权益</p>
+        </div>
+    </section>
+
+    <div class="container">
+        <div class="intro-box">
+            <p>本协议是您（以下又称"用户"）在使用本服务时，约定您和北京正信环宇科技有限公司之间权利义务关系的有效协议。</p>
+            <p><strong>在您使用本服务前，请您务必仔细阅读本协议，特别是隐私权保护及授权条款、免除或者限制北京正信环宇科技有限公司责任的条款、争议解决和法律适用条款。一旦您有对本服务的任何部分或全部的注册、查看、定制、使用等任何使用行为，即视为您已充分阅读、理解并接受本协议的全部内容，并与北京正信环宇科技有限公司达成本协议。</strong></p>
+            <p>如您对本协议有任何疑问，应向北京正信环宇科技有限公司客服咨询。如果您不同意本协议的部分或全部约定，您应立即停止使用本服务。</p>
+            <p>您与北京正信环宇科技有限公司达成本协议后，您承诺接受并遵守本协议的约定，并不得以未阅读本协议的内容或者未获得北京正信环宇科技有限公司对您问询的解答等理由，主张本协议无效，或要求撤销本协议。在本协议履行过程中，北京正信环宇科技有限公司可以依其单独判断暂时停止提供、限制或改变本服务，并有权根据自身业务需要修订本协议。一旦本协议的内容发生变动，北京正信环宇科技有限公司将通过平台公布最新的服务协议，不再向您作个别通知。如果您不同意北京正信环宇科技有限公司对本服务协议所做的修改，您应立即停止使用本服务或通过北京正信环宇科技有限公司客服与北京正信环宇科技有限公司联系。如果您继续使用本服务，则视为您接受北京正信环宇科技有限公司对本协议所做的修改，并应遵照修改后的协议执行。</p>
+        </div>
+
+        <div class="update-time">
+            <p><strong>生效日期：</strong>2026 年 1 月 1 日</p>
+            <p><strong>发布单位：</strong>北京正信环宇科技有限公司</p>
+        </div>
+
+        <div class="content-section">
+            <h2>一、服务内容</h2>
+            <p>本服务向您提供多项个人信息整理服务。您知悉并认可，如您需使用该类服务，必须满足如下所述条件；且您承诺，您向北京正信环宇科技有限公司提请服务申请时，已经满足如下所述条件。</p>
+            <p><strong>A.</strong>您已注册成为本服务的会员；</p>
+            <p><strong>B.</strong>您已在服务页面对应框中填写被查询主体的姓名、身份证号、手机号、银行卡号和被查询主体的手机号收到的动态验证码（以下称"被查询主体信息"）；</p>
+            <p><strong>C.</strong>您确保被查询主体信息是您本人的信息或者被查询主体已授权您本人使用被查询主体信息进行查询（授权内容应包括本条 D 项所述内容），并且被查询主体已知悉该授权的风险。</p>
+            <p><strong>D.</strong>被查询主体不可撤销地授权北京正信环宇科技有限公司为查询、评估被查询主体的信息状况：a.可以委托合法存续的第三方机构收集、查询、验证、使用并提供您或被查询主体的个人信息；b.可以向数据源机构采集您或被查询主体的个人信息；c.可以整理、保存、加工、使用您或被查询主体的个人信息，并向您提供数据报告；d.可以向为您提供服务的第三方商户提供脱敏后的个人信息或数据报告。本条所述的个人信息包括但不限于身份信息、联系方式、职业和居住地址等个人基本信息，个人社保、公积金、收入及在商业活动中形成的各类交易记录，个人公共费用缴纳、违法违规信息、财产状况等；</p>
+            <p><strong>E.</strong>被查询主体已被明确告知提供被查询主体信息并作出 D 项授权可能给被查询主体带来的各类损失以及其他可能的不利后果，包括采集上述个人信息对被查询主体信用方面可能产生不良影响以及上述信息被信息使用者依法提供给第三方后被他人不当利用的风险。</p>
+            <p><strong>F.</strong>您已全额支付相应的查询服务费用；</p>
+            <p><strong>G.</strong>验证码请不要轻易提供给他人，一旦填入手机号对应验证码，视为手机号机主本人操作。</p>
+        </div>
+
+        <div class="content-section">
+            <h2>二、服务中断或故障</h2>
+            <p>您同意，因下列原因导致北京正信环宇科技有限公司无法正常提供本服务的，北京正信环宇科技有限公司不承担责任：</p>
+            <ul>
+                <li>（1）承载本服务的系统停机维护期间；</li>
+                <li>（2）您的电脑、手机软硬件和通信线路、供电线路出现故障的；</li>
+                <li>（3）您操作不当或通过非北京正信环宇科技有限公司授权或认可的方式使用本服务的；</li>
+                <li>（4）因病毒、木马、恶意程序攻击、网络拥堵、系统不稳定、系统或设备故障、通讯故障、电力故障或政府行为等原因；</li>
+                <li>（5）由于黑客攻击、网络供应商技术调整或故障、网站升级、手机运营商系统方面的问题等原因而造成的本服务中断或延迟；</li>
+                <li>（6）因台风、地震、海啸、洪水、停电、战争、恐怖袭击等不可抗力之因素，造成本服务系统障碍不能执行业务的。</li>
+            </ul>
+            <p>北京正信环宇科技有限公司不对因使用本服务而对用户造成的间接的、附带的、特殊的、后果性的损失承担任何法律责任；尽管有前款约定北京正信环宇科技有限公司将采取合理行动积极促使本服务恢复正常。</p>
+        </div>
+
+        <div class="content-section">
+            <h2>三、信息的使用和保护</h2>
+            <p>北京正信环宇科技有限公司深知您注重个人信息安全和保护，并理解保护被查询主体个人信息的重要性。北京正信环宇科技有限公司会严格遵守中国关于收集、使用、保存用户个人信息的相关法律法规，尽最大努力采用相应安全技术和管理手段保护您或被查询主体的个人信息，防止您或被查询主体个人信息遭受未经授权的访问、适用或泄露、毁损、篡改或者丢失。未经您或被查询主体的授权不会向任何第三方提供。</p>
+            <p>您使用本服务，即表示您已授权北京正信环宇科技有限公司将您相关信息披露给北京正信环宇科技有限公司关联公司（关联公司是指直接或间接控制于本协议一方的任何法律实体，或者与本协议一方共同于另一法律实体的任何法律实体）使用，且北京正信环宇科技有限公司关联公司仅为了向您提供服务而使用您的相关信息。如北京正信环宇科技有限公司关联公司使用您的相关信息，则受本协议约束且会按照与北京正信环宇科技有限公司同等谨慎程度保护您的相关信息。</p>
+            <p>在您使用本服务过程中，特别是在申请提现、实名认证或佣金结算时，您需要提供包括但不限于姓名、身份证号、银行卡号、手机号、税务身份信息等个人资料。您同意我们为履行合同义务、税务申报、身份核验、财务结算等必要目的，收集、使用、存储并在必要范围内共享该等信息。在进行税务代扣代缴、结算服务时，我们有权将必要信息提供给依法合作的第三方税务服务商、结算服务商，前提是该第三方承担同等信息保护义务。</p>
+            <p>您有权查询、更正您的个人信息，也可以根据平台流程申请注销账户或停止使用相关服务，我们将根据法律要求妥善处理相关信息。</p>
+            <p>北京正信环宇科技有限公司就下列原因导致的您或被查询主体个人信息的泄露，不承担任何法律责任：</p>
+            <ul>
+                <li>（1）由于您个人原因将本服务的会员账号和密码告知他人或与他人共享北京正信环宇科技有限公司服务账户，由此导致的与您相关的信息的泄露。</li>
+                <li>（2）您使用第三方提供的服务（包括您向第三方提供的任何个人信息），须受第三方自己的服务条款及个人信息保护协议（而非本协议）约束，您需要仔细阅读其条款。本协议仅适用于北京正信环宇科技有限公司所提供的服务，并不适用于任何第三方提供的服务或第三方的信息使用规则，北京正信环宇科技有限公司对任何第三方使用由您提供的信息不承担任何责任。</li>
+                <li>（3）根据相关的法律法规、相关政府主管部门或相关证券交易所的要求提供、公布与您相关的信息。</li>
+                <li>（4）或其他非因北京正信环宇科技有限公司原因导致的与您相关的信息的泄露。</li>
+            </ul>
+        </div>
+
+        <div class="content-section">
+            <h2>四、用户声明与保证</h2>
+            <ul>
+                <li>（1）您使用本服务的前提是您依照适用的法律，是具有完全民事权利和民事行为能力，能够独立承担民事责任的自然人。</li>
+                <li>（2）您如违反本协议第一条款中的承诺，您可能会对他人造成侵权。如由此给北京正信环宇科技有限公司或他人造成损失的，您需依照法律法规规定承担相应的法律责任。</li>
+            </ul>
+        </div>
+
+        <div class="content-section">
+            <h2>五、知识产权保护</h2>
+            <p>本服务涉及的文档资料、软件、商标、图案、排版设计等（以下简称"北京正信环宇科技有限公司产品"）的著作权、商标以及其他知识产权或权益均为北京正信环宇科技有限公司享有或北京正信环宇科技有限公司获得授权使用。用户不得出租、出借、拷贝、仿冒、复制或修改北京正信环宇科技有限公司产品任何部分或用于其他任何商业目的，也不得将北京正信环宇科技有限公司产品做反向工程、反编译或反汇编，或以其他方式或工具取得北京正信环宇科技有限公司产品之目标程序或源代码。如果用户违反此约定，造成北京正信环宇科技有限公司及其他任何第三方任何损失的，甲方应予以全额赔偿。</p>
+        </div>
+
+        <div class="content-section">
+            <h2>六、隐私保护</h2>
+            <p>愉悦查保证不对外公开或向第三方提供单个用户的注册资料及存储在愉悦查的非公开内容，但下列情况下除外:</p>
+            <ul>
+                <li>1. 事先获得用户的明确授权;</li>
+                <li>2. 根据有关的法律法规要求;</li>
+                <li>3. 按照有关政府部门的要求;</li>
+                <li>4. 为维护社会公众的利益;</li>
+                <li>5. 为维护愉悦查的合法利益。</li>
+            </ul>
+            <p>在不透露单个用户隐私资料的前提下，愉悦查有权利对整个用户数据库进行分析并对用户数据库进行商业上的利用。</p>
+        </div>
+
+        <div class="content-section">
+            <h2>七、免责条款</h2>
+            <p><strong>（一）</strong>不管基于任何直接的、间接的、特殊的、惩罚性的、惩戒性的、附带的、或结果性的损害、损失或费用，我们均不对其承担责任。即使有人告知我们或我们的员工存在出现这些损害、损失或费用的可能性。这些损害、损失或费用由以下这些情况引起或与这些情况有关：</p>
+            <ul>
+                <li>1. 使用我们网站上或其他链接网站上的信息；</li>
+                <li>2. 无法使用这些信息；</li>
+                <li>3. 任何在操作或传输中出现的操作失败、错误、遗漏、中断、缺陷、延迟，计算机病毒，断线或系统运行失败。</li>
+            </ul>
+            <p><strong>（二）</strong>我们可以在不事先通知的情况下更改信息，并且不承担更新这些信息的义务。不经任何种类的授权，不做任何专门或暗指或法定的不侵犯第三方权利、名称、可出售性、出于某种特殊目的适当措施或不携带计算机病毒的保证。</p>
+            <p><strong>（三）</strong>我们不对您查询信息内容的正确性、适当性、完整性、准确性、可靠性或适时性做出任何证明、声明和保证。我们不对任何因个人平台产生的错误、遗漏及失准承担任何责任。</p>
+            <p><strong>（四）</strong>对于由于您违反本协议导致任何第三方针对我们及或我们的员工提出的任何申诉、起诉、要求或者诉讼或者其他法律程序，您同意自费作出赔偿并令其免受上述损害。</p>
+        </div>
+
+        <div class="content-section">
+            <h2>八、违约</h2>
+            <p>用户不得利用本服务进行任何损害北京正信环宇科技有限公司及其他第三方权益的行为，否则北京正信环宇科技有限公司有权立即终止为该用户提供本服务，并要求用户赔偿损失。由此产生的任何后果由用户自行承担，与北京正信环宇科技有限公司无关。</p>
+        </div>
+
+        <div class="content-section">
+            <h2>九、数据来源及准确性说明</h2>
+            <p>本产品数据来源于第三方，可能因数据未公开、更新延迟或信息受到限制，因此不一定能完全返回。不同数据格式及记录详细程度会有所差异，这是行业正常现象。本报告仅供参考，请结合实际情况做出决策。</p>
+        </div>
+
+        <div class="content-section">
+            <h2>十、退款协议</h2>
+            <p>除非由于本程序的技术性问题导致用户无法正常使用本产品，否则我们不提供任何退款服务。用户在购买前应仔细阅读本用户协议及相关使用条款，确保对本产品有充分了解。</p>
+        </div>
+
+        <div class="content-section">
+            <h2>十一、协议的变更和终止</h2>
+            <p>鉴于网络服务的特殊性，我们变更本协议及其附件的若干条款时，将提前通过我们平台公告有关变更事项。修订后的条款或将来可能发布或更新的各类规则一经在我们平台公布后，立即自动生效。如您不同意相关修订，应当立即停止使用该项服务。如您在发布上述协议变更的有关公告后继续使用互联网查询的，视为您已接受协议的有关变更，并受其约束。本协议中的相关条款根据该变更而自动做相应修改，双方无须另行签订书面协议。</p>
+        </div>
+
+        <div class="content-section">
+            <h2>十二、适用法律</h2>
+            <p>本协议条款的解释、效力及纠纷的解决，适用中华人民共和国大陆地区法律法规。如用户和北京正信环宇科技有限公司之间发生任何争议，首先应友好协商解决，协商不成的，应将争议提交至北京正信环宇科技有限公司注册地有管辖权的人民法院解决。</p>
+        </div>
+
+        <div class="content-section">
+            <h2>十三、问题咨询</h2>
+            <p>如您对本协议及本服务有任何问题，请通过邮箱 kefu@yuyuecha.com 或 通过"联系客服"联系北京正信环宇科技有限公司进行咨询。北京正信环宇科技有限公司会尽最大努力解决您的问题。</p>
+        </div>
+
+        <div class="content-section">
+            <h2>十四、附则</h2>
+            <p>（一）本协议的某一条款被确认无效，均不影响本协议其他条款的效力。</p>
+            <p>（二）本协议未尽事宜，根据我国相关法律、法规及我们相关业务规定办理。如需制定补充协议，其法律效力同本协议。</p>
+            <p><strong>本协议于 2026 年 1 月 1 日生效。</strong></p>
+        </div>
+    </div>
+
+    <footer class="footer">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <h3>愉悦查</h3>
+                    <p>让信任无处不在，让合作没有距离</p>
+                    <p style="margin-top:16px;font-size:13px;">愉悦查（北京正信环宇科技有限公司）</p>
+                    <p style="font-size:13px;">AI 驱动的商业信任科技平台</p>
+                </div>
+                <div>
+                    <h4 class="footer-title">产品</h4>
+                    <ul class="footer-links">
+                        <li><a href="/product/riskassessment.html">个人大数据报告</a></li>
+                        <li><a href="/product/marriage.html">婚恋风险报告</a></li>
+                        <li><a href="/product/backgroundcheck.html">入职背调报告</a></li>
+                        <li><a href="/product/companyinfo.html">小微企业报告</a></li>
+                        <li><a href="/product/homeservice.html">家政风险报告</a></li>
+                        <li><a href="/product/consumerFinanceReport.html">消金报告</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h4 class="footer-title">API</h4>
+                    <ul class="footer-links">
+                        <li><a href="/apidemo/">API 平台</a></li>
+                        <li><a href="/all-apis.html">全部接口</a></li>
+                        <li><a href="https://work.weixin.qq.com/kfid/kfc93b53b25551b611d" target="_blank">技术咨询</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h4 class="footer-title">公司</h4>
+                    <ul class="footer-links">
+                        <li><a href="/about.html">关于我们</a></li>
+                        <li><a href="/careers.html">加入我们</a></li>
+                        <li><a href="/contact.html">联系我们</a></li>
+                        <li><a href="/news.html">新闻动态</a></li>
+                        <li><a href="/partners.html">合作伙伴</a></li>
+                    </ul>
+                </div>
+            </div>
+            <div class="footer-bottom">
+                <p>© 2026 愉悦查（北京正信环宇科技有限公司）All Rights Reserved.</p>
+                <p>京 ICP 备 2025158088 号 -2</p>
+            </div>
+        </div>
+    </footer>
+</body>
+</html>
diff --git a/推广优化方案.md b/推广优化方案.md
new file mode 100644
index 0000000..28d0110
--- /dev/null
+++ b/推广优化方案.md
@@ -0,0 +1,179 @@
+# 愉悦查官网推广优化方案
+
+## SEO + GEO 双轨策略
+
+> 本方案覆盖传统搜索引擎优化（SEO）和生成式引擎优化（GEO），帮助愉悦查同时在百度/Google搜索结果和 AI 搜索引擎（ChatGPT、Perplexity、Google AI Overviews、豆包等）中获得曝光。
+
+---
+
+## 一、已完成的技术修复（本次交付）
+
+### 1.1 Logo 与 UI 统一
+- 原始 Logo 1.3MB → 导航栏专用 logo-nav.png（18KB）+ 2x Retina 版本（63KB），加载速度提升 98%
+- 全站 19 个页面导航栏统一：6 个导航项、毛玻璃背景、滚动缩小效果、移动端全屏菜单
+- 全站 Footer 统一：4 栏布局、ICP 备案链接工信部、响应式适配
+
+### 1.2 SEO 技术修复
+- **sitemap.xml 重写**：修复了所有 404 路径（原来用 /personal-report 等伪路径，实际文件是 /product/riskassessment.html），覆盖全部 20 个活跃页面
+- **robots.txt 更新**：显式允许 GPTBot、ClaudeBot、PerplexityBot、Google-Extended 等 AI 爬虫
+- **Canonical 标签**：全部 19 个页面注入 `<link rel="canonical">`
+- **Open Graph 标签**：全部 19 个页面注入 og:title、og:description、og:image、og:url
+- **Twitter Card 标签**：全部 19 个页面注入 twitter:card、twitter:title、twitter:description
+- **产品页导航修复**：产品页原来用 `#home`、`#products` 等锚点（在子页面上无效），改为 `/index.html#products` 绝对路径
+
+### 1.3 GEO 文件创建
+- **llms.txt**：符合 llmstxt.org 规范，结构化描述公司信息、6 大产品（含价格）、API 服务、代理合作、公司信息
+- 所有 AI 爬虫已在 robots.txt 中显式放行
+
+---
+
+## 二、短期优化建议（1-2 周内可执行）
+
+### 2.1 图片优化
+当前问题：多个合作伙伴 logo 只有 49-274 字节（很可能是占位符空图），产品图片 400KB+ 未压缩。
+
+建议操作：
+- 用 WebP 格式替换所有 PNG 产品图，目标压缩到 50KB 以内
+- 补全合作伙伴 logo（alibaba.png/tencent.png/icbc.png 等疑似空文件）
+- 给所有图片添加有意义的 alt 描述（当前部分图片 alt 只是品牌名）
+
+### 2.2 百度搜索生态
+- **百度站长平台**：提交 sitemap.xml，申请加速收录
+- **百度自动推送代码**：在每个页面 `</body>` 前加百度统计 + 自动推送 JS
+- **百度百科/企业信用**：创建或认领"愉悦查"和"北京正信环宇科技有限公司"的百度百科词条、企查查/天眼查主页
+
+### 2.3 清理备份文件
+当前 .bak 文件占总体积 60% 以上，建议部署前删除所有 .bak.*、.broken.*、.backup、.restored 后缀的文件，减少服务器存储并避免搜索引擎索引到备份页面。
+
+### 2.4 页面加载速度
+- 提取公共 CSS 到独立文件 `common.css`（当前每个页面内联约 500 行重复 CSS）
+- 启用 Gzip/Brotli 压缩（Nginx 配置）
+- 添加 `<link rel="preload">` 预加载关键资源
+
+---
+
+## 三、SEO 内容策略（中期 1-3 个月）
+
+### 3.1 长尾关键词内容页
+围绕用户搜索意图创建垂直内容页：
+
+高价值关键词方向：
+- "婚前背调有必要吗"、"相亲对象怎么查"
+- "入职背调多少钱"、"企业招聘背调怎么做"
+- "家政阿姨背景调查"、"保姆身份核验"
+- "个人信用报告查询"、"大数据报告是什么"
+- "怎么查一个人的信用"、"网贷黑名单查询"
+
+建议：每周发布 1-2 篇 800-1500 字的内容，放在 /blog/ 目录下，每篇文章底部自然引导到对应产品页。
+
+### 3.2 FAQ 内容优化
+当前首页已有 FAQ 区块，但内容偏少。建议：
+- 扩展到 10-15 个高频问题
+- 每个问题开头直接给出简短答案（Answer First），再展开解释
+- 给每个 FAQ 添加 JSON-LD FAQPage 结构化数据（当前首页有 schema.org 但缺少 FAQ schema）
+
+### 3.3 示例报告页面强化
+当前 sample.html 是最具转化潜力的页面，建议：
+- 为每种报告类型创建独立示例页面（6 个）
+- 嵌入报告预览截图（打码敏感信息）
+- 添加"立即生成同款报告"的 CTA 按钮
+
+---
+
+## 四、GEO 生成式引擎优化策略
+
+### 4.1 为什么需要 GEO
+2026 年 AI 搜索已成为信息获取的重要渠道。当用户向 ChatGPT 提问"婚前怎么查对方背景"或"入职背调平台推荐"时，AI 从多个来源综合生成回答。GEO 的目标是让愉悦查成为 AI 引用的信源之一。
+
+### 4.2 内容结构优化
+AI 偏好引用"结构清晰、数据丰富、事实密度高"的内容。
+
+具体操作：
+- 每篇内容/产品页的前 200 字必须直接回答核心问题（TLDR-First 原则）
+- 使用清晰的 H1 → H2 → H3 层级，一个段落一个主题
+- 嵌入具体数据和统计："200+ 官方数据接口"、"报告 3-5 秒生成"、"准确率 99%"
+- 产品页增加对比表格：愉悦查 vs 其他背调平台的差异化优势
+
+### 4.3 llms-full.txt 内容页
+建议创建 llms-full.txt，将全站核心内容汇总成一个 Markdown 文件，方便 AI 系统一次性获取完整上下文。内容应包括：
+- 公司介绍
+- 6 大产品的完整描述、价格、使用场景、数据来源
+- API 接口分类与能力概述
+- 代理体系说明
+- FAQ 完整问答
+
+### 4.4 第三方引用建设（Citation Building）
+AI 引擎更信任被多个独立来源提及的品牌。
+
+操作路径：
+- 在知乎发布 2-3 篇高质量回答（如"2026 年有哪些靠谱的个人背调平台"）
+- 在 36氪、虎嗅、雷锋网等科技媒体发布合作文章或新闻稿
+- 在 GitHub 上发布 API SDK（即使是简单的封装），增加技术社区曝光
+- 在微信公众号建立定期内容输出，同步到百家号、头条号
+- 创建或完善企查查/天眼查公司主页，确保信息准确
+
+### 4.5 Schema.org 结构化数据增强
+当前首页已有 WebSite、Organization、Product 三组 schema，建议补充：
+- **FAQPage schema**：给 FAQ 区块添加
+- **Service schema**：给 API 服务添加
+- **BreadcrumbList schema**：给每个子页面添加面包屑
+- **LocalBusiness schema**：补充北京办公地址、营业时间、服务区域
+
+### 4.6 内容新鲜度维护
+AI 引擎会降低过时内容的引用优先级。建议：
+- 每个页面显示"最后更新"日期
+- 核心内容每 7-14 天更新一次（哪怕只是更新数据数字或时间戳）
+- 新闻页保持每月至少 2 条更新
+
+---
+
+## 五、.com 业务平台推广建议
+
+### 5.1 微信生态推广
+- **公众号内容矩阵**：每周 2-3 篇，涵盖行业科普（"婚前背调为什么重要"）、产品介绍、代理招商
+- **视频号短视频**：15-60 秒的场景化内容，如"3 步查清相亲对象"
+- **小程序入口优化**：确保微信搜一搜能找到愉悦查小程序
+- **朋友圈广告**：针对一二线城市 25-45 岁用户投放
+
+### 5.2 短视频平台
+- **抖音/快手**：制作知识科普类短视频，软植入产品
+- **小红书**：针对婚恋场景发布种草笔记，"婚前必做的3件事"等
+- 关键词布局：#婚前背调 #入职背调 #个人信用查询 #大数据报告
+
+### 5.3 搜索引擎付费推广
+- **百度竞价（SEM）**：精准长尾词投放，如"个人背调报告在线查询"
+- **信息流广告**：百度信息流、头条信息流，场景化投放
+
+### 5.4 代理渠道裂变
+- 设计代理专属推广物料（海报、H5 页面、话术模板）
+- 代理推荐奖励机制可视化：在 investment.html 收益计算器基础上增加分享功能
+- 建立代理社群，定期培训和素材更新
+
+### 5.5 B2B 渠道
+- 对接 HR SaaS 平台（北森、Moka、飞书招聘等）做 API 集成
+- 参加人力资源行业展会/论坛
+- 针对物业、家政、金融公司做行业定向推广
+
+---
+
+## 六、监测与迭代
+
+### 6.1 SEO 监测
+- 百度站长平台：收录量、抓取频次、关键词排名
+- 百度统计/Google Analytics 4：流量来源、页面停留时间、转化率
+- 5118/Ahrefs：关键词追踪、竞品分析
+
+### 6.2 GEO 监测
+- 定期在 ChatGPT、豆包、Kimi、Perplexity 中搜索相关关键词，记录是否被引用
+- 检查 AI 回答中的品牌提及率和准确性
+- GA4 中追踪来自 AI 搜索引擎的流量（Referrer 包含 chatgpt.com、perplexity.ai 等）
+
+### 6.3 内容更新节奏
+- 每周：1-2 篇博客/知乎回答
+- 每两周：核心产品页面数据更新
+- 每月：新闻页更新、FAQ 补充、llms.txt 和 llms-full.txt 更新
+- 每季度：全站 SEO 审计、竞品 GEO 对标分析
+
+---
+
+*方案版本: v1.0 | 最后更新: 2026-03-28*