CSS提示词

使用 HTML5、CSS3 和 JavaScript 构建一个交互式打字速度测试。创建一个包含文本显示和输入区域的简洁界面。实时实现 WPM 和准确率计算。添加难度级别并配以适当的文本选择。包含错误高亮和纠正跟踪。实现带有性能图表的测试历史记录。添加支持文本导入的自定义测试创建功能。包含显示按键的虚拟键盘显示。支持多种语言和键盘布局。为所有设备创建响应式设计。添加带有排行榜的竞赛模式。

使用 HTML5、CSS3 和 JavaScript 构建一个功能丰富的 Markdown 笔记应用。创建分屏界面，一侧为富文本编辑器，另一侧为实时 Markdown 预览。实现完整的 Markdown 语法支持，包括表格、带语法高亮的代码块和 LaTeX 公式。添加分层组织系统，包含嵌套分类、标签和收藏。包含强大的搜索功能，支持筛选和内容索引。使用 localStorage，并提供可选的导出/导入用于数据备份。支持将笔记导出为 PDF、HTML 和 Markdown 格式。实现可自定义的深色/浅色模式，并带有语法高亮主题。创建响应式布局，可适应不同屏幕尺寸并带有可折叠面板。为所有常用操作添加快捷键以提升效率。包含自动保存功能，并带有版本历史和恢复选项。

使用 HTML5、CSS3 和 JavaScript 开发一个全面的闪卡学习系统。创建一个直观的界面用于卡片创建和复习。实现间隔重复算法以优化学习。添加对卡片上文本、图像和音频的支持。包含使用牌组和标签的卡片分类。实现带表现跟踪的学习会话。添加带信心水平的自我评估。创建显示学习进度的统计仪表板。支持以标准格式导入/导出卡片牌组。实现键盘快捷键以实现高效复习。添加深色模式和可自定义主题。

使用 HTML5、CSS3、JavaScript 和 PDF.js 创建一个基于 Web 的 PDF 查看器。构建具有直观导航控件的简洁界面。实现带缩略图和轮廓视图的页面导航。添加带结果高亮的文本搜索。包含缩放和适应宽度/高度控件。实现文本选择和复制。添加注释工具，包括高亮、便笺和绘图。支持文档旋转和演示模式。包含带选项的打印功能。创建适用于所有设备的响应式设计。添加文档属性和元数据显示。

使用 HTML5、CSS3、JavaScript 和 OpenWeatherMap API 构建一个全面的天气仪表盘。创建一个视觉上吸引人的界面，显示当前天气状况，并根据天气/一天中的时间使用适当的图标和背景变化。显示详细的 5 天预报，每天带有可展开的逐小时细分。实现带自动补全和历史记录的位置搜索，支持城市名称和坐标。添加地理定位支持以自动检测用户位置。包含温度单位（°C/°F）和时间格式的切换开关。显示恶劣天气警报并进行优先高亮。显示详细的气象数据，包括风速/风向、湿度、气压、紫外线指数和空气质量（如有）。包含日出/日落时间及视觉指示器。使用 CSS Grid 创建完全响应式的布局，适应所有设备尺寸并具有适当的信息密度。

使用 HTML5、CSS3 和 JavaScript 创建一个习惯追踪应用。构建简洁的界面，展示每日、每周和每月视图。实现习惯创建功能，支持频率、提醒和目标。添加连续打卡追踪，配有视觉指示器和里程碑庆祝。包含详细的统计数据和进度图表。支持习惯分类和标签以便组织管理。实现日历集成以进行日程安排。添加数据可视化，展示模式和趋势。创建适用于所有设备的响应式设计。包含数据导出和备份功能。添加游戏化元素，包括成就和奖励。

使用 HTML5 Canvas、CSS3 和 JavaScript 开发一个基于网页的图像编辑器。创建包含工具面板和预览区域的专业界面。实现基本调整功能，包括亮度、对比度、饱和度和锐度。添加带有可自定义参数和预览的滤镜。包含裁剪和调整大小功能，并支持宽高比控制。实现文字叠加功能，支持字体选择和样式设置。添加形状绘制工具，支持填充和描边选项。包含图层管理功能，支持混合模式。支持以多种格式和质量导出图像。创建可适应屏幕尺寸的响应式设计。添加带历史状态记录的撤销/重做功能。

基于医学标准，使用 HTML5、CSS3 和 JavaScript 构建一个全面的健康指标计算器。创建一个简洁、无障碍的界面，包含分步输入表单。实现准确的 BMI 计算，并配有可视化分类量表和健康风险评估。添加体脂率计算器，支持多种方法（Navy、Jackson-Pollock、BIA 模拟）。使用多种公式（Hamwi、Devine、Robinson、Miller）计算理想体重范围。实现详细的热量需求计算器，包含 BMR（使用 Harris-Benedict、Mifflin-St Jeor 和 Katch-McArdle 方程）以及基于活动水平的 TDEE。根据计算出的指标提供个性化健康建议。支持公制和英制单位，并可无缝转换。存储用户档案和测量历史，并提供趋势可视化。生成显示随时间变化的交互式进度图表。创建可打印/可导出的 PDF 报告，包含所有指标和建议。

