我来先了解一下当前的代码结构，然后为您优化这个宿舍管理系统的页面布局和样式。

我看到这是一个全新的项目，需要根据您提供的截图来创建宿舍管理系统。我将为您设计一个现代化的宿舍管理系统，包含三个主要页面：宿舍楼列表、宿舍房间列表和床位详情。让我先安装需要的图标库，然后创建组件。

现在让我更新全局样式和创建组件：

现在创建宿舍管理系统的组件和页面：

我已完成宿舍管理系统的页面布局和样式优化。主要改进包括：

1. 视觉设计升级：采用了清新的蓝色主色调，配合柔和的灰色背景，卡片使用微阴影和圆角设计，使整体界面更加现代化

2. 布局优化：

   • 宿舍楼选择页：使用响应式网格布局，卡片包含图标、楼栋名称和性别标签
   • 房间列表页：左侧楼层导航侧边栏 + 右侧卡片网格，顶部操作按钮组
   • 床位详情页：6列网格展示床位卡片，已住/空床状态一目了然
3. 交互体验：添加了悬停效果、过渡动画、清晰的状态标签（已住/空床、开放/关闭、可网选/不可网选），以及统一的返回导航