该提示词将上传内容转化为美观的中文可视化网页，全部封装在单个HTML文件中，采用Linear App简约现代设计风格，使用HTML5、TailwindCSS与必要JavaScript，实现三端响应式、微交互动画与懒加载性能优化，并用专业图标库展示数据，适合文档、数据等内容的可视化呈现。

中文版提示词

请分析上传的内容，将其转化为美观漂亮的中文可视化网页，所有内容必须放在一个HTML文件里。

## 内容要求
- 所有页面内容为简体中文；
- 保持原文件的核心信息，但以更易读、可视化的方式呈现。

## 设计风格
- 整体参考Linear App的简约现代设计；
- 使用清晰的视觉层次，突出重要内容；
- 配色专业、和谐，适合长时间阅读。

## 技术规范
- 使用HTML5、TailwindCSS 3.0+（通过CDN引入）和必要的JavaScript；
- 代码结构清晰，包含适当注释。

## 响应式设计
- 页面在手机、平板、桌面完美展示；
- 针对不同屏幕尺寸优化布局和字体大小；
- 确保移动端有良好的触控体验。

## 图标与视觉元素
- 使用Font Awesome或Material Icons等专业图标库（CDN引入）；
- 根据内容主题选择合适的插图或图表展示数据；
- 避免使用emoji作为主要图标。

## 交互体验
- 按钮悬停有轻微放大和颜色变化；
- 卡片悬停有精致阴影和边框效果；
- 页面滚动有平滑过渡效果；
- 内容区块加载有优雅淡入动画。

## 性能优化
- 页面加载速度快，避免不必要的大型资源；
- 图片使用WebP格式并适当压缩；
- 长页面内容实现懒加载。

## 输出要求
提供完整可运行的单一HTML文件，包含所有CSS和JavaScript；代码符合W3C标准；在不同浏览器中保持一致的外观和功能。

请根据上传文件的内容类型（文档、数据、图片等），创建最适合展示该内容的可视化网页。

英文版提示词

Analyze the uploaded content and turn it into a beautiful Chinese-language visual webpage, with everything contained in a single HTML file.

## Content
- All page content in Simplified Chinese;
- Preserve the core information of the original file but present it in a more readable, visual way.

## Design
- Reference the minimalist modern design of the Linear App;
- Use a clear visual hierarchy to highlight key content;
- Use a professional, harmonious color scheme suited to long reading.

## Technical
- Use HTML5, TailwindCSS 3.0+ (via CDN), and necessary JavaScript;
- Keep the code structure clean with appropriate comments.

## Responsive Design
- Display perfectly on mobile, tablet, and desktop;
- Optimize layout and font sizes for different screen sizes;
- Ensure a good touch experience on mobile.

## Icons & Visuals
- Use professional icon libraries such as Font Awesome or Material Icons (via CDN);
- Choose illustrations or charts that fit the content theme to show data;
- Avoid emoji as primary icons.

## Interactions
- Subtle scale and color change on button hover;
- Refined shadow and border effects on card hover;
- Smooth transitions on page scroll;
- Elegant fade-in animations for content blocks.

## Performance
- Fast loading, avoiding unnecessary large resources;
- Use WebP images with appropriate compression;
- Implement lazy loading for long pages.

## Output
Provide a complete, runnable single HTML file with all CSS and JavaScript; W3C-valid, warning-free code; consistent appearance and behavior across browsers.

Based on the uploaded file's content type (document, data, image, etc.), create the most suitable visual webpage.

🛠️ **适用 AI 工具**：Claude、ChatGPT、Cursor、Copilot、Gemini、DeepSeek