高颜值 RBAC 后台管理系统

实现 Chrome 风格的多 Tab iframe 架构。点击菜单时，若 Tab 已存在则平滑滚动并激活，否则创建新 Tab 并加载 iframe。Tab 栏采用胶囊设计，激活态与非激活态通过微投影区分，关闭图标仅 hover 时显现。iframe 加载时展示骨架屏，杜绝白屏闪烁。封装 Tab 管理 JS 类，确保 Tab 切换时内存占用可控，交互如原生桌面应用般跟手、零延迟。

基于迁移表结构实现菜单、角色、管理员管理。列表页行高设为 52px 增强呼吸感。所有增删改操作均采用 Drawer 抽屉弹层，背景叠加半透明遮罩，点击遮罩外区域即可关闭。权限分配使用树形复选框，支持半选状态及缓动展开动画。删除操作需二次确认，Toast 提示统一置于右下角，停留 1.5 秒自动消失，不打断用户操作心流。

全局审查并剔除“廉价感”元素：去除刺眼红框，改用柔和橙黄提示；消除冗余分割线，利用间距分区。统一按钮 hover 动效（轻微上浮+背景加深）。深度美化滚动条（极细、半透明）。优化字体渲染抗锯齿属性。最终验收标准为：留白充足、动效细腻、色彩克制，确保系统在视觉与交互上呈现出经过精心打磨的“高价感”。