# 总体目标

我想要你帮我创建一个智能的“清凉觅境”(Cool-cation Planner)网页App。这个App的主要功能是，让用户根据自己偏好的旅行日期和舒适的温度范围，来发现全球范围内最适合的度假目的地。

  

# 界面元素 (UI Elements)

1.  **应用标题：** 页面顶部有一个清晰的标题，例如：“清凉觅境：您的专属温度旅行规划师”。

2.  **用户输入区域：**

    *   一个“出发日期”的日期选择器。

    *   一个“返程日期”的日期选择器。

    *   一个“最高理想温度”的数字输入框，**单位为摄氏度(°C)**，旁边最好有一个切换按钮，可以方便地转换为华氏度(°F)。

3.  **操作按钮：**

    *   一个主要的、醒目的“查找目的地”按钮。

    *   当结果显示后，出现一个“换一批”按钮。

4.  **结果展示区域：**

    *   一个用于显示推荐目的地列表的区域。

    *   在加载数据时，这里应该有一个“正在为您搜寻清凉之地...”的友好提示。

5.  **地图展示窗口：**

    *   一个用于显示地图的窗口，默认可以显示世界地图或保持空白。

  

# 核心功能与交互逻辑 (Functionality & Interaction)

1.  **默认值设定：**

    *   如果用户未输入最高温度，则**默认为 24°C** (约75°F)。

    *   如果用户未选择出发日期，则默认为今天的日期。

    *   如果用户未选择返程日期，则默认为与出发日期同一天。

2.  **查找功能：**

    *   当用户点击“查找目的地”按钮后，应用需要根据用户设定的日期范围和温度上限，利用可公开访问的全球历史气象数据，在全球范围内查找符合条件的目的地。

    *   返回一个包含 **5个** 推荐目的地的列表。

    *   如果找不到任何符合条件的目的地，应在结果区友好地提示：“未找到符合条件的目的地，请尝试放宽日期或温度限制哦！”

3.  **结果展示方式：**

    *   每个推荐目的地都应该以**卡片**的形式展示，信息清晰，包含：

        *   **城市和国家名称** (例如：冰岛，雷克雅未克)。

        *   **一句简短的推荐理由** (例如：“夏季凉爽，体验壮丽的冰川与瀑布”)。

4.  **地图交互：**

    *   当用户点击列表中的任何一个目的地卡片时，右侧的地图窗口应自动更新，将地图中心定位到该目的地的位置，并显示一个醒目的图钉标记。

5.  **“换一批”功能：**

    *   当用户点击“换一批”按钮时，应用应在**不改变现有搜索条件**的情况下，重新请求并展示另外5个不同的、符合条件的目的地。

  

# 设计风格与布局 (Design & Layout)

1.  **整体风格：** 希望是简洁、现代、清新的，可以使用让人感觉凉爽舒适的蓝色和白色作为主色调。

2.  **布局：** 建议采用左右分栏布局。左侧区域（约占1/3宽度）用于用户输入和结果列表展示；右侧区域（约占2/3宽度）用于地图展示。

3.  **响应式设计：** 在手机等小屏幕设备上，布局可以自动变为上下结构，上方为输入和结果，下方为地图。