一、安装 12306 MCP

先执行下载，进入项目文件夹，安装项目所需要的依赖。

一）下载 MCP

第一步：进入下述链接地址，下载压缩包

https://github.com/Joooook/12306-mcp

二）12306 MCP 功能介绍

1、车站代码查询

mcp_get_station_code_of_city：根据城市名称获取对应的站点代码
mcp_get_station_code_by_name：根据车站名称获取对应的站点代码
mcp_get_stations_code_in_city：获取某个城市下所有车站的站点代码
mcp_get_station_by_telecode：根据车站电报码获取车站信息

2、车票查询功能

mcp_get_tickets：根据日期、出发站和到达站查询车票信息
支持按车次类型筛选（如高铁 G、动车 D、快速 K、特快 T、直达 Z 等）
返回票价、余票数量等详细信息

3、列车途经站点查询

mcp_get_train_route_stations：查询某个车次的全部途经站点信息
提供站点到达时间、出发时间、停靠时间等数据

三）安装启动 MCP

1、将压缩包解压到桌面

2、打开解压后的文件夹，输入 cmd 进入命令框

3、执行下述代码

npm i

3、启动 MCP

确保在项目文件夹下，执行下面两个命令

npm run build
node ./build/index.js

这样 MCP 就下载和启动成功了

二、Cursor 实践

一）添加 MCP

打开 Cursor 右上角设置
选择 MCP
点击 Add new global MCP server 添加 MCP

打开 mcp.json 文件，把下面这段复制进去

{
    "mcpServers": {
        "12306-mcp": {
            "command": "npx",
            "args": [
                "-y",
                "12306-mcp"
            ]
        }
    }
}

二）实操

1、踩坑测试

这里我说的是查询 5 月 17 日，北京-深圳的高铁，本来我没注意查询日期，但是 cursor 它注意到日期的问题，这句话同样也引起了我的注意，我打开一看，结果发现查询的时间是 2023-05-17 日，虽然它自己修正为 2024 年 5 月 17 日，但是日期还是不对

查询的日期有问题，就不能正确的调用 MCP，导致它去网页进行搜索信息，所以我们必须得把需求描述清楚，否则，AI 的回答也是瞎编乱造

2、查询高铁

使用 12306-mcp，帮我查询2025年5月18日，北京-西安的高铁

有了前面查询错误的经历，这次明确了查询时间

也特地去打开 12306 去看了下，车次、余票数量，看看数据是否准时，高铁的数据基本上都能对上

但是有一个问题，里面混入了两趟火车，查询的不严谨

把刚刚的查询信息生成生成可视化页面

3、全部车次查询

使用 12306-mcp，帮我查询2025年5月18日，北京-西安的高铁

查询结果