使用 HTML5、CSS3 和 JavaScript 开发一个全面的互动测验应用。创建具有吸引力且问题之间过渡流畅的 UI。支持多种题型，包括多项选择、判断题、匹配题和带自动评分的简答题。为每道题实现可配置的计时器，并带有可视化倒计时。添加详细的分数跟踪，根据难度和响应时间计算得分。显示指示完成百分比的动态进度条。包含复习模式，在测验完成后可查看正确/错误答案及解析。使用 localStorage 实现持久化排行榜。将问题按类别组织，并配有自定义图标和描述。支持多个难度级别，影响评分和时间限制。生成详细的结果摘要，包含表现分析和改进建议。添加结果社交分享功能，支持自定义消息。

使用 HTML5、CSS3、JavaScript 和可靠的汇率 API 开发一个全面的货币转换器。创建简洁直观的界面，包含醒目的输入字段和货币选择器。实现实时汇率，并带有显示数据新鲜度的时间戳指示器。支持 170 多种全球货币（包括加密货币），并配有适当的符号和格式。维护包含时间戳和汇率信息的转换历史记录。允许用户收藏常用货币对以便快速访问。生成可自定义日期范围的交互式历史汇率图表。使用缓存的汇率实现离线功能，并带有清晰的过期指示器。添加内置计算器，用于复杂转换和算术运算。为目标汇率创建汇率提醒，并可选通知。在可用时包含不同提供商汇率的并排比较。支持以多种格式（PDF、CSV、JSON）打印和导出转换结果。

使用 HTML5、CSS3 和 JavaScript 创建一个功能全面、模拟专业计算器的科学计算器。实现所有基本算术运算，并遵循正确的运算顺序。包含高级科学函数（三角函数、对数、指数、统计），并支持角度/弧度切换。添加带视觉指示器的记忆操作（M+、M-、MR、MC）。维护一个可滚动、可清除或保存的计算历史记录。实现完整的键盘支持，包括适当的按键映射和快捷键。为除零、无效运算和溢出情况添加健壮的错误处理，并提供有用的错误消息。创建响应式设计，可根据屏幕尺寸或方向在标准布局和科学布局之间切换。包含多种主题选项（经典、现代、高对比度）。为按钮按下添加可选的音效反馈，并支持音量控制。实现结果和表达式的复制/粘贴功能。

使用 HTML5、CSS3 和 JavaScript 构建一个看板项目管理面板。创建一个灵活的看板布局，支持可自定义的列（待办、进行中、已完成等）。实现卡片在列之间的拖放移动，并带有流畅的动画效果。添加卡片创建功能，支持富文本格式、标签、截止日期和优先级。包含用户分配功能，支持头像显示和按被分配人筛选。实现卡片评论和活动历史记录。添加看板自定义功能，支持列重新排序和颜色主题。支持多个看板并快速切换。使用 localStorage 实现数据持久化，并提供导出/导入功能。创建适应不同屏幕尺寸的响应式设计。为常用操作添加键盘快捷键。

使用 HTML5 Canvas、CSS3 和 JavaScript 创建一个交互式绘图应用。构建简洁的界面，提供直观的工具选择。实现多种绘图工具，包括画笔、铅笔、形状、文本和橡皮擦。添加颜色选择功能，包含最近使用颜色、颜色选择器和调色板。包含图层支持，提供不透明度和混合模式选项。实现撤销/重做功能，支持历史状态。添加多种格式（PNG、JPG、SVG）的图像导入和导出。支持画布调整大小和旋转。实现缩放和平移导航。添加选择工具，支持移动、调整大小和变换功能。包含常用操作的键盘快捷键。

使用 HTML5、CSS3 和 JavaScript 结合 Web Crypto API 创建一个客户端文件加密工具。构建一个支持拖放的文件选择界面，并带有进度指示器。实现 AES-256-GCM 加密，并使用基于密码的安全密钥派生（PBKDF2）。添加对同时加密多个文件的支持，并支持批处理。包含通过熵计算实现的密码强度强制要求。生成可下载的加密文件，并使用自定义文件扩展名。创建一个带密码验证的解密界面。实现安全的内存处理，自动清除敏感数据。添加加密操作的详细日志，但不存储敏感信息。包含加密密钥的导出/导入功能，并提供适当的安全警告。支持使用流式加密和分块处理来处理大文件。

使用 HTML5、CSS3 和 JavaScript 构建一个正念冥想计时器。创建一个宁静、无干扰的界面，采用自然灵感的设计。实现可自定义的冥想会话，包含准备、冥想和休息间隔。添加环境音选项，包括自然声音、双耳节拍和白噪音。包含带有可自定义语音提示的引导冥想。实现带有音量控制和声音选择的间隔铃声。添加会话历史和统计跟踪。创建带有动画的视觉呼吸引导。作为 PWA 支持离线使用。包含深色模式和多种主题。添加带有提醒的会话安排。

