设计一个创新灵感与创意分享平台网站界面原型，适用于服务于创意工作者、创业者及创新爱好者的通用领域。 设计风格：现代科技风格，强调创新、活力与专业感。 主题色：主色调采用 #9C27B0 (深紫色)，辅助色可选用柔和的浅灰色、白色以及少量亮蓝色或青色作为点缀，营造科技感和未来感。 核心组件需求： 1. 首页： * 突出醒目的Hero区域，包含引人注目的标题、简洁有力的副标题和行动号召按钮（例如“探索创意”、“发现灵感”）。 * 特色内容推荐板块：以卡片或轮播形式展示精选的创意灵感、创业项目、人工智能应用案例、软件开发技巧、销售策略、经验分享、哲学思考等多元化内容。 * 分类导航：清晰展示网站内容的主要分类，例如“灵感库”、“创业指南”、“技术前沿”、“经验之谈”、“哲学思辨”等，方便用户快速定位感兴趣的内容。 * 搜索栏：置于页面顶部或显眼位置，方便用户快速检索特定主题或关键词的创意内容。 * 底部页脚：包含网站信息、版权声明、联系方式、社交媒体链接等。 2. 内容展示页面： * 文章详情页：清晰展示文章标题、作者信息、发布日期、正文内容，并配以相关的图片、视频等多媒体元素。 * 专题页面：针对某一主题或领域，聚合相关的创意内容，以专题形式进行呈现。 * 案例库/项目展示页：以图文并茂的形式展示具体的创意案例、创业项目、软件产品等，突出创新点和价值。 3. 用户互动组件（可选，但建议考虑）： * 用户评论区：允许用户在内容下方进行评论和互动。 * 点赞/收藏/分享按钮：方便用户对感兴趣的内容进行互动和传播。 * 用户个人中心（简易版）：展示用户的浏览历史、收藏内容等。 额外设计要求： 1. 视觉效果： * 采用现代、扁平化或微拟物化的设计风格，营造专业且富有活力的视觉氛围。 * 运用科技感十足的视觉元素，例如线条、几何图形、渐变色、光影效果等，增强页面的科技感和未来感。 * 字体选择：选用现代、易读的非衬线字体，例如思源黑体、Roboto、Lato等，保证文字的清晰度和专业感。标题字体可以适当加粗或采用更具设计感的字体。 * 图片和图标：使用高质量、风格统一的图片和图标，提升页面的视觉品质和信息传达效率。 2. 布局与响应式： * 采用完全响应式布局，确保网站在桌面电脑、平板电脑和手机等不同尺寸的设备上均能完美呈现和流畅操作。 * 采用栅格系统进行页面布局，保证页面的结构清晰、模块化，易于扩展和维护。 * 重视视觉层次和信息架构的构建，运用色彩、大小、间距、排版等视觉元素引导用户的浏览路径，突出重要信息。 3. 用户体验（UX）设计： * 符合最新的用户体验设计规范，操作流程简洁直观，用户易于上手和使用。 * 导航清晰，信息架构合理，用户可以快速找到所需内容。 * 关键操作路径明确，行动号召按钮醒目，引导用户进行有效操作。 * 注重页面加载速度和性能优化，提升用户体验。 * 考虑无障碍访问性，确保不同用户群体都能顺利访问和使用网站。 4. 留白与间距： * 合理运用留白，保持页面的呼吸感和视觉平衡，避免页面过于拥挤和杂乱。 * 控制组件之间的间距，使页面元素之间既有区分度，又保持整体的协调性。 输出要求：使用html+tailwindcss+js输出完整的设计稿效果图，包含首页、内容展示页（文章详情页或案例展示页）的桌面端和移动端效果图。设计稿应清晰展示页面布局、组件样式、色彩搭配和交互效果，确保视觉效果和代码实现的一致性。