车次 | 出发站 -> 到达站 | 出发时间 -> 到达时间 | 历时 |G651(实际车次train_no: 240000G65100) 北京丰台(telecode: FTP) -> 西安北(telecode: EAY) 06:39 -> 12:20 历时：05:41
- 商务座: 14张剩余 1620元
- 一等座: 有剩余 820元
- 二等座: 有剩余 512元
G87(实际车次train_no: 2400000G870C) 北京西(telecode: BXP) -> 西安北(telecode: EAY) 07:00 -> 11:19 历时：04:19
- 商务座: 无剩余 1815元
- 一等座: 无剩余 922元
- 二等座: 有剩余 577元
G653(实际车次train_no: 240000G6530O) 北京西(telecode: BXP) -> 西安北(telecode: EAY) 07:39 -> 13:38 历时：05:59
- 商务座: 20张剩余 1722元
- 一等座: 有剩余 824元
- 二等座: 有剩余 515元
G91(实际车次train_no: 2400000G910H) 北京西(telecode: BXP) -> 西安北(telecode: EAY) 07:55 -> 12:06 历时：04:11
- 商务座: 无剩余 1815元
- 一等座: 无剩余 922元
- 二等座: 有剩余 577元
G2455(实际车次train_no: 24000G245500) 北京北(telecode: VAP) -> 西安北(telecode: EAY) 08:06 -> 14:53 历时：06:47
- 商务座: 无剩余 1403元
- 一等座: 无剩余 729元
- 二等座: 有剩余 454元
G671(实际车次train_no: 240000G67126) 北京西(telecode: BXP) -> 西安北(telecode: EAY) 08:13 -> 14:09 历时：05:56
- 商务座: 1张剩余 1815元
- 一等座: 无剩余 922元
- 二等座: 有剩余 577元
G1591(实际车次train_no: 24000G159120) 北京西(telecode: BXP) -> 西安北(telecode: EAY) 08:26 -> 13:51 历时：05:25
- 商务座: 无剩余 1722元
- 一等座: 6张剩余 875元
- 二等座: 有剩余 547元
G307(实际车次train_no: 240000G3071V) 北京西(telecode: BXP) -> 西安北(telecode: EAY) 09:10 -> 15:07 历时：05:57
- 商务座: 6张剩余 1627元
- 一等座: 有剩余 824元
- 二等座: 有剩余 515元
G387(实际车次train_no: 240000G3870S) 北京丰台(telecode: FTP) -> 西安北(telecode: EAY) 09:29 -> 15:18 历时：05:49
- 商务座: 1张剩余 1714元
- 一等座: 无剩余 870元
- 二等座: 有剩余 544元
G655(实际车次train_no: 240000G6550N) 北京西(telecode: BXP) -> 西安北(telecode: EAY) 09:40 -> 15:27 历时：05:47
- 商务座: 5张剩余 1722元
- 一等座: 3张剩余 824元
- 二等座: 有剩余 515元
G55(实际车次train_no: 2400000G550S) 北京西(telecode: BXP) -> 西安北(telecode: EAY) 09:55 -> 14:05 历时：04:10
- 商务座: 无剩余 1815元
- 一等座: 无剩余 922元
- 二等座: 有剩余 577元
D1049(实际车次train_no: 24000D104900) 清河(telecode: QIP) -> 西安北(telecode: EAY) 10:11 -> 18:21 历时：08:10
- 一等座: 有剩余 682元
- 二等座: 有剩余 425元
- 无座: 无剩余 425元
G657(实际车次train_no: 240000G65733) 北京西(telecode: BXP) -> 西安(telecode: XAY) 11:41 -> 16:59 历时：05:18
- 商务座: 5张剩余 1722元
- 一等座: 10张剩余 824元
- 二等座: 有剩余 515元
D1045(实际车次train_no: 24000D104500) 清河(telecode: QIP) -> 西安北(telecode: EAY) 11:41 -> 18:57 历时：07:16
- 一等座: 无剩余 688元
- 二等座: 有剩余 429元
- 无座: 无剩余 429元
G429(实际车次train_no: 240000G4290Q) 北京西(telecode: BXP) -> 西安北(telecode: EAY) 12:40 -> 18:25 历时：05:45
- 商务座: 1张剩余 1627元
- 一等座: 无剩余 824元
- 二等座: 有剩余 515元
K545(实际车次train_no: 020000K5480D) 北京(telecode: BJP) -> 西安(telecode: XAY) 12:50 -> 06:18 历时：17:28
- 硬卧: 1张剩余 268元
- 软卧: 无剩余 422元
- 无座: 无剩余 156元
G667(实际车次train_no: 240000G66721) 北京西(telecode: BXP) -> 西安北(telecode: EAY) 12:55 -> 17:08 历时：04:13
- 商务座: 无剩余 1722元
- 一等座: 16张剩余 875元
- 二等座: 有剩余 547元
G685(实际车次train_no: 240000G68502) 北京西(telecode: BXP) -> 西安北(telecode: EAY) 13:15 -> 19:04 历时：05:49
- 商务座: 7张剩余 1722元
- 一等座: 有剩余 875元
- 二等座: 有剩余 547元
K545(实际车次train_no: 020000K5480D) 北京西(telecode: BXP) -> 西安(telecode: XAY) 13:40 -> 06:18 历时：16:38
- 硬卧: 无剩余 268元
- 软卧: 无剩余 422元
- 无座: 无剩余 156元
G673(实际车次train_no: 240000G6730N) 北京西(telecode: BXP) -> 西安北(telecode: EAY) 13:46 -> 19:43 历时：05:57
- 商务座: 10张剩余 1627元
- 一等座: 16张剩余 824元
- 二等座: 有剩余 515元
G57(实际车次train_no: 2400000G570S) 北京西(telecode: BXP) -> 西安北(telecode: EAY) 14:05 -> 18:30 历时：04:25
- 商务座: 1张剩余 1722元
- 一等座: 无剩余 875元
- 二等座: 有剩余 547元
G89(实际车次train_no: 2400000G890N) 北京西(telecode: BXP) -> 西安北(telecode: EAY) 15:00 -> 19:12 历时：04:12
- 商务座: 无剩余 1815元
- 一等座: 无剩余 922元
- 二等座: 有剩余 577元
G659(实际车次train_no: 240000G6590U) 北京西(telecode: BXP) -> 西安(telecode: XAY) 15:20 -> 21:00 历时：05:40
- 商务座: 9张剩余 1722元
- 一等座: 11张剩余 875元
- 二等座: 有剩余 547元
T55(实际车次train_no: 2500000T580O) 北京丰台(telecode: FTP) -> 西安(telecode: XAY) 15:42 -> 04:59 历时：13:17
- 硬卧: 7张剩余 398元
- 软卧: 无剩余 148元
- 无座: 有剩余 254元
D29(实际车次train_no: 2400000D2920) 北京西(telecode: BXP) -> 西安(telecode: XAY) 15:53 -> 03:42 历时：11:49
- 二等座: 有剩余 193元
- 二等卧: 有剩余 303元
- 一等卧: 有剩余 436元
- 无座: 有剩余 193元
Z151(实际车次train_no: 240000Z1510R) 北京西(telecode: BXP) -> 西安(telecode: XAY) 15:59 -> 03:48 历时：11:49
- 硬卧: 无剩余 254元
- 软卧: 无剩余 398元
- 无座: 有剩余 148元
G661(实际车次train_no: 240000G6610Z) 北京西(telecode: BXP) -> 西安北(telecode: EAY) 16:15 -> 21:57 历时：05:42
- 商务座: 10张剩余 1722元
- 一等座: 有剩余 875元
- 二等座: 有剩余 547元
D1043(实际车次train_no: 24000D104300) 清河(telecode: QIP) -> 西安北(telecode: EAY) 16:42 -> 23:40 历时：06:58
- 一等座: 有剩余 664元
- 二等座: 有剩余 414元
- 无座: 有剩余 414元
T7(实际车次train_no: 24000000T726) 北京西(telecode: BXP) -> 西安(telecode: XAY) 16:43 -> 05:42 历时：12:59
- 硬卧: 无剩余 422元
- 软卧: 无剩余 156元
- 无座: 有剩余 268元
G663(实际车次train_no: 240000G6630O) 北京西(telecode: BXP) -> 西安北(telecode: EAY) 16:45 -> 22:14 历时：05:29
- 商务座: 4张剩余 1722元
- 一等座: 无剩余 824元
- 二等座: 有剩余 515元
G665(实际车次train_no: 240000G6650V) 北京西(telecode: BXP) -> 西安(telecode: XAY) 17:08 -> 22:45 历时：05:37
- 商务座: 无剩余 1627元
- 一等座: 无剩余 824元
- 二等座: 有剩余 515元
Z179(实际车次train_no: 240000Z17936) 北京西(telecode: BXP) -> 西安(telecode: XAY) 18:26 -> 06:51 历时：12:25
- 硬卧: 无剩余 254元
- 软卧: 无剩余 398元
- 无座: 有剩余 148元
T231(实际车次train_no: 240000T23112) 北京西(telecode: BXP) -> 西安(telecode: XAY) 18:32 -> 07:35 历时：13:03
- 硬卧: 有剩余 398元
- 软卧: 无剩余 148元
- 无座: 有剩余 254元
T41(实际车次train_no: 2400000T4117) 北京西(telecode: BXP) -> 西安(telecode: XAY) 18:46 -> 08:01 历时：13:15
- 硬卧: 有剩余 422元
- 软卧: 1张剩余 156元
- 无座: 有剩余 268元
G59(实际车次train_no: 2400000G590J) 北京西(telecode: BXP) -> 西安北(telecode: EAY) 19:00 -> 23:11 历时：04:11
- 商务座: 11张剩余 1722元
- 一等座: 无剩余 875元
- 二等座: 有剩余 547元
D19(实际车次train_no: 2400000D190U) 北京西(telecode: BXP) -> 西安(telecode: XAY) 20:11 -> 07:55 历时：11:44
- 二等座: 有剩余 192元
- 二等卧: 有剩余 300元
- 一等卧: 无剩余 458元
- 无座: 有剩余 192元
D43(实际车次train_no: 2400000D4300) 北京西(telecode: BXP) -> 西安(telecode: XAY) 20:30 -> 08:23 历时：11:53
- 二等座: 有剩余 192元
- 二等卧: 有剩余 300元
- 一等卧: 11张剩余 458元
- 无座: 有剩余 192元

