将上传的文件内容转化为美观的简体中文可视化网页，采用Linear风格简约设计，支持深浅色切换、响应式布局、图标与图表、微交互与性能优化，最终输出单一可运行的HTML文件，适合把文档、数据做成可分享的展示页。

中文版提示词

我会给你一个文件，请分析其内容并转化为美观的简体中文可视化网页。

内容要求：所有页面内容为简体中文；保留原文件全部内容，但以更易读、可视化的方式呈现；在页面底部添加作者信息区域（作者姓名：[作者姓名]、版权信息与年份）。

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

技术规范：使用 HTML5、TailwindCSS 3.0+（CDN 引入）和必要的 JavaScript；实现深色/浅色模式切换，默认跟随系统；代码结构清晰、含注释；采用响应式设计，适配手机、平板、桌面，移动端触控体验良好。

图标与视觉：使用 Font Awesome 或 Material Icons（CDN 引入）；按内容主题选择插图或图表；避免用 emoji 作为主要图标。

交互体验：按钮悬停轻微放大并变色、卡片悬停精致阴影与边框、滚动平滑过渡、内容区块淡入动画。

性能优化：页面加载快，图片使用 WebP 并压缩，长页面采用懒加载。

输出：提供完整可运行的单一 HTML 文件，含所有 CSS 与 JavaScript，符合 W3C 标准，在不同浏览器保持一致。

英文版提示词

I will give you a file. Please analyze its content and turn it into a beautiful Simplified Chinese visualization webpage.

Content: all page content in Simplified Chinese; keep all original content but present it more readably and visually; add an author information area at the bottom (Author: [author name], copyright info and year).

Design: follow Linear App's minimal modern style; use a clear visual hierarchy to highlight important content; professional, harmonious colors suited to long reading.

Tech: use HTML5, TailwindCSS 3.0+ (via CDN), and necessary JavaScript; implement dark/light mode toggle that follows the system by default; clean, commented code; responsive layout for mobile, tablet, and desktop with good mobile touch experience.

Icons & visuals: use Font Awesome or Material Icons (via CDN); choose illustrations or charts by content theme; avoid emoji as primary icons.

Interaction: subtle hover scaling and color change on buttons, refined shadow and border on cards, smooth scroll transitions, elegant fade-in animations for content blocks.

Performance: fast loading, WebP images with compression, lazy loading for long pages.

Output: a complete, runnable single HTML file containing all CSS and JavaScript, W3C-compliant and consistent across browsers.

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