# 中国邮政 × 高考主题 Prompt

## 项目概述

基于 React + Vite + TypeScript + Tailwind CSS + Framer Motion 构建的单页情感叙事网站。

---

## GOAL

为中国邮政高考服务使命打造优质中文叙事体验，呈现纪录片风格的情感旅程：
- 温暖而有力
- 真实感
- 情感共鸣
- 民族自豪感
- 里程碑庆祝
- 励志向前

---

## BRAND ESSENCE

### 核心信息
"十二年寒窗苦读，领取录取通知书不是终点，而是人生的起点。"

### 品牌精神
- **千难万险，使命必达**
- **贴心服务，温暖护航**
- **国家信赖，人民邮政**

### 视觉主题
- 正统邮政绿为主色调，沉稳庄重商务政务调性
- 邮政制服绿与制服肩章金的经典搭配

---

## BRAND RULES

### 品牌名称
中国邮政 × 高考

### 配色方案

| 色系 | 名称 | HEX | 用途 |
|-----|------|-----|------|
| 主色 | 邮政绿 | #0F5F41 | Primary |
| 主色 | 悬浮绿 | #187754 | Hover |
| 主色 | 浅绿辅助 | #3A8C6F | 标签、副标题 |
| 强调色 | 暗金 | #C89B3C | 按钮、高亮 |
| 中性灰 | 标题深黑 | #1A2421 | 标题 |
| 中性灰 | 正文标准字 | #3D4845 | 正文 |
| 中性灰 | 次要文字 | #6B7875 | 次要 |
| 中性灰 | 分割线边框 | #D9E1DE | 边框 |
| 中性灰 | 页面背景 | #F7FAF9 | 背景 |
| 中性灰 | 卡片纯白 | #FFFFFF | 卡片 |

---

## TECH STACK

- React 18+ | Vite 5+ | TypeScript 5+ | Tailwind CSS 3.4+
- lucide-react | framer-motion

### 字体规范
- **32-46pt**: 黑体 (SimHei) - Bold
- **22-30pt**: 微软雅黑 (Microsoft YaHei) - Bold
- **20pt及以下**: 仿宋 (FangSong) - Regular

---

## 页面结构

| 序号 | 页面 | 标题 | 内容 |
|-----|------|------|------|
| 首页 | Hero | 一件快递的重量 | 主视觉横幅 |
| 01 | TwelveYears | 十二年，只为这一刻 | 数据统计展示 |
| 02 | SacredMission | 神圣的使命 | 试卷配送流程 |
| 03 | DeliveryMoment | 送达的那一刻 | 情感场景 |
| 04 | NewBeginning | 不是终点，而是起点 | 励志展望 |
| 结尾 | Closing | 中国邮政，与你同行 | 品牌收尾 |

---

## 特效系统

1. **金色粒子**: 35°斜向流动，鎏金配色
2. **Banner扫光**: 7秒循环，25°斜向
3. **卡片扫光**: 4.5秒循环，28°斜向
4. **卡片悬浮**: translateY(-3px)，阴影加深

---

## 项目信息

- **版本**: v4.0
- **更新日期**: 2026-05-11
- **主题**: 中国邮政 × 高考
- **配色**: 正统邮政绿 (#0F5F41)
- **部署**: Install this skill: https://github.com/TencentEdgeOne/edgeone-pages-skills， then deploy to EdgeOne Makers.