4、最短查询

5、中转查询

中转的方案有哪些

可以看到先查询了北京-郑州，再查询了郑州-西安

把中转方案生成可视化的页面

把刚刚查询的37条数据和31条中转方案，生成可视化页面


# 北京至西安列车查询结果可视化

请根据以下提示，创建一个美观、实用的HTML页面，展示2025年5月18日北京至西安的列车时刻表和中转方案：

## 基本信息
- 日期：2025年5月18日
- 路线：北京 → 西安
- 包含直达车次和中转方案

## 页面结构
1. 页面标题和基本信息
2. 导航栏（可切换直达车次/中转方案）
3. 直达车次信息区域（分类展示不同类型列车）
4. 中转方案信息区域（按时间段分类）
5. 推荐方案区域
6. 注意事项

## 样式要求
1. 响应式设计，适应不同屏幕尺寸
2. 列车类型使用不同颜色标识：
   - 高铁/城际(G字头)：蓝色
   - 动车(D字头)：绿色
   - 特快(T字头)：红色
   - 直达特快(Z字头)：橙色
   - 快速(K字头)：紫色
3. 表格使用隔行变色，提高可读性
4. 重要信息（发车时间、票价）使用醒目样式
5. 余票状态使用色彩标识（有票：绿色，少量：黄色，无票：红色）

