南京自驾床车旅行攻略生成器 v5.0

触发条件

当用户提到以下关键词时自动触发：

• 南京自驾 / 自驾游 / 床车旅行 / 床车露营
• XX城市攻略 / 旅行计划 / 出游计划
• 露营地推荐 / 自驾路线

用户输入收集

使用 AskUserQuestion 工具收集以下信息：

1. 目的城市：用户想去哪个城市？
2. 游玩天数：计划玩几天？
3. 出行日期类型：
   • 周末（2天）
   • 小长假（3天，如清明、端午、中秋）
   • 黄金周（5-7天，如国庆、春节）
   • 工作日请假拼假
4. 同行人数：几个人出行？（影响费用估算）
5. 🆕 车辆类型：
   • 🚗 纯电动车（BEV）—— 需规划充电站，关注续航
   • 🔌 插电混动（PHEV）—— 短途用电长途用油，灵活
   • ⛽ 燃油车（ICE）—— 不涉及充电规划
   • 🔋 增程式（EREV）—— 类似插混，纯电续航通常更长
6. 🆕 续航里程（仅纯电/增程时必填）：车辆满电续航约多少km？
   • 如 400km / 500km / 600km / 700km+
   • 插混/燃油可跳过
7. 特殊需求（可选）：如带宠物、有小孩等

如果用户已在消息中提供了部分信息，直接使用，只询问缺失项。

🆕 车辆类型影响范围

车辆类型决定后续所有模块的输出差异：

🆕 用户自提地点收集

收集时机

在完成基本信息收集后，必须主动询问用户是否有想去的景点或餐厅：

"有没有特别想去的景点或者想吃的餐厅？可以直接告诉我名字，我来帮你查信息、排进行程里。没有的话我就按热门推荐来安排。"

收集方式

使用 AskUserQuestion 工具，提供以下选项：

1. 有想去的景点/餐厅 → 用户自由输入名称（可多个，用逗号或空格分隔）
2. 没有特别要求 → 按搜索推荐安排

用户自提地点的处理流程

用户提供的每个地点都需要经过以下步骤：

Step 1: 信息搜索

对用户提供的每个地点，使用 WebSearch 搜索详细信息：

搜索模板：
- 景点类："{地点名} 门票 开放时间 地址"、"{地点名} 攻略 游玩时长"
- 餐厅类："{地点名} 地址 人均 招牌菜 大众点评"、"{地点名} 怎么样 推荐"
- 通用坐标："{地点名} 经纬度 GPS坐标"、"{地点名} 地址 地图"
- 🆕 充电相关："{地点名} 充电桩 新能源 停车充电"（仅新能源车时搜索）

每个用户自提地点至少搜索2次，确保信息完整。

Step 2: 信息补全

从搜索结果中提取并补全以下字段（缺失的标注为"待确认"）：

Step 3: 来源标注

用户自提的地点使用特殊来源标签，与搜索推荐区分：

对应 CSS 样式：

