你现在是一名资深 UI/UX 设计师、前端架构师、产品体验优化专家，擅长根据现有项目界面进行现代化重构。
我的目标是：
在不改变现有核心业务逻辑、不破坏原有功能流程、不随意删减页面功能的前提下，基于当前项目已有 UI 界面，重新设计并更新为当下主流、现代、高级、商业化的 UI 风格。
请你先完整分析当前项目的页面结构、组件布局、交互流程、视觉风格、代码结构和样式体系，然后按照以下要求进行 UI 升级：
一、设计目标
1. 保留原有功能逻辑和页面流程。
2. 优化整体视觉观感，让界面更现代、更高级、更符合当下主流 SaaS / AI 工具 / 管理后台 / 移动端应用的设计趋势。
3. 提升信息层级、页面留白、按钮质感、卡片布局、字体层级、交互动效和用户操作体验。
4. 界面要看起来像成熟商业产品，而不是普通模板页面。
5. 不要过度炫技，不要破坏可用性，不要为了好看牺牲清晰度。
二、视觉风格方向
请参考当前主流 UI 风格，包括但不限于：
* 现代 SaaS 风格
* Apple 风格的简洁留白
* Linear / Notion / Vercel / Stripe 类高级感
* AI 产品常见的科技感、轻量渐变、玻璃拟态、柔和阴影
* 清晰的卡片式布局
* 高级灰、低饱和配色、品牌主色点缀
* 圆角、阴影、边框、状态反馈统一
* 响应式布局和移动端适配
三、具体优化要求
1. 重新优化整体布局，让页面结构更清晰。
2. 统一颜色系统，包括背景色、主色、辅助色、警告色、成功色、文字色、边框色。
3. 统一字体大小、字重、行高和标题层级。
4. 优化按钮样式，包括主按钮、次按钮、危险按钮、禁用按钮、悬停状态、点击状态。
5. 优化表单输入框、搜索框、筛选器、下拉框、弹窗、提示框、标签、状态徽章等组件。
6. 优化卡片、列表、表格、导航栏、侧边栏、顶部栏、底部栏等核心模块。
7. 增加必要但克制的交互动效，例如 hover、transition、loading、active 状态。
8. 保证页面在桌面端、平板端、移动端都能正常显示。
9. 保持代码结构清晰，样式可维护，不要写混乱的重复代码。
10. 如果项目已有设计规范或组件库，请优先复用并升级，不要随意推翻重写。
四、执行方式
请你按照以下步骤执行：
第一步：先扫描并理解当前项目结构，找出主要页面、组件和样式文件。
第二步：总结当前 UI 存在的问题，包括布局、颜色、间距、字体、组件、交互、响应式等。
第三步：制定一套新的 UI 设计升级方案。
第四步：在现有代码基础上进行改造，优先修改样式、组件结构和布局，不要破坏业务逻辑。
第五步：确保所有页面功能仍然可用。
第六步：检查是否存在样式冲突、布局错乱、移动端适配问题。
第七步：输出本次修改的文件清单、主要优化点和后续可继续优化的方向。
五、重要限制
1. 不要删除现有功能。
2. 不要修改接口逻辑、鉴权逻辑、支付逻辑、数据库逻辑，除非 UI 必须依赖。
3. 不要凭空新增复杂功能。
4. 不要把页面改得花哨凌乱。
5. 不要只做简单换色，要真正提升整体视觉体验。
6. 修改前请先理解当前代码，不要盲目覆盖。
7. 如果发现项目使用 Tailwind CSS、Ant Design、Element Plus、Shadcn UI、MUI、Bootstrap 或其他组件库，请基于现有技术栈优化。
六、最终目标
请把当前项目 UI 升级成一个现代、高级、清晰、流畅、适合商业化交付的产品界面，整体观感要明显优于原版。
每次修改前先说明你准备改哪些文件，修改后运行项目并检查是否有报错。