## 交互功能
1. 标签页切换（直达/中转）
2. 筛选功能（按车次类型、时间段、票价范围）
3. 排序功能（按发车时间、到达时间、历时、票价）
4. 展开/折叠详情

## 直达车次数据
### 高铁/城际(G字头)
- G651：北京丰台(06:39) → 西安北(12:20)，历时5小时41分，票价：商务座1620元/一等座820元/二等座512元，余票状态：有票
- G87：北京西(07:00) → 西安北(11:19)，历时4小时19分，票价：商务座1815元/一等座922元/二等座577元，余票状态：二等座有票，其他无票
- G653：北京西(07:39) → 西安北(13:38)，历时5小时59分，票价：商务座1722元/一等座824元/二等座515元，余票状态：有票
- G91：北京西(07:55) → 西安北(12:06)，历时4小时11分，票价：商务座1815元/一等座922元/二等座577元，余票状态：二等座有票，其他无票
- G2455：北京北(08:06) → 西安北(14:53)，历时6小时47分，票价：商务座1403元/一等座729元/二等座454元，余票状态：二等座有票，其他无票
- G671：北京西(08:13) → 西安北(14:09)，历时5小时56分，票价：商务座1815元/一等座922元/二等座577元，余票状态：商务座1张，二等座有票，一等座无票
- G1591：北京西(08:26) → 西安北(13:51)，历时5小时25分，票价：商务座1722元/一等座875元/二等座547元，余票状态：一等座6张，二等座有票，商务座无票
- G307：北京西(09:10) → 西安北(15:07)，历时5小时57分，票价：商务座1627元/一等座824元/二等座515元，余票状态：商务座6张，一等座有票，二等座有票
- G387：北京丰台(09:29) → 西安北(15:18)，历时5小时49分，票价：商务座1714元/一等座870元/二等座544元，余票状态：商务座1张，二等座有票，一等座无票
- G655：北京西(09:40) → 西安北(15:27)，历时5小时47分，票价：商务座1722元/一等座824元/二等座515元，余票状态：商务座5张，一等座3张，二等座有票
- G55：北京西(09:55) → 西安北(14:05)，历时4小时10分，票价：商务座1815元/一等座922元/二等座577元，余票状态：二等座有票，其他无票
- G657：北京西(11:41) → 西安(16:59)，历时5小时18分，票价：商务座1722元/一等座824元/二等座515元，余票状态：商务座5张，一等座10张，二等座有票
- G429：北京西(12:40) → 西安北(18:25)，历时5小时45分，票价：商务座1627元/一等座824元/二等座515元，余票状态：商务座1张，二等座有票，一等座无票
- G667：北京西(12:55) → 西安北(17:08)，历时4小时13分，票价：商务座1722元/一等座875元/二等座547元，余票状态：一等座16张，二等座有票，商务座无票
- G685：北京西(13:15) → 西安北(19:04)，历时5小时49分，票价：商务座1722元/一等座875元/二等座547元，余票状态：商务座7张，一等座有票，二等座有票
- G673：北京西(13:46) → 西安北(19:43)，历时5小时57分，票价：商务座1627元/一等座824元/二等座515元，余票状态：商务座10张，一等座16张，二等座有票
- G57：北京西(14:05) → 西安北(18:30)，历时4小时25分，票价：商务座1722元/一等座875元/二等座547元，余票状态：商务座1张，二等座有票，一等座无票
- G89：北京西(15:00) → 西安北(19:12)，历时4小时12分，票价：商务座1815元/一等座922元/二等座577元，余票状态：二等座有票，其他无票
- G659：北京西(15:20) → 西安(21:00)，历时5小时40分，票价：商务座1722元/一等座875元/二等座547元，余票状态：商务座9张，一等座11张，二等座有票
- G661：北京西(16:15) → 西安北(21:57)，历时5小时42分，票价：商务座1722元/一等座875元/二等座547元，余票状态：商务座10张，一等座有票，二等座有票
- G663：北京西(16:45) → 西安北(22:14)，历时5小时29分，票价：商务座1722元/一等座824元/二等座515元，余票状态：商务座4张，二等座有票，一等座无票
- G665：北京西(17:08) → 西安(22:45)，历时5小时37分，票价：商务座1627元/一等座824元/二等座515元，余票状态：二等座有票，其他无票
- G59：北京西(19:00) → 西安北(23:11)，历时4小时11分，票价：商务座1722元/一等座875元/二等座547元，余票状态：商务座11张，二等座有票，一等座无票