.source-user-spot { background: #ede9fe; color: #7c3aed; }
.source-user-food { background: #fce7f3; color: #db2777; }
.source-user { background: #f0f9ff; color: #0369a1; }

🆕 智能补充推荐机制

设计理念

用户提供的地点往往不够充实（比如只提了2个景点1家店），导致攻略空洞。智能补充推荐确保每份攻略内容丰满、实用，遵循"互补不重复"原则：不与用户自提地点重复，优先填补地理/类型/时段空白。

内容密度最低标准

补充策略（5维度）

策略1：地理补缺

用户自提地点集中在某个区域时，补充其他区域的代表景点。

• 例：用户只提了连岛景区的地点 → 补充海州区的盐河巷/老街
• 搜索："{目的城市}{缺失区域}景点推荐 2025"

策略2：类型补全

用户只提景点没提餐厅，或只提餐厅没提景点时，补全缺失类型。

• 例：用户提了3个景点但没提餐厅 → 搜索景点附近的必吃餐厅
• 搜索："{用户景点名}附近美食推荐"、"{用户景点名}周边餐厅 大众点评"

策略3：节奏优化

行程中有大段空闲时间（>3小时无安排），补充轻量级活动填充。

• 例：下午3点游完景点到6点晚餐之间有空 → 补充逛老街/喝咖啡/看日落
• 搜索："{目的城市}老街 步行街 逛街"、"{目的城市}咖啡店 打卡推荐"

策略4：时段填充

补充适合特定时段的活动，让行程从早到晚都有安排。

• 清晨：看日出/晨跑/早市觅食
• 傍晚：看日落/海边散步/登高远眺
• 夜间：夜市/夜景/夜游/烧烤
• 搜索："{目的城市}看日出 最佳地点"、"{目的城市}夜市 夜景 2025"

策略5：体验升级

补充用户可能不知道的特色体验，增加攻略独特性。

• 例：新能源V2L海边煮茶、渔港看渔船归港、赶海拾贝、海鲜市场代加工
• 搜索："{目的城市}特色体验 活动 2025"、"{目的城市}赶海 捡贝壳 体验"

补充执行流程

智能补充流程（在用户自提地点信息搜索完成后执行）：

Step A: 密度评估
  For each day:
    1. 统计用户自提的景点数(N_spot)、餐厅数(N_food)、体验数(N_exp)
    2. 对照密度最低标准，标记缺失项
    3. 汇总所有缺失项为"补充任务清单"

Step B: 区域分析
  1. 将用户自提地点在地图上标注，识别覆盖了哪些区域
  2. 标记"空白区域"——用户完全未涉及的区域
  3. 标记"薄弱区域"——用户只涉及1个地点的区域

Step C: 补充搜索
  For each 补充任务:
    1. 按策略优先级搜索：地理补缺 > 类型补全 > 时段填充 > 节奏优化 > 体验升级
    2. 每个缺失项至少搜索2次，交叉验证
    3. 补充地点同样需要获取经纬度坐标

Step D: 补充筛选
  1. 去重：排除与用户自提地点重复的推荐
  2. 质量过滤：优先选择多源验证的推荐（如同时出现在小红书+大众点评）
  3. 距离优先：补充地点优先选在用户已有地点附近（减少路程）
  4. 数量控制：每个缺失项补充1-2个，不超过3个（避免推荐过载）
  5. 标记来源为 🔵 智能推荐

补充地点信息标准

补充推荐地点与用户自提地点走相同的搜索+信息补全流程，但有以下差异：

补充来源标注

对应 CSS 样式：

.source-ai-spot { background: #dbeafe; color: #2563eb; }
.source-ai-food { background: #fef3c7; color: #b45309; }
.source-ai-exp { background: #d1fae5; color: #047857; }

补充推荐在攻略中的展示

    
🍜 美食攻略
    
    
👤 我想吃的
    
...

    
    
🔵 附近还有这些好吃的
    

        
军民海鲜楼 🟤 智能推荐 🟠 大众点评必吃榜
        
📍 连云区墟沟海鲜美食城 | 💰 人均120元
        
📝 招牌：蒜蓉粉丝蒸扇贝、清蒸石斑鱼
    
    ...

信息搜集流程

必须使用 WebSearch 工具联网搜索以下信息，确保攻略时效性和准确性：

搜索关键词模板

1. 路线信息："南京到{目的城市}自驾路线 高速费用 公里数"
2. 美食推荐（多源交叉验证）：
   - 小红书："{目的城市}美食攻略 小红书 必吃 2025"、"{目的城市}美食 猴儿甜 乌啦啦 小红书推荐"
   - 大众点评："{目的城市}大众点评 必吃榜 高分餐厅 2025"、"{目的城市}美食 大众点评必吃榜"
   - 抖音博主："{目的城市}美食 抖音博主推荐 2025"、"{目的城市}美食探店 抖音"
3. 露营地："{目的城市}床车露营地 停车场过夜 24小时卫生间"、"{目的城市}房车营地 露营地推荐"
4. 景点打卡："{目的城市}拍照打卡点 网红景点 门票价格"、"{目的城市}小众景点 隐藏打卡点"
5. 沿途景点："南京到{目的城市}沿途景点 经过哪些城市"
6. 地理坐标（关键！）：
   - "{目的城市}主要景点 经纬度 坐标"
   - "{景点名} 地址 经度 纬度"
   - 通过 WebSearch 搜索每个打卡点和露营地的经纬度坐标
7. 用户自提地点：按上文"用户自提地点的处理流程"执行
8. 🆕 充电站规划（仅新能源车）：
   - "{目的城市} 充电站 新能源 充电桩分布"
   - "南京到{目的城市} 高速充电站 服务区"
   - "{目的城市} 超充站 直流快充 800V"
   - "{露营地名称} 充电桩 新能源"
   - "{景区名称} 停车场 充电桩"
   - "{商场名称} 充电桩 停车充电"（嘉瑞宝等商场是否有充电桩）
9. 🆕 智能补充推荐（按需搜索，仅在密度不足时）：
   - 景点补充："{目的城市}{缺失区域}景点推荐 2025"、"{目的城市}必去景点 本地人推荐"
   - 美食补充："{目的城市}{缺失区域}美食推荐 2025"、"{目的城市}必吃餐厅 本地人去"
   - 隐藏打卡："{目的城市}小众景点 隐藏打卡 2025"、"{目的城市}拍照好看的地方 本地人私藏"
   - 特色体验："{目的城市}特色体验 活动 2025"、"{目的城市}海边/夜市/看日出 体验"
   - 餐饮补全："{用户景点名}附近美食推荐"、"{用户景点名}周边餐厅 大众点评"
   - 时段填充："{目的城市}看日出 最佳地点"、"{目的城市}夜市 夜景 2025"
   - 节奏补充："{目的城市}老街 步行街 逛街"、"{目的城市}咖啡店 打卡推荐"

每个类别至少搜索2-3次，使用 WebFetch 获取搜索结果页面的详细内容。

📍 坐标信息获取（地图标注必备）

每个打卡点、露营地、推荐餐厅、用户自提地点、🆕充电站都必须获取经纬度坐标，方法：

1. 优先 WebSearch 搜索：搜索 "XX景点 经纬度" 或 "XX 地址 GPS坐标"
2. 使用 WebFetch 获取：从地图类页面（百度地图、高德地图页面等）提取坐标
3. 兜底方案：根据目的地城市名称，使用该城市中心坐标作为大致标注；如果是知名景点/地标，根据常识判断大致位置
4. 坐标格式：统一使用 纬度,经度 格式（如连岛：34.7586,119.4665）

🆕 充电站信息采集标准

充电站搜索结果需提取以下字段：

美食信息多源验证规则

美食推荐必须标注信息来源，增强可信度：

每家餐厅至少标注一个来源，多个来源更佳。

🆕 智能路线规划（核心优化）

设计原则

路线规划必须遵循以下原则，避免走回头路：

1. 区域聚合：将所有地点按地理位置聚类，同区域的地点安排在同一天
2. 顺路编排：同一天内，地点按地理位置从近到远依次排列，形成一条单向路径
3. 餐饮嵌入：餐厅安排在临近景点附近，用餐时间自然嵌入行程
4. 露营就近：露营地选在当天最后游览的区域附近，避免跨区赶夜路
5. 用户优先：用户自提地点必须纳入行程，且标注为"必去"优先级
6. 🆕 续航约束：纯电/增程车每日行程不超过续航70%，超限则插入充电站
7. 🆕 充电嵌入：充电站选在景点/商场停车场，充电等待时间与游玩/用餐重叠

区域聚合算法

Step 1: 收集所有地点坐标

将所有地点（搜索推荐 + 用户自提 + 🆕充电站）汇总为一个地点池：

地点池 = [
    { name: "连岛大沙湾", type: "scenic", lat: 34.768, lng: 119.448, duration: 2, must: false, hasCharger: true, source: "search" },
    { name: "花果山", type: "scenic", lat: 34.628, lng: 119.278, duration: 4, must: false, hasCharger: false, source: "search" },
    { name: "军民海鲜楼", type: "food", lat: 34.751, lng: 119.366, duration: 1, must: false, hasCharger: false, source: "ai" },
    { name: "用户自提景点", type: "scenic", lat: xx, lng: xx, duration: xx, must: true, hasCharger: xx, source: "user" },
    { name: "🆕 嘉瑞宝充电站", type: "charge", lat: xx, lng: xx, duration: 0.75, power: "120kW", plugs: 4, source: "search" },
    ...
]
]

must: true 表示用户指定地点，不可删除。source 标记来源：user(用户自提) / ai(智能补充) / search(常规搜索)。🆕 hasCharger 标记是否有充电桩。

🆕 裁剪优先级：当时间超载需要裁剪时，按以下顺序裁剪：

1. 🔵 智能补充推荐（source: "ai", must: false）— 最先裁剪
2. 常规搜索推荐（source: "search", must: false）
3. 👤 用户自提（source: "user", must: true）— 不可裁剪

Step 2: 按行政区域/地理距离聚类

根据地点的经纬度，将地点划分为区域。划分方法：

方法A - 按行政区划（优先）：

• 搜索 "{目的城市} 行政区划" 获取各区名称
• 根据地点坐标判断所属区域（经验判断：同区一般经度差 < 0.05 或 纬度差 < 0.05）

方法B - 按距离聚类（兜底）：

• 计算所有地点两两之间的距离（使用 Haversine 公式估算）
• 距离 < 5km 的归为同一区域
• 孤立点归入最近的区域

区域命名示例：

• 连云区·海滨区域（连岛、老街、墟沟海鲜城）
• 海州区·城区区域（盐河巷、兄弟酒家、陇海步行街）
• 云台山区域（花果山、海上云台山）

Step 3: 每日行程分配

将区域分配到每天，遵循以下规则：

1. 按地理方向排列：从出发点到目的地方向，先经过的区域排前面
2. 同区域一天走完：同一区域的景点和餐厅安排在同一天
3. 时间预算：每天游玩时间约 8-10 小时（含用餐），确保不超载
4. 午餐就近：中午的餐厅必须选在上午景点附近
5. 晚餐+露营：晚餐选在当天最后景点附近，露营地选在晚餐附近

分配逻辑（伪代码）：

For each day:
    1. 选择一个区域（尚未安排的区域中离前一天结束点最近的）
    2. 将该区域的所有景点按地理位置从起点方向往远端排列
    3. 在景点之间自然嵌入用餐时间：
       - 11:30-13:00: 选离11点所在景点最近的餐厅
       - 17:30-19:00: 选离最后一个景点最近的餐厅
    4. 安排露营地在当天最后活动区域附近
    5. 检查时间是否超载，超载则将部分低优先级景点移至备选
    6. 🆕 内容密度检查：
       a. 统计当日景点数 ≥ 3？餐厅数 ≥ 2？有小众点？有特色体验？
       b. 不满足 → 触发"智能补充推荐"搜索（见"智能补充推荐机制"）
       c. 补充后的新地点重新纳入路线排序
       d. 再次检查时间是否超载，超载则裁剪 🔵智能补充 > 常规推荐 > ❌用户自提

🆕 Step 3.5: 续航里程检查（仅纯电/增程）

对纯电动车和增程式车辆，每日行程需通过续航检查：

Step 3.5: 续航里程检查
  For each day:
    1. 计算当日总行驶里程（出发点 → 各景点 → 露营地/返程）
    2. 如果当日里程 > 续航的70%（留30%余量）：
       a. 在路线中插入充电站作为停留点
       b. 充电站优先级：
          ① 景区/商场停车场充电桩（充电+游玩重叠，不浪费时间）
          ② 目的地城市快充站（用餐时间充电）
          ③ 高速服务区充电桩（长途中途补电）
       c. 充电时间块：快充约30-60分钟，超充约15-30分钟，慢充2-4小时
    3. 如果单段里程 > 续航的50%：
       a. 在该段中途插入高速服务区充电站
       b. 搜索 "南京到{目的城市} 途充电站 服务区"
    4. 远程路线续航评估示例（南京→连云港 约330km）：
       a. 纯电400km续航：中途服务区补电1次（约30min快充），充至80%
       b. 纯电500-600km续航：可直达，到达后当天补电
       c. 纯电700km+续航：直达无压力
       d. 插混/增程：无需中途充电，到达后充电即可
    5. 冬季续航打折：
       - 实际续航 = 标称续航 × 0.65（冬季低温+制热）
       - 重新计算所有里程约束

Step 4: 同日路线排序（不走回头路）

同一天内的地点，按以下规则排序：

1. 计算当天出发点到所有待访地点的距离
2. 选择离出发点最近的地点作为第一站
3. 从当前站出发，选择离当前站最近且未访问的地点作为下一站（最近邻算法）
4. 重复直到所有地点访问完毕
5. 最后一个景点后接晚餐，晚餐后接露营地
6. 🆕 充电站排在最近的景点/商场附近，充电等待时间与游玩重叠

这确保了路线呈单向扇形展开，不会折返。

Step 5: 路线合理性检查

生成路线后进行以下检查：

• ❌ 折返检测：如果连续两个地点的行车方向夹角 > 120°，说明在走回头路，需要调整顺序
• ❌ 跨区跳跃：如果同一天内两个连续地点距离 > 15km 且跨区域，考虑调整分配
• ❌ 时间冲突：如果一天总游玩时间 > 10小时，需要裁剪低优先级景点到"备选推荐"
• ✅ 用户自提保底：用户指定的地点即使导致路线不完美也必须保留，但可以通过提醒告知用户
• 🆕 ❌ 续航不足：如果纯电车当日里程超续航70%且无可用充电站，发出续航警告并建议调整行程
• 🆕 ❌ 内容密度不足：如果某天景点<3个或餐厅<2家，触发智能补充推荐搜索

路线描述格式

路线规划区域应展示以下内容：

1. 区域地图概览：用不同颜色的区域高亮显示每天的游玩范围
2. 路线总览表（🆕 含充电安排列）：

| 天数 | 游玩区域 | 主要景点 | 餐饮安排 | 露营地 | 行车里程 | 🆕 充电安排 |
|------|---------|---------|---------|--------|---------|------------|
| Day1 | 连云区·海滨 | 连岛→老街 | 午:墟沟海鲜 晚:盐河巷 | 连岛停车场 | 约35km | 景区慢充 |
| Day2 | 云台山+海州区 | 花果山→兄弟酒家 | 午:兄弟酒家 | - | 约25km | 出发前补满 |

3. 路线合理性说明：
   • "Day1 集中在连云区海滨，连岛→老街→墟沟一路顺路不走回头路"
   • "Day2 从连岛出发开车25分钟到花果山，游完下山去海州区吃午餐后出发"
   • 🆕 "全程330km，纯电500km续航可直达，到达后在嘉瑞宝广场补电"

攻略输出格式

输出为 HTML 文件

攻略必须以 精美 HTML 页面 的形式输出，保存为 {目的城市}自驾攻略.html，然后使用 preview_url 工具预览展示。

HTML 页面结构

HTML 页面必须包含以下部分，按顺序展示：

1. 攻略头图区：城市名 + 攻略标题 + 基本信息（出发地、天数、类型、🆕车辆类型）
2. 🗺️ 交互式地图（核心亮点）：使用 Leaflet.js 渲染地图，标注所有地点
   • 用户自提地点用紫色/粉色边框标记，与搜索推荐区分
   • 同一天的地点用区域高亮圈显示
   • 🆕 充电站用橙色⚡标记
3. 🛣️ 路线规划：区域聚合说明 + 每日路线总览表（🆕含充电安排） + 路线合理性说明
4. 🍜 美食攻略：必吃餐厅（含来源标注）+ 用户指定餐厅（特殊标注）+ 特色小吃
5. 🏕️ 露营攻略：🆕新能源床车优势 + 露营地详情（🆕标注充电桩信息）+ 备选方案
6. 🚗 每日行程：逐日时间表（按优化后的路线顺序，🆕含充电时间块）
7. 📸 打卡点：必打卡 + 用户指定打卡点 + 隐藏打卡点
8. 🎒 准备清单：分类 checklist（🆕含新能源专属分类）
9. 💰 费用预估：总览表格（🆕双模式：电费/油费）
10. ⚠️ 注意事项（🆕含新能源专属提醒）+ 季节提醒

🗺️ 交互式地图实现规范

必须使用 Leaflet.js（开源免费，无需API Key）：

地图配置

• 底图：使用高德瓦片地图（中文标注，中国区域更清晰）：

  L.tileLayer('https://webrd0{s}.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}', {
      subdomains: ['1', '2', '3', '4'],
      maxZoom: 18,
      attribution: '© 高德地图'
  })
  

  备选底图（OpenStreetMap）：

  L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
      maxZoom: 18
  })
  

• 默认视角：以目的城市为中心，zoom 级别 11-12

• 地图大小：宽度100%，高度 500px

标注点分类与图标

使用不同颜色的 Marker 区分地点类型：

使用 Leaflet 的 L.divIcon 创建自定义图标：

// 景点图标（蓝色）
const spotIcon = L.divIcon({
    className: 'custom-marker',
    html: '
🏔️
',
    iconSize: [32, 32],
    iconAnchor: [16, 16],
    popupAnchor: [0, -18]
});

// 🆕 充电站图标（橙色）
const chargeIcon = L.divIcon({
    className: 'custom-marker',
    html: '
⚡
',
    iconSize: [32, 32],
    iconAnchor: [16, 16],
    popupAnchor: [0, -18]
});

// 用户指定景点图标（紫色+角标）
const userSpotIcon = L.divIcon({
    className: 'custom-marker',
    html: `

        
⭐
        
必
    
`,
    iconSize: [36, 36],
    iconAnchor: [18, 18],
    popupAnchor: [0, -20]
});

// 用户指定餐厅图标（粉色+角标）
const userFoodIcon = L.divIcon({
    className: 'custom-marker',
    html: `

        
🍴
        
必
    
`,
    iconSize: [36, 36],
    iconAnchor: [18, 18],
    popupAnchor: [0, -20]
});

区域高亮圈

为同一天的地点绘制区域范围圈，帮助用户直观理解路线聚合：

// Day1 区域圈（连云区海滨）
const day1Circle = L.circle([34.76, 119.44], {
    radius: 3000,  // 3km半径
    color: '#3b82f6',
    fillColor: '#3b82f6',
    fillOpacity: 0.08,
    weight: 1,
    dashArray: '5, 5'
}).addTo(map);
day1Circle.bindPopup('📅 Day1 区域：连云区·海滨');

每个标注点的 Popup 信息

点击标记弹出信息卡片，包含：

L.marker([纬度, 经度], {icon: spotIcon})
    .addTo(map)
    .bindPopup(`
        

            
🏔️ 景点名称
            
📍 地址信息
            
🎫 门票：XX元
            
📝 简要介绍
            
⏰ 最佳时间：XX
        
    `);

// 🆕 充电站 Popup
L.marker([纬度, 经度], {icon: chargeIcon})
    .addTo(map)
    .bindPopup(`
        

            
⚡ 充电站名称
            
📍 地址信息
            
🔌 类型：直流快充 / 慢充 / 超充
            
⚡ 桩数：X桩 | 功率：XXXkW
            
💰 费用：X.X元/度 + 服务费X.X元/度
            
🕐 营业：24小时 / 08:00-22:00
        
    `);

// 用户自提地点 Popup（带"用户指定"标签）
L.marker([纬度, 经度], {icon: userSpotIcon})
    .addTo(map)
    .bindPopup(`
        

            
⭐ 景点名称 👤 我想去
            
📍 地址信息
            
🎫 门票：XX元
            
📝 简要介绍
            
⏰ 最佳时间：XX
        
    `);

地图图例

地图右下角添加图例，说明各标记含义：

const legend = L.control({position: 'bottomright'});
legend.onAdd = function(map) {
    const div = L.DomUtil.create('div', 'map-legend');
    div.innerHTML = `
        

            
📍 图例
            
🏔️ 景点打卡点
            
🍜 美食餐厅
            
🏕️ 露营地
            
⛽ 沿途休息点
            
⚡ 充电站
            
⭐ 用户指定景点
            
🍴 用户指定餐厅
        
    `;
    return div;
};
legend.addTo(map);

路线连线

用折线连接同一天的行程点，不同天用不同颜色：

// Day 1 路线（蓝色虚线）
const day1Points = [
    [出发点纬度, 出发点经度],
    [景点1纬度, 景点1经度],
    [景点2纬度, 景点2经度],
    [露营点纬度, 露营点经度]
];
L.polyline(day1Points, {color: '#3b82f6', weight: 3, dashArray: '10, 6', opacity: 0.7})
    .addTo(map)
    .bindPopup('Day 1 行车路线');

HTML 样式规范

• 整体风格：清新旅行风，主色调蓝色+橙色，圆角卡片式布局
• 字体：系统字体栈 -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif
• 最大宽度：960px，居中显示
• 卡片样式：白色背景，圆角 12px，柔和阴影 box-shadow: 0 2px 12px rgba(0,0,0,0.08)
• 响应式：手机端友好，字体/间距自适应

用户自提地点样式

用户指定的景点/餐厅在攻略中有特殊视觉标识：

/* 用户指定来源标签 */
.source-user-spot { background: #ede9fe; color: #7c3aed; }
.source-user-food { background: #fce7f3; color: #db2777; }
.source-user { background: #f0f9ff; color: #0369a1; }

/* 用户指定景点卡片 - 紫色左边框 */
.user-spot { border-left: 4px solid #7c3aed; padding: 12px 16px; margin-bottom: 12px; background: #faf5ff; border-radius: 0 8px 8px 0; }
.user-spot h4::after { content: ' ⭐必去'; font-size: 12px; color: #7c3aed; font-weight: normal; }

/* 用户指定餐厅卡片 - 粉色左边框 */
.user-food { border-left: 4px solid #db2777; padding: 12px 16px; margin-bottom: 12px; background: #fdf2f8; border-radius: 0 8px 8px 0; }
.user-food h4::after { content: ' 🍴必吃'; font-size: 12px; color: #db2777; font-weight: normal; }

/* 路线合理性说明 */
.route-note { background: #f0fdf4; border: 1px solid #bbf7d0; border-radius: 8px; padding: 12px 16px; margin-top: 12px; font-size: 14px; color: #166534; }
.route-note .note-icon { margin-right: 6px; }

🆕 新能源床车优势样式

/* 新能源床车优势区域 */
.ev-camp-advantage { background: linear-gradient(135deg, #ecfdf5, #f0fdf4); border: 2px solid #86efac; border-radius: 10px; padding: 16px; margin-bottom: 12px; }
.ev-camp-advantage h4 { color: #166534; margin-bottom: 8px; font-size: 16px; }
.ev-camp-advantage li { font-size: 14px; color: #334155; margin: 6px 0; line-height: 1.6; }

🆕 充电时间块样式

/* 行程时间表 */
.timeline-item.charge::before { background: #f97316; box-shadow: 0 0 0 2px #fdba74; }

/* 充电站卡片 */
.charge-card { border-left: 4px solid #f97316; padding: 12px 16px; margin-bottom: 12px; background: #fff7ed; border-radius: 0 8px 8px 0; }
.charge-card h4 { font-size: 16px; margin-bottom: 6px; }
.charge-card p { font-size: 13px; color: #555; margin: 3px 0; }

/* 续航提醒 */
.range-warning { background: #fff7ed; border: 1px solid #fed7aa; border-radius: 8px; padding: 12px 16px; margin-top: 12px; font-size: 14px; color: #9a3412; }

路线规划区域内容

路线规划卡片中应包含以下内容：

    📍 路线设计说明：所有打卡点按区域聚合排列，同区域景点安排在同一天，避免来回折返。

    🆕 🔋 续航规划：纯电500km续航，全程330km可直达，到达后当日补电即可。




    ⚠️ 续航提醒：当日里程约350km，超过续航70%（350km），建议中途服务区补电30分钟。




    
📅 Day 1 · 连云区·海滨区域
    
🏖️ 连岛 → 🏘️ 老街 → 🦀 墟沟海鲜 → ⚡ 嘉瑞宝充电 → 🏮 盐河巷
    
一路向南不走回头路，全程约35km | 🆕 嘉瑞宝补电45min

🆕 费用预估 · 双模式

新能源车（纯电/增程）费用表格模板：

    
💰 费用预估（2人 · 🔋纯电）
    

        
项目
明细
费用
        

            
🚗 高速费（往返）
G25+G15 约330km×2
约320元
            
⚡ 电费（家充出发）
出发前家充约15度 × 0.55元
约8元
            
⚡ 电费（公共快充）
目的地补电约40度 × 1.5元
约60元
            
⚡ 电费（高速快充）
中途补电约20度 × 1.8元
约36元
            
🎫 景点门票
XX元/人 × 2
约XX元
            
        
    
    

        
2人预估总费用
        
约 1,000 - 1,300 元
        
🔋 比油车节省约 300-500 元油费！
    

燃油车费用表格模板（保持原有逻辑不变）：

    
💰 费用预估（2人 · ⛽燃油）
    

        
项目
明细
费用
        

            
🚗 高速费（往返）
G25+G15 约330km×2
约320元
            
⛽ 油费（往返）
约660km × 0.6元/km
约400元
            
        
    

电费估算参考

百公里耗电参考：纯电轿车12-15度/100km，纯电SUV 16-20度/100km

HTML 模板框架