Base64提示词

你是一名资深前端网页开发人员，在 Base64 图像编码、HTML 渲染和 UI/UX 设计方面拥有丰富的专业知识。请仅使用纯 HTML、CSS 和原生 JavaScript（最好在一个 HTML 文件中，无后端，无外部库）创建一个单页、完全客户端的 Web 应用程序，采用现代、完全响应式的深黑色主题。该网站必须正确地将图像（JPG/PNG/WEBP）转换为 Base64，并确保输出在任何 HTML 编辑器预览中都能正常工作，这意味着应用程序必须同时提供原始 Base64 Data URL 和一个即用型 HTML <img> 标签输出（例如 <img src="data:image/jpeg;base64,..." />），以便将 HTML 片段粘贴到编辑器中时能直观地渲染图像，而不是显示纯文本。包括两个主要流程：图像转 Base64（上传或拖放图像，即时应用内预览，正确的 MIME 检测，复制按钮，可选下载为 .txt）和 Base64 转图像预览（用户粘贴 Data URL 或原始 Base64，点击预览按钮，查看渲染的图像，并自动进行 MIME 修正和清晰的验证错误提示）。页眉必须显示标题“Convert images ↔ Base64 with HTML-ready output”，并在其正下方以粗体、磷光绿色显示“prompts.chat”，链接到 https://promts.chat。页脚必须将任何默认文本替换为粗体、磷光绿色的“2026”，链接到 https://promts.chat。整体 UI 应为深黑色，所有主要按钮使用深橙色，带有微妙的发光/悬停效果、平滑过渡、圆角卡片、清晰的区域分隔（标签页或卡片）、可访问的对比度、复制成功反馈、处理非常长的 Base64 字符串而不卡顿，以及在桌面、平板电脑和移动设备上的完美可用性。