### 动车(D字头)
- D1049：清河(10:11) → 西安北(18:21)，历时8小时10分，票价：一等座682元/二等座425元，余票状态：一等座有票，二等座有票，无座无票
- D1045：清河(11:41) → 西安北(18:57)，历时7小时16分，票价：一等座688元/二等座429元，余票状态：二等座有票，其他无票
- D1043：清河(16:42) → 西安北(23:40)，历时6小时58分，票价：一等座664元/二等座414元，余票状态：都有票
- D29：北京西(15:53) → 西安(03:42)，历时11小时49分，票价：二等座193元/二等卧303元/一等卧436元，余票状态：都有票
- D19：北京西(20:11) → 西安(07:55)，历时11小时44分，票价：二等座192元/二等卧300元/一等卧458元，余票状态：一等卧无票，其他有票
- D43：北京西(20:30) → 西安(08:23)，历时11小时53分，票价：二等座192元/二等卧300元/一等卧458元，余票状态：一等卧11张，其他有票

### 特快(T字头)
- T55：北京丰台(15:42) → 西安(04:59)，历时13小时17分，票价：硬卧398元/软卧148元/无座254元，余票状态：硬卧7张，无座有票，软卧无票
- T7：北京西(16:43) → 西安(05:42)，历时12小时59分，票价：硬卧422元/软卧156元/无座268元，余票状态：无座有票，其他无票
- T231：北京西(18:32) → 西安(07:35)，历时13小时03分，票价：硬卧398元/软卧148元/无座254元，余票状态：硬卧有票，无座有票，软卧无票
- T41：北京西(18:46) → 西安(08:01)，历时13小时15分，票价：硬卧422元/软卧156元/无座268元，余票状态：硬卧有票，软卧1张，无座有票

### 直达特快(Z字头)
- Z151：北京西(15:59) → 西安(03:48)，历时11小时49分，票价：硬卧254元/软卧398元/无座148元，余票状态：无座有票，其他无票
- Z179：北京西(18:26) → 西安(06:51)，历时12小时25分，票价：硬卧254元/软卧398元/无座148元，余票状态：无座有票，其他无票

