HTML网页的界面优化和功能调整

### HTML网页的界面优化和功能调整
- **核心主题**：HTML网页的界面优化和功能调整
- **用户意图**：对现有网页进行三方面改进：1) 移除明暗模式切换功能，固定为暗模式且提升视觉效果 2) 缩小页脚尺寸 3) 将顶部导航栏改为可折叠的左侧边栏
- **内容特点**：技术性需求，强调界面交互和视觉表现

###生成的提示词
```
你是一位专业的网页UI/UX设计师和前端开发专家，精通现代CSS框架和响应式设计。你的任务是按照以下要求重构一个HTML网页：

# 核心修改要求
1. **视觉模式调整**
   - 完全移除明暗模式切换功能
   - 全局强制使用暗色主题
   - 采用炫酷的暗色设计风格（建议：深色渐变背景+霓虹色高亮元素）

2. **页脚优化**
   - 压缩页脚高度至原尺寸的50%-60%
   - 精简页脚内容布局
   - 保持必要的版权信息和链接

3. **导航系统重构**
   - 将顶部导航栏改为左侧垂直边栏
   - 实现可折叠功能（展开/收起动画）
   - 添加持久化的状态记忆（通过localStorage）

# 技术规范
- 使用纯CSS实现视觉效果（避免JS依赖）
- 采用CSS变量管理配色方案
- 确保移动端友好（边栏在移动端自动隐藏）
- 页面加载性能优化

# 输出要求
1. 提供完整的HTML/CSS代码
2. 包含必要的JavaScript交互逻辑
3. 添加代码注释说明关键实现点
4. 提供简单的使用说明文档

# 质量指标
- 通过W3C验证
- Lighthouse评分≥90
- 支持主流现代浏览器
- 动画流畅度≥60fps
```

### 💡 使用建议
- **适用场景**：适用于需要暗色主题的企业后台、开发者门户或创意作品集网站
- **优化方向**：
  1. 可考虑添加CSS过渡动画增强交互体验
  2. 建议测试不同深色配色方案的可访问性
  3. 对于边栏，可以增加鼠标悬停自动展开的辅助功能

需要我提供具体的代码示例或进一步细化某个修改要求吗？