使用Three.js和JavaScript构建一款沉浸式3D太空探索游戏。创建一个包含程序化生成的行星、恒星和星云的广阔宇宙。实现具有牛顿物理的真实航天器控制。添加具有地形生成和大气效果的详细行星表面。创建用于交易和任务的空间站和前哨站。实现资源收集和货物管理系统。添加具有独特行为和互动方式的外星物种。创建恒星系统之间的虫洞旅行效果。包含详细的飞船定制和升级系统。实现采矿和战斗机制以及武器效果。添加包含故事元素和目标的任务系统。

使用 HTML5、CSS3 和 JavaScript 构建一个全面的文本分析工具。创建一个简洁的界面，包含文本输入区域和结果仪表板。实现字数统计、字符统计和阅读时间估算。使用多种算法（Flesch-Kincaid、SMOG、Coleman-Liau）添加可读性评分。包含带可视化的关键词密度分析。实现带情感语调检测的情感分析。添加带建议的语法和拼写检查。包含用于相似度检测的文本比较功能。支持多语言并自动检测。添加分析报告的导出功能。实现文本格式化和清理工具。

使用Three.js和JavaScript开发一款第一人称射击游戏。创建具有逼真动画和效果的详细武器模型。实现精确的命中检测和伤害系统。设计多个具有不同环境和目标的游戏关卡。添加具有寻路和战斗行为的AI敌人。为枪口闪光、撞击和爆炸创建粒子效果。实现具有基于团队目标的多人模式。包含武器拾取和库存系统。添加武器、脚步声和环境音效。创建详细的计分和统计追踪。实现用于击杀回放和比赛精彩集锦的回放系统。

使用 HTML5、CSS3 和 JavaScript 按照时间管理技术创建一个功能全面的番茄钟计时器应用。设计一个优雅的界面，包含一个大型的动画圆形进度指示器，直观地展示当前会话。允许自定义工作间隔（默认 25min）、短休息（默认 5min）和长休息（默认 15min）。集成任务列表，让用户可以将番茄钟会话与特定任务关联。添加可配置的间隔切换声音通知，并支持音量控制。实现详细的统计跟踪，通过可视化图表展示每日/每周生产力。使用 localStorage 在会话之间持久化设置和历史记录。使应用可作为 PWA 安装，支持离线使用和通知。添加快捷键以便快速控制计时器（开始/暂停/重置）。包含多种主题选项，可自定义颜色和字体。添加专注模式，在工作间隔期间屏蔽干扰。

使用 HTML5、CSS3 和 JavaScript 创建一个交互式数独游戏。构建一个简洁、无障碍的游戏棋盘，并配备直观的控件。实现具有适当谜题生成算法的难度级别。添加具有多级辅助功能的提示系统。包含用于候选数字的笔记功能。实现带暂停和恢复功能的计时器。添加错误检查，并提供可选的即时反馈。包含具有多个存档槽的游戏保存和加载功能。创建针对胜利、用时和难度级别的统计跟踪。添加可打印的谜题生成功能。实现键盘控制和无障碍功能。

使用 HTML5、CSS3 和 JavaScript 开发一款功能丰富的国际象棋游戏。创建逼真的棋盘，并正确渲染棋子。实现标准国际象棋规则及走法验证。添加走法高亮和棋子移动动画。包含游戏计时器，支持多种时间控制选项。实现棋谱记录并支持 PGN 导出。添加对局分析及走法评估。包含可调节难度级别的 AI 对手。支持通过 WebRTC 或 WebSocket 进行在线对战。添加开局库和常见模式识别。实现包含对阵表和计分的锦标赛模式。

使用Three.js、HTML5、CSS3和JavaScript以及WebSocket实现实时网络，创建一个沉浸式多人飞机战斗游戏。实现详细的3D飞机模型，具有逼真的飞行动力学，包括俯仰、偏航、滚转和油门控制。添加平滑的相机控制，跟随玩家的飞机，并支持可配置视图（驾驶舱、追逐、环绕）。创建带有动态一天中时间和天气效果的天空盒环境。使用WebSocket实现多人功能，用于实时位置更新、战斗和游戏状态同步。添加武器系统，包括弹道物理、命中检测和伤害模型。包括引擎尾气、武器开火、爆炸和伤害的粒子效果。创建显示速度、高度、航向、雷达、生命值和武器状态的HUD。使用Web Audio API实现引擎、武器、爆炸和环境音效。添加比赛类型，包括死亡竞赛和团队战斗，并带有计分系统。包括可定制的飞机装备，具有不同的武器和能力。创建用于比赛创建和团队分配的大厅系统。实现客户端预测和延迟补偿，以获得流畅的多人体验。添加显示玩家位置和目标的小地图。包括用于比赛回放和精彩片段创建的回放系统。创建响应式控制，支持键盘/鼠标和游戏手柄输入。