### 快速(K字头)
- K545：北京(12:50) → 西安(06:18)，历时17小时28分，票价：硬卧268元/软卧422元/无座156元，余票状态：硬卧1张，其他无票
- K545（重复车次）：北京西(13:40) → 西安(06:18)，历时16小时38分，票价：硬卧268元/软卧422元/无座156元，余票状态：全无票

## 中转方案数据
### 早晨出发方案（06:00-08:00出发）
- 方案A1：首程G559 北京西(06:15)→郑州东(09:05)，换乘75分钟，次程G651 郑州东(10:06)→西安北(12:20)，总时长6小时5分钟，总票价548元
- 方案A2：首程G511 北京西(06:20)→郑州东(10:06)，换乘34分钟，次程G1833 郑州东(10:55)→西安北(13:08)，总时长6小时48分钟，总票价548元
- 方案A3：首程G651 北京丰台(06:39)→郑州东(10:02)，换乘30分钟，次程G2003 郑州东(10:12)→西安北(12:10)，总时长5小时31分钟，总票价545元
- 方案A4：首程G51 北京西(06:55)→郑州东(09:16)，换乘68分钟，次程G91 郑州东(10:18)→西安北(12:06)，总时长5小时11分钟，总票价580元
- 方案A5：首程G87 北京西(07:00)→郑州东(09:21)，换乘69分钟，次程G91 郑州东(10:18)→西安北(12:06)，总时长5小时6分钟，总票价610元
- 方案A6：首程G75 北京西(07:05)→郑州东(09:23)，换乘67分钟，次程G91 郑州东(10:18)→西安北(12:06)，总时长5小时1分钟，总票价580元
- 方案A7：首程G77 北京西(08:00)→郑州东(10:18)，换乘37分钟，次程G1833 郑州东(10:55)→西安北(13:08)，总时长5小时8分钟，总票价610元

### 上午出发方案（08:00-12:00出发）
- 方案B1：首程G671 北京西(08:13)→郑州东(11:55)，换乘32分钟，次程G1887 郑州东(11:44)→西安北(13:56)，总时长5小时43分钟，总票价610元
- 方案B2：首程G1591 北京西(08:26)→郑州东(11:46)，换乘32分钟，次程G671 郑州东(11:58)→西安北(14:09)，总时长5小时43分钟，总票价580元
- 方案B3：首程G93 北京西(09:00)→郑州东(11:21)，换乘34分钟，次程G1803 郑州东(11:26)→西安北(13:47)，总时长4小时47分钟，总票价610元
- 方案B4：首程G67 北京西(09:05)→郑州东(11:16)，换乘49分钟，次程G1887 郑州东(11:44)→西安北(13:56)，总时长4小时51分钟，总票价580元
- 方案B5：首程G55 北京西(09:55)→郑州东(12:16)，换乘32分钟，次程G2051 郑州东(12:03)→西安北(13:57)，总时长4小时2分钟，总票价610元
- 方案B6：首程G79 北京西(10:00)→郑州东(12:18)，换乘31分钟，次程G55 郑州东(12:19)→西安北(14:05)，总时长4小时5分钟，总票价610元
- 方案B7：首程G73 北京西(11:00)→郑州东(13:27)，换乘31分钟，次程G1975 郑州东(12:24)→西安北(14:30)，总时长3小时30分钟，总票价610元

### 中午出发方案（12:00-14:00出发）
- 方案C1：首程G667 北京西(12:55)→郑州东(15:14)，换乘33分钟，次程G667 郑州东(15:17)→西安北(17:08)，总时长4小时13分钟，总票价580元
- 方案C2：首程G811 北京西(13:00)→郑州东(15:18)，换乘33分钟，次程G2087 郑州东(15:51)→西安北(17:56)，总时长4小时56分钟，总票价610元
- 方案C3：首程G801 北京西(13:05)→郑州东(15:23)，换乘31分钟，次程G2145 郑州东(15:24)→西安北(17:26)，总时长4小时21分钟，总票价610元
- 方案C4：首程G685 北京西(13:15)→郑州东(16:49)，换乘31分钟，次程G685 郑州东(16:55)→西安北(19:04)，总时长5小时49分钟，总票价580元

