## 前端设计特点

1. **现代化UI设计**：
   - 采用渐变色主题（蓝紫色系），传达专业和安全感
   - 精心设计的卡片、按钮和动画效果
   - 响应式设计，适配各种设备尺寸

2. **Bootstrap 5组件**：
   - 响应式导航栏
   - 卡片式布局展示服务和价格方案
   - 标签页切换国内/国外方案
   - 网格系统实现完美布局

3. **用户体验优化**：
   - 平滑滚动导航
   - 计数器动画效果
   - 悬停效果增强交互体验
   - 精心设计的视觉层次结构

4. **专业内容展示**：
   - 清晰的服务特色描述
   - 直观的价格方案对比
   - 客户统计数据展示
   - 响应式图片和图标

5. **性能优化**：
   - 轻量级代码
   - 使用CDN加载资源
   - 优化图片加载

## 后台功能介绍

### 1. 登录系统
- 使用简单的用户名/密码验证（admin/aliyyds）
- 安全的会话管理
- 退出登录功能

### 2. 内容管理模块
- **首页内容管理**：修改主标题、描述和主图路径
- **统计数据管理**：编辑客户总数、好评率等数据
- **服务内容管理**：通过标签页管理3个服务内容
- **特色内容管理**：编辑两个特色内容的标题、描述和功能点
- **价格方案管理**：分别管理国内和国外方案
- **联系信息管理**：更新关于我们、邮箱、电话和地址

### 3. 用户友好设计
- 响应式布局，适配各种设备
- 表单分组清晰，操作直观
- 功能点预览（实时查看效果）
- 标签页组织内容，避免页面过长
- 保存成功提示

### 4. 数据存储
- 使用JSON文件存储所有内容
- 避免使用数据库，简化部署
- 数据格式清晰，易于维护

### 5. 安全特性
- 登录保护所有管理功能
- 输入数据验证和过滤
- 会话管理确保访问安全

## 默认信息

1. 后台管理文件为`admin.php`文件
2. 确保服务器已安装PHP7.4
3. 默认登录凭证：用户名`admin`，密码`aliyyds`
4. 登录后可以修改所有内容，点击"保存所有更改"按钮更新网站内容
5. 修改内容会保存到`content.json`文件中