赛道：Prompt 作者：sia不是cia
WorkBuddy × Tencent EdgeOne AI Prompts × Skills 挑战赛 参赛作品
| 字段 | 内容 |
|---|---|
| 作品名称 | 花语世界 |
| 赛道 | Prompt |
| 作者 | sia不是cia |
作品名称："花语世界" 核心价值：让观众了解不同花种，融合东西方花卉文化，展现世界各国国花的魅力与珍稀花卉的神秘之美。 使用场景： 亮点：网站采用优雅的视觉设计与流畅的效果，营造沉浸式的花卉观赏体验。
一、项目概述
创建一个以"花语世界"为主题的精美鲜花展示网站，融合东西方花卉文化，展现世界各国国花的魅力与珍稀花卉的神秘之美。网站采用优雅的视觉设计与流畅的动画效果，营造沉浸式的花卉观赏体验。
Install this skill: https://github.com/TencentEdgeOne/edgeone-pages-skills， then deploy to EdgeOne Pages.
二、整体设计风格
2.1 视觉定位
设计风格：新拟态与极简主义的融合，打造优雅清新的花卉主题网站
配色方案：
主色调：#F8E1E7（樱花粉）、#E8F5E9（翠叶绿）
辅助色：#FFF8E1（暖阳金）、#F3E5F5（紫罗兰）
强调色：#E91E63（玫瑰红）、#9C27B0（兰花紫）
背景色：渐变花瓣色系（从浅粉到淡紫）
文字色：#2C3E50（深墨色）、#5D4037（大地棕）
2.2 排版布局
字体选择：
中文标题：思源宋体 / Noto Serif SC
正文字体：思源黑体 / Noto Sans SC
英文装饰：Cinzel / Playfair Display
响应式断点：
桌面端：1200px 以上（4 列网格）
平板端：768px-1199px（2 列网格）
移动端：< 768px（单列瀑布流）
2.3 背景动效
花瓣飘落动画：樱花、桃花、玫瑰花瓣随机飘落
粒子效果：淡粉色光点随鼠标移动产生微光效果
渐变呼吸：背景色随时间缓慢变换（晨曦橙→午后粉→黄昏紫→夜幕蓝）
视差滚动：背景花瓣与前景内容产生视觉层次
三、导航结构
3.1 顶部导航栏
固定在页面顶部，滚动时添加毛玻璃效果
Logo + 网站名称
导航链接：首页 | 国花世界 | 稀有花种 | 关于花语
搜索功能（可按国家、花名搜索）
3.2 Tab 切换系统
顶部大 Tab：国花世界 / 稀有花种
页面内平滑滚动切换，无需刷新
四、国花世界页面
4.1 国家分类展示
亚洲地区
国家国花名称学名花语文化意义
中国牡丹Paeonia suffruticosa富贵吉祥、繁荣昌盛花中之王，象征国家兴旺
日本樱花Prunus serrulata生命之美、爱情与希望武士道精神，短暂而绚烂
韩国木槿Hibiscus syriacus坚韧永恒、美丽热情象征民族精神，永不放弃
印度莲花Nelumbo nucifera纯洁神圣、超脱轮回佛教圣花，纯净心灵
泰国素馨兰Vanda卓越优雅、幸福吉祥皇家花卉，高贵典雅
欧洲地区
国家国花名称学名花语文化意义
英国玫瑰Rosa爱情与美丽、荣誉与信仰皇室象征，浪漫永恒
法国鸢尾花Iris germanica光明与自由、智慧与信念皇权象征，法兰西精神
德国矢车菊Centaurea cyanus优雅与幸福、报恩日耳曼民族之花
荷兰郁金香Tulipa gesneriana爱的告白、永恒的祝福财富与尊荣的象征
俄罗斯向日葵Helianthus annuus忠诚与光辉、追随阳光象征光明与希望
美洲地区
国家国花名称学名花语文化意义
美国玫瑰Rosa爱国与勇气、自由与民主1986年正式认定为国花
巴西毛蟹爪莲Schlumbergera吉祥如意、鸿运当头热带风情，节庆之花
4.2 国花卡片设计
卡片尺寸：320px × 420px
卡片内容：
高清国花图片（使用 national-flowers 文件夹中的图片）
国旗图标
国家名称（中英文）
花朵名称与学名
花语详解（150字左右）
文化背景简述
交互效果：
悬停时 3D 翻转，显示花语详细解释
点击展开模态框，查看完整介绍
4.3 详细页面内容
每个国花需要包含以下完整信息：
花之档案