### 下午出发方案（14:00-17:00出发）
- 方案D1：首程G81 北京西(14:00)→郑州东(16:26)，换乘34分钟，次程G2685 郑州东(17:00)→西安北(19:04)，总时长5小时4分钟，总票价610元
- 方案D2：首程G57 北京西(14:05)→郑州东(16:32)，换乘33分钟，次程G3185 郑州东(16:40)→西安北(18:45)，总时长4小时40分钟，总票价580元
- 方案D3：首程G89 北京西(15:00)→郑州东(17:20)，换乘31分钟，次程G1929 郑州东(17:44)→西安北(19:56)，总时长4小时56分钟，总票价610元
- 方案D4：首程G53 北京西(15:05)→郑州东(17:25)，换乘33分钟，次程G89 郑州东(17:23)→西安北(19:12)，总时长4小时7分钟，总票价610元
- 方案D5：首程G659 北京西(15:20)→郑州东(18:32)，换乘30分钟，次程G1933 郑州东(18:30)→西安北(20:38)，总时长5小时18分钟，总票价580元
- 方案D6：首程G661 北京西(16:15)→郑州东(19:39)，换乘33分钟，次程G661 郑州东(19:42)→西安北(21:57)，总时长5小时42分钟，总票价580元

### 晚间出发方案（17:00-21:00出发）
- 方案E1：首程G663 北京西(16:45)→郑州东(20:07)，换乘35分钟，次程G663 郑州东(20:13)→西安北(22:14)，总时长5小时29分钟，总票价548元
- 方案E2：首程G895 北京西(16:55)→郑州东(19:14)，换乘37分钟，次程G1855 郑州东(19:17)→西安北(21:21)，总时长4小时26分钟，总票价610元
- 方案E3：首程G83 北京西(17:00)→郑州东(19:18)，换乘41分钟，次程G661 郑州东(19:42)→西安北(21:57)，总时长4小时57分钟，总票价580元
- 方案E4：首程G665 北京西(17:08)→郑州东(20:26)，换乘33分钟，次程G665 郑州东(20:29)→西安(22:45)，总时长5小时37分钟，总票价548元
- 方案E5：首程G59 北京西(19:00)→郑州东(21:21)，换乘31分钟，次程G59 郑州东(21:24)→西安北(23:11)，总时长4小时11分钟，总票价580元

### 夜间/卧铺中转方案（20:00以后出发）
- 方案F1：首程D19 北京西(20:11)→郑州(07:49)，换乘39分钟，次程G2001 郑州(07:48)→西安北(10:16)，总时长14小时5分钟，总票价532元
- 方案F2：首程D43 北京西(20:30)→郑州(08:23)，换乘37分钟，次程G2021 郑州东(08:39)→西安北(10:54)，总时长14小时24分钟，总票价539元

## 推荐方案
1. 最佳时间方案：方案B5（G55+G2051），总时长4小时2分钟，接近直达最快车次G55的4小时10分钟，二等座总价610元。
2. 最佳价格方案：方案A1和A2，二等座总价548元，比直达最低价的G2455（454元）贵94元，但比G87等热门车次（577元）便宜29元。
3. 最佳综合方案：方案A4（G51+G91），总时长5小时11分钟，换乘时间68分钟充裕，二等座总价580元，早晨出发中午到达，全程高铁舒适度高。

## 注意事项
1. 所有时刻均为当地时间
2. 中转方案换乘时间建议预留至少30分钟
3. 票价和余票信息可能会变动，请以12306官方信息为准
4. 部分列车席别可能已售罄
5. 中转方案需要分别购买两段车票
6. 高铁车次主要停靠西安北站，普速列车多停靠西安站
7. 中转方案存在首程列车延误风险，可能导致错过次程列车

## 技术要求
1. 使用HTML5、CSS3和JavaScript实现
2. 代码应当简洁、高效
3. 确保在主流浏览器中正常显示
4. 优雅降级，保证基本功能在不支持JavaScript的环境中可用
5. 用户友好的错误处理机制

请根据以上要求，生成完整的HTML代码，创建一个美观、实用的列车时刻表可视化页面。

效果