diff --git a/ruoyi-admin/src/main/java/com/ruoyi/web/controller/RoomsController.java b/ruoyi-admin/src/main/java/com/ruoyi/web/controller/RoomsController.java
index 81230b0..8108a8e 100644
--- a/ruoyi-admin/src/main/java/com/ruoyi/web/controller/RoomsController.java
+++ b/ruoyi-admin/src/main/java/com/ruoyi/web/controller/RoomsController.java
@@ -37,7 +37,7 @@ public class RoomsController extends BaseController
     /**
      * 查询项目与任务房间列表
      */
-    @PreAuthorize("@ss.hasPermi('system:rooms:list')")
+    //@PreAuthorize("@ss.hasPermi('system:rooms:list')")
     @GetMapping("/list")
     public TableDataInfo list(Rooms rooms)
     {
diff --git a/ruoyi-admin/src/main/java/com/ruoyi/web/controller/UsersController.java b/ruoyi-admin/src/main/java/com/ruoyi/web/controller/UsersController.java
deleted file mode 100644
index bc53412..0000000
--- a/ruoyi-admin/src/main/java/com/ruoyi/web/controller/UsersController.java
+++ /dev/null
@@ -1,104 +0,0 @@
-package com.ruoyi.web.controller;
-
-import java.util.List;
-import javax.servlet.http.HttpServletResponse;
-import org.springframework.security.access.prepost.PreAuthorize;
-import org.springframework.beans.factory.annotation.Autowired;
-import org.springframework.web.bind.annotation.GetMapping;
-import org.springframework.web.bind.annotation.PostMapping;
-import org.springframework.web.bind.annotation.PutMapping;
-import org.springframework.web.bind.annotation.DeleteMapping;
-import org.springframework.web.bind.annotation.PathVariable;
-import org.springframework.web.bind.annotation.RequestBody;
-import org.springframework.web.bind.annotation.RequestMapping;
-import org.springframework.web.bind.annotation.RestController;
-import com.ruoyi.common.annotation.Log;
-import com.ruoyi.common.core.controller.BaseController;
-import com.ruoyi.common.core.domain.AjaxResult;
-import com.ruoyi.common.enums.BusinessType;
-import com.ruoyi.system.domain.Users;
-import com.ruoyi.system.service.IUsersService;
-import com.ruoyi.common.utils.poi.ExcelUtil;
-import com.ruoyi.common.core.page.TableDataInfo;
-
-/**
- * 系统用户Controller
- * 
- * @author ruoyi
- * @date 2026-01-14
- */
-@RestController
-@RequestMapping("/system/users")
-public class UsersController extends BaseController
-{
-    @Autowired
-    private IUsersService usersService;
-
-    /**
-     * 查询系统用户列表
-     */
-    @PreAuthorize("@ss.hasPermi('system:users:list')")
-    @GetMapping("/list")
-    public TableDataInfo list(Users users)
-    {
-        startPage();
-        List<Users> list = usersService.selectUsersList(users);
-        return getDataTable(list);
-    }
-
-    /**
-     * 导出系统用户列表
-     */
-    @PreAuthorize("@ss.hasPermi('system:users:export')")
-    @Log(title = "系统用户", businessType = BusinessType.EXPORT)
-    @PostMapping("/export")
-    public void export(HttpServletResponse response, Users users)
-    {
-        List<Users> list = usersService.selectUsersList(users);
-        ExcelUtil<Users> util = new ExcelUtil<Users>(Users.class);
-        util.exportExcel(response, list, "系统用户数据");
-    }
-
-    /**
-     * 获取系统用户详细信息
-     */
-    @PreAuthorize("@ss.hasPermi('system:users:query')")
-    @GetMapping(value = "/{id}")
-    public AjaxResult getInfo(@PathVariable("id") Long id)
-    {
-        return success(usersService.selectUsersById(id));
-    }
-
-    /**
-     * 新增系统用户
-     */
-    @PreAuthorize("@ss.hasPermi('system:users:add')")
-    @Log(title = "系统用户", businessType = BusinessType.INSERT)
-    @PostMapping
-    public AjaxResult add(@RequestBody Users users)
-    {
-        return toAjax(usersService.insertUsers(users));
-    }
-
-    /**
-     * 修改系统用户
-     */
-    @PreAuthorize("@ss.hasPermi('system:users:edit')")
-    @Log(title = "系统用户", businessType = BusinessType.UPDATE)
-    @PutMapping
-    public AjaxResult edit(@RequestBody Users users)
-    {
-        return toAjax(usersService.updateUsers(users));
-    }
-
-    /**
-     * 删除系统用户
-     */
-    @PreAuthorize("@ss.hasPermi('system:users:remove')")
-    @Log(title = "系统用户", businessType = BusinessType.DELETE)
-	@DeleteMapping("/{ids}")
-    public AjaxResult remove(@PathVariable Long[] ids)
-    {
-        return toAjax(usersService.deleteUsersByIds(ids));
-    }
-}
diff --git a/ruoyi-system/src/main/java/com/ruoyi/system/domain/Users.java b/ruoyi-system/src/main/java/com/ruoyi/system/domain/Users.java
deleted file mode 100644
index dd0cac5..0000000
--- a/ruoyi-system/src/main/java/com/ruoyi/system/domain/Users.java
+++ /dev/null
@@ -1,82 +0,0 @@
-package com.ruoyi.system.domain;
-
-import org.apache.commons.lang3.builder.ToStringBuilder;
-import org.apache.commons.lang3.builder.ToStringStyle;
-import com.ruoyi.common.annotation.Excel;
-import com.ruoyi.common.core.domain.BaseEntity;
-
-/**
- * 系统用户对象 users
- * 
- * @author ruoyi
- * @date 2026-01-14
- */
-public class Users extends BaseEntity
-{
-    private static final long serialVersionUID = 1L;
-
-    /** 主键ID */
-    private Long id;
-
-    /** 登录账号 */
-    @Excel(name = "登录账号")
-    private String username;
-
-    /** 密码 (建议存哈希值) */
-    @Excel(name = "密码 (建议存哈希值)")
-    private String password;
-
-    /** 权限等级: 1=管理员(L1), 2=房主(L2), 3=操作员(L3) */
-    @Excel(name = "权限等级: 1=管理员(L1), 2=房主(L2), 3=操作员(L3)")
-    private Long role;
-
-    public void setId(Long id) 
-    {
-        this.id = id;
-    }
-
-    public Long getId() 
-    {
-        return id;
-    }
-
-    public void setUsername(String username) 
-    {
-        this.username = username;
-    }
-
-    public String getUsername() 
-    {
-        return username;
-    }
-
-    public void setPassword(String password) 
-    {
-        this.password = password;
-    }
-
-    public String getPassword() 
-    {
-        return password;
-    }
-
-    public void setRole(Long role) 
-    {
-        this.role = role;
-    }
-
-    public Long getRole() 
-    {
-        return role;
-    }
-
-    @Override
-    public String toString() {
-        return new ToStringBuilder(this,ToStringStyle.MULTI_LINE_STYLE)
-            .append("id", getId())
-            .append("username", getUsername())
-            .append("password", getPassword())
-            .append("role", getRole())
-            .toString();
-    }
-}
diff --git a/ruoyi-system/src/main/java/com/ruoyi/system/mapper/UsersMapper.java b/ruoyi-system/src/main/java/com/ruoyi/system/mapper/UsersMapper.java
deleted file mode 100644
index 71428ec..0000000
--- a/ruoyi-system/src/main/java/com/ruoyi/system/mapper/UsersMapper.java
+++ /dev/null
@@ -1,65 +0,0 @@
-package com.ruoyi.system.mapper;
-
-import java.util.List;
-
-import com.ruoyi.common.core.domain.entity.SysUser;
-import com.ruoyi.system.domain.Users;
-
-/**
- * 系统用户Mapper接口
- * 
- * @author ruoyi
- * @date 2026-01-14
- */
-public interface UsersMapper 
-{
-    /**
-     * 查询系统用户
-     * 
-     * @param id 系统用户主键
-     * @return 系统用户
-     */
-    public Users selectUsersById(Long id);
-
-    /**
-     * 查询系统用户列表
-     * 
-     * @param users 系统用户
-     * @return 系统用户集合
-     */
-    public List<Users> selectUsersList(Users users);
-
-    /**
-     * 新增系统用户
-     * 
-     * @param users 系统用户
-     * @return 结果
-     */
-    public int insertUsers(Users users);
-
-    /**
-     * 修改系统用户
-     * 
-     * @param users 系统用户
-     * @return 结果
-     */
-    public int updateUsers(Users users);
-
-    /**
-     * 删除系统用户
-     * 
-     * @param id 系统用户主键
-     * @return 结果
-     */
-    public int deleteUsersById(Long id);
-
-    /**
-     * 批量删除系统用户
-     * 
-     * @param ids 需要删除的数据主键集合
-     * @return 结果
-     */
-    public int deleteUsersByIds(Long[] ids);
-
-    SysUser selectUserByUserName(String userName);
-}
diff --git a/ruoyi-system/src/main/java/com/ruoyi/system/service/ISysUserService.java b/ruoyi-system/src/main/java/com/ruoyi/system/service/ISysUserService.java
index 0625d5e..067245b 100644
--- a/ruoyi-system/src/main/java/com/ruoyi/system/service/ISysUserService.java
+++ b/ruoyi-system/src/main/java/com/ruoyi/system/service/ISysUserService.java
@@ -3,7 +3,6 @@ package com.ruoyi.system.service;
 import java.util.Date;
 import java.util.List;
 import com.ruoyi.common.core.domain.entity.SysUser;
-import com.ruoyi.system.domain.Users;
 
 /**
  * 用户 业务层
diff --git a/ruoyi-system/src/main/java/com/ruoyi/system/service/IUsersService.java b/ruoyi-system/src/main/java/com/ruoyi/system/service/IUsersService.java
deleted file mode 100644
index f3a00b4..0000000
--- a/ruoyi-system/src/main/java/com/ruoyi/system/service/IUsersService.java
+++ /dev/null
@@ -1,61 +0,0 @@
-package com.ruoyi.system.service;
-
-import java.util.List;
-import com.ruoyi.system.domain.Users;
-
-/**
- * 系统用户Service接口
- * 
- * @author ruoyi
- * @date 2026-01-14
- */
-public interface IUsersService 
-{
-    /**
-     * 查询系统用户
-     * 
-     * @param id 系统用户主键
-     * @return 系统用户
-     */
-    public Users selectUsersById(Long id);
-
-    /**
-     * 查询系统用户列表
-     * 
-     * @param users 系统用户
-     * @return 系统用户集合
-     */
-    public List<Users> selectUsersList(Users users);
-
-    /**
-     * 新增系统用户
-     * 
-     * @param users 系统用户
-     * @return 结果
-     */
-    public int insertUsers(Users users);
-
-    /**
-     * 修改系统用户
-     * 
-     * @param users 系统用户
-     * @return 结果
-     */
-    public int updateUsers(Users users);
-
-    /**
-     * 批量删除系统用户
-     * 
-     * @param ids 需要删除的系统用户主键集合
-     * @return 结果
-     */
-    public int deleteUsersByIds(Long[] ids);
-
-    /**
-     * 删除系统用户信息
-     * 
-     * @param id 系统用户主键
-     * @return 结果
-     */
-    public int deleteUsersById(Long id);
-}
diff --git a/ruoyi-system/src/main/java/com/ruoyi/system/service/impl/RoomsServiceImpl.java b/ruoyi-system/src/main/java/com/ruoyi/system/service/impl/RoomsServiceImpl.java
index 467a8c7..ff2864f 100644
--- a/ruoyi-system/src/main/java/com/ruoyi/system/service/impl/RoomsServiceImpl.java
+++ b/ruoyi-system/src/main/java/com/ruoyi/system/service/impl/RoomsServiceImpl.java
@@ -1,6 +1,11 @@
 package com.ruoyi.system.service.impl;
 
 import java.util.List;
+
+import com.ruoyi.common.core.domain.entity.SysUser;
+import com.ruoyi.common.exception.ServiceException;
+import com.ruoyi.common.utils.SecurityUtils;
+import com.ruoyi.system.service.ISysUserService;
 import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.stereotype.Service;
 import com.ruoyi.system.mapper.RoomsMapper;
@@ -19,6 +24,9 @@ public class RoomsServiceImpl implements IRoomsService
     @Autowired
     private RoomsMapper roomsMapper;
 
+    @Autowired
+    private ISysUserService userService;
+
     /**
      * 查询项目与任务房间
      * 
@@ -52,6 +60,34 @@ public class RoomsServiceImpl implements IRoomsService
     @Override
     public int insertRooms(Rooms rooms)
     {
+        // 1. 从内存拿当前登录人的 ID
+        Long userId = SecurityUtils.getUserId();
+
+        // 2. 关键：去数据库查这个人的实时 userLevel 字段
+        SysUser user = userService.selectUserById(userId);
+        String userLevel = user.getUserLevel();
+
+        // 3. 开始分类校验
+        if (rooms.getParentId() == null)
+        {
+            // A. 创建大房间：必须是 "1" (管理员)
+            if (!"1".equals(userLevel))
+            {
+                throw new ServiceException("只有管理员级别才能创建顶级大房间");
+            }
+        }
+        else
+        {
+            // B. 创建子房间：必须是 "1" 或 "2" (主持人)
+            // 如果是 "3" (普通用户) 或 null，则拒绝
+            if (!"1".equals(userLevel) && !"2".equals(userLevel))
+            {
+                throw new ServiceException("您的权限不足（仅管理员和主持人可建子房间）");
+            }
+        }
+
+        // 4. 填充房主信息并入库
+        rooms.setOwnerId(userId);
         return roomsMapper.insertRooms(rooms);
     }
 
diff --git a/ruoyi-system/src/main/java/com/ruoyi/system/service/impl/SysUserServiceImpl.java b/ruoyi-system/src/main/java/com/ruoyi/system/service/impl/SysUserServiceImpl.java
index 93764ed..3f7c189 100644
--- a/ruoyi-system/src/main/java/com/ruoyi/system/service/impl/SysUserServiceImpl.java
+++ b/ruoyi-system/src/main/java/com/ruoyi/system/service/impl/SysUserServiceImpl.java
@@ -6,7 +6,6 @@ import java.util.List;
 import java.util.stream.Collectors;
 import javax.validation.Validator;
 
-import com.ruoyi.system.domain.Users;
 import com.ruoyi.system.mapper.*;
 import org.slf4j.Logger;
 import org.slf4j.LoggerFactory;
diff --git a/ruoyi-system/src/main/java/com/ruoyi/system/service/impl/UsersServiceImpl.java b/ruoyi-system/src/main/java/com/ruoyi/system/service/impl/UsersServiceImpl.java
deleted file mode 100644
index a3f6e83..0000000
--- a/ruoyi-system/src/main/java/com/ruoyi/system/service/impl/UsersServiceImpl.java
+++ /dev/null
@@ -1,93 +0,0 @@
-package com.ruoyi.system.service.impl;
-
-import java.util.List;
-import org.springframework.beans.factory.annotation.Autowired;
-import org.springframework.stereotype.Service;
-import com.ruoyi.system.mapper.UsersMapper;
-import com.ruoyi.system.domain.Users;
-import com.ruoyi.system.service.IUsersService;
-
-/**
- * 系统用户Service业务层处理
- * 
- * @author ruoyi
- * @date 2026-01-14
- */
-@Service
-public class UsersServiceImpl implements IUsersService 
-{
-    @Autowired
-    private UsersMapper usersMapper;
-
-    /**
-     * 查询系统用户
-     * 
-     * @param id 系统用户主键
-     * @return 系统用户
-     */
-    @Override
-    public Users selectUsersById(Long id)
-    {
-        return usersMapper.selectUsersById(id);
-    }
-
-    /**
-     * 查询系统用户列表
-     * 
-     * @param users 系统用户
-     * @return 系统用户
-     */
-    @Override
-    public List<Users> selectUsersList(Users users)
-    {
-        return usersMapper.selectUsersList(users);
-    }
-
-    /**
-     * 新增系统用户
-     * 
-     * @param users 系统用户
-     * @return 结果
-     */
-    @Override
-    public int insertUsers(Users users)
-    {
-        return usersMapper.insertUsers(users);
-    }
-
-    /**
-     * 修改系统用户
-     * 
-     * @param users 系统用户
-     * @return 结果
-     */
-    @Override
-    public int updateUsers(Users users)
-    {
-        return usersMapper.updateUsers(users);
-    }
-
-    /**
-     * 批量删除系统用户
-     * 
-     * @param ids 需要删除的系统用户主键
-     * @return 结果
-     */
-    @Override
-    public int deleteUsersByIds(Long[] ids)
-    {
-        return usersMapper.deleteUsersByIds(ids);
-    }
-
-    /**
-     * 删除系统用户信息
-     * 
-     * @param id 系统用户主键
-     * @return 结果
-     */
-    @Override
-    public int deleteUsersById(Long id)
-    {
-        return usersMapper.deleteUsersById(id);
-    }
-}
diff --git a/ruoyi-system/src/main/resources/mapper/system/RoomsMapper.xml b/ruoyi-system/src/main/resources/mapper/system/RoomsMapper.xml
index 0288201..09c4a35 100644
--- a/ruoyi-system/src/main/resources/mapper/system/RoomsMapper.xml
+++ b/ruoyi-system/src/main/resources/mapper/system/RoomsMapper.xml
@@ -1,9 +1,9 @@
 <?xml version="1.0" encoding="UTF-8" ?>
 <!DOCTYPE mapper
-PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
-"http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+        PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
+        "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
 <mapper namespace="com.ruoyi.system.mapper.RoomsMapper">
-    
+
     <resultMap type="Rooms" id="RoomsResult">
         <result property="id"    column="id"    />
         <result property="parentId"    column="parent_id"    />
@@ -13,19 +13,19 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
     </resultMap>
 
     <sql id="selectRoomsVo">
-        select id, parent_id, owner_id, name, k_anchor_time from rooms
+        select id, parent_id, owner_id, name, k_anchor_time from ry.rooms
     </sql>
 
     <select id="selectRoomsList" parameterType="Rooms" resultMap="RoomsResult">
         <include refid="selectRoomsVo"/>
-        <where>  
+        <where>
             <if test="parentId != null "> and parent_id = #{parentId}</if>
             <if test="ownerId != null "> and owner_id = #{ownerId}</if>
             <if test="name != null  and name != ''"> and name like concat('%', #{name}, '%')</if>
             <if test="kAnchorTime != null "> and k_anchor_time = #{kAnchorTime}</if>
         </where>
     </select>
-    
+
     <select id="selectRoomsById" parameterType="Long" resultMap="RoomsResult">
         <include refid="selectRoomsVo"/>
         where id = #{id}
@@ -38,13 +38,13 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
             <if test="ownerId != null">owner_id,</if>
             <if test="name != null and name != ''">name,</if>
             <if test="kAnchorTime != null">k_anchor_time,</if>
-         </trim>
+        </trim>
         <trim prefix="values (" suffix=")" suffixOverrides=",">
             <if test="parentId != null">#{parentId},</if>
             <if test="ownerId != null">#{ownerId},</if>
             <if test="name != null and name != ''">#{name},</if>
             <if test="kAnchorTime != null">#{kAnchorTime},</if>
-         </trim>
+        </trim>
     </insert>
 
     <update id="updateRooms" parameterType="Rooms">
@@ -59,11 +59,11 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
     </update>
 
     <delete id="deleteRoomsById" parameterType="Long">
-        delete from rooms where id = #{id}
+        delete from ry.rooms where id = #{id}
     </delete>
 
     <delete id="deleteRoomsByIds" parameterType="String">
-        delete from rooms where id in 
+        delete from rooms where id in
         <foreach item="id" collection="array" open="(" separator="," close=")">
             #{id}
         </foreach>
diff --git a/ruoyi-system/src/main/resources/mapper/system/UsersMapper.xml b/ruoyi-system/src/main/resources/mapper/system/UsersMapper.xml
deleted file mode 100644
index 635aa63..0000000
--- a/ruoyi-system/src/main/resources/mapper/system/UsersMapper.xml
+++ /dev/null
@@ -1,72 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" ?>
-<!DOCTYPE mapper
-PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
-"http://mybatis.org/dtd/mybatis-3-mapper.dtd">
-<mapper namespace="com.ruoyi.system.mapper.UsersMapper">
-    
-    <resultMap type="Users" id="UsersResult">
-        <result property="id"    column="id"    />
-        <result property="username"    column="username"    />
-        <result property="password"    column="password"    />
-        <result property="role"    column="role"    />
-    </resultMap>
-
-    <sql id="selectUsersVo">
-        select id, username, password, role from users
-    </sql>
-
-    <select id="selectUsersList" parameterType="Users" resultMap="UsersResult">
-        <include refid="selectUsersVo"/>
-        <where>  
-            <if test="username != null  and username != ''"> and username like concat('%', #{username}, '%')</if>
-            <if test="password != null  and password != ''"> and password = #{password}</if>
-            <if test="role != null "> and role = #{role}</if>
-        </where>
-    </select>
-    
-    <select id="selectUsersById" parameterType="Long" resultMap="UsersResult">
-        <include refid="selectUsersVo"/>
-        where id = #{id}
-    </select>
-
-    <select id="selectUserByUserName" parameterType="String" resultMap="com.ruoyi.system.mapper.UsersMapper.UsersResult">
-        select id, username, password, role
-        from users
-        where username = #{userName}
-    </select>
-
-    <insert id="insertUsers" parameterType="Users" useGeneratedKeys="true" keyProperty="id">
-        insert into users
-        <trim prefix="(" suffix=")" suffixOverrides=",">
-            <if test="username != null and username != ''">username,</if>
-            <if test="password != null and password != ''">password,</if>
-            <if test="role != null">role,</if>
-         </trim>
-        <trim prefix="values (" suffix=")" suffixOverrides=",">
-            <if test="username != null and username != ''">#{username},</if>
-            <if test="password != null and password != ''">#{password},</if>
-            <if test="role != null">#{role},</if>
-         </trim>
-    </insert>
-
-    <update id="updateUsers" parameterType="Users">
-        update users
-        <trim prefix="SET" suffixOverrides=",">
-            <if test="username != null and username != ''">username = #{username},</if>
-            <if test="password != null and password != ''">password = #{password},</if>
-            <if test="role != null">role = #{role},</if>
-        </trim>
-        where id = #{id}
-    </update>
-
-    <delete id="deleteUsersById" parameterType="Long">
-        delete from users where id = #{id}
-    </delete>
-
-    <delete id="deleteUsersByIds" parameterType="String">
-        delete from users where id in 
-        <foreach item="id" collection="array" open="(" separator="," close=")">
-            #{id}
-        </foreach>
-    </delete>
-</mapper>
\ No newline at end of file
diff --git a/ruoyi-ui/src/utils/request.js b/ruoyi-ui/src/utils/request.js
index 8695801..4ed6a9b 100644
--- a/ruoyi-ui/src/utils/request.js
+++ b/ruoyi-ui/src/utils/request.js
@@ -96,13 +96,13 @@ service.interceptors.response.use(res => {
     }
       return Promise.reject('无效的会话，或者会话已过期，请重新登录。')
     } else if (code === 500) {
-      Message({ message: msg, type: 'error' })
+      Message({ message: msg, type: 'error', center: true })
       return Promise.reject(new Error(msg))
     } else if (code === 601) {
-      Message({ message: msg, type: 'warning' })
+      Message({ message: msg, type: 'warning', center: true })
       return Promise.reject('error')
     } else if (code !== 200) {
-      Notification.error({ title: msg })
+      Message({ message: msg, type: 'error', center: true })
       return Promise.reject('error')
     } else {
       return res.data
diff --git a/ruoyi-ui/src/views/selectRoom/index.vue b/ruoyi-ui/src/views/selectRoom/index.vue
index e4bd99f..e79005e 100644
--- a/ruoyi-ui/src/views/selectRoom/index.vue
+++ b/ruoyi-ui/src/views/selectRoom/index.vue
@@ -1,28 +1,21 @@
 <template>
   <div class="page-container">
-    <!-- 背景装饰 -->
     <div class="background-decoration"></div>
-    
-    <!-- 主内容区域 -->
+
     <div class="main-content">
-      <!-- 房间选择面板 -->
       <div class="room-panel">
-        <!-- 面板标题 -->
         <div class="panel-header">
           <h2>房间选择</h2>
           <p>选择或创建您要加入的协作房间</p>
         </div>
 
-        <!-- 房间列表 -->
         <div class="room-list">
-          <!-- 房间项 -->
-          <div 
-            v-for="room in getParentRooms" 
+          <div
+            v-for="room in getParentRooms"
             :key="room.id"
             class="room-group"
           >
-            <!-- 父房间 -->
-            <div 
+            <div
               class="room-item parent-room"
               :class="{ 'active': selectedRoom === room.id }"
               @click="toggleRoomExpansion(room)"
@@ -41,19 +34,22 @@
                 <div class="expand-icon">
                   <i class="fa" :class="expandedRooms.includes(room.id) ? 'fa-chevron-down' : 'fa-chevron-right'"></i>
                 </div>
-                <div class="select-indicator">
-                  <i v-if="selectedRoom === room.id" class="fa fa-check"></i>
+                <div class="delete-room-btn" @click.stop="handleDelete(room)">
+                  <i class="el-icon-delete" style="color: #ff4949; font-size: 18px; margin-right: 5px;"></i>
                 </div>
-                <div v-if="expandedRooms.includes(room.id)" class="add-child-btn" @click.stop="showAddChildRoomDialog(room)">
+                <div v-if="expandedRooms.includes(room.id)" class="add-child-btn"
+                     @click.stop="showAddChildRoomDialog(room)">
                   <i class="el-icon-plus"></i>
                 </div>
+                <div class="select-indicator">
+                  <i v-if="selectedRoom === room.id" class="fa fa-check"></i>
+                </div>
               </div>
             </div>
 
-            <!-- 子房间列表 -->
             <div v-if="expandedRooms.includes(room.id)" class="child-rooms">
-              <div 
-                v-for="childRoom in getChildRooms(room.id)" 
+              <div
+                v-for="childRoom in getChildRooms(room.id)"
                 :key="childRoom.id"
                 class="room-item child-room"
                 :class="{ 'active': selectedRoom === childRoom.id }"
@@ -69,6 +65,9 @@
                   </div>
                 </div>
                 <div class="room-actions">
+                  <div class="delete-room-btn" @click.stop="handleDelete(childRoom)">
+                    <i class="el-icon-delete" style="color: #ff4949; font-size: 16px; margin-right: 5px;"></i>
+                  </div>
                   <div class="select-indicator">
                     <i v-if="selectedRoom === childRoom.id" class="fa fa-check"></i>
                   </div>
@@ -77,7 +76,6 @@
             </div>
           </div>
 
-          <!-- 空状态 -->
           <div v-if="getParentRooms.length === 0" class="empty-state">
             <i class="fa fa-sitemap"></i>
             <h3>暂无房间</h3>
@@ -85,14 +83,13 @@
           </div>
         </div>
 
-        <!-- 操作按钮 -->
         <div class="action-buttons">
           <button @click="showAddRoomDialog" class="btn-secondary">
             <i class="fa fa-plus"></i> 新增大房间
           </button>
-          <button 
-            @click="enterRoom" 
-            class="btn-primary" 
+          <button
+            @click="enterRoom"
+            class="btn-primary"
             :disabled="!selectedRoom"
             :class="{ 'disabled': !selectedRoom }"
           >
@@ -101,15 +98,13 @@
         </div>
       </div>
 
-      <!-- 底部信息 -->
       <div class="footer-info">
         <p>© 2026 多人联网演示系统 | 支持Windows/国产化系统互通</p>
       </div>
     </div>
 
-    <!-- 右键菜单 -->
-    <div 
-      v-if="contextMenu.visible" 
+    <div
+      v-if="contextMenu.visible"
       :style="{ left: contextMenu.x + 'px', top: contextMenu.y + 'px' }"
       class="context-menu"
     >
@@ -117,104 +112,59 @@
         <i class="fa fa-edit"></i>
         <span>修改房间</span>
       </div>
-      <div @click="deleteRoom" class="menu-item menu-item-danger">
+      <div @click="handleDelete(contextMenu.room)" class="menu-item menu-item-danger">
         <i class="fa fa-trash"></i>
         <span>删除房间</span>
       </div>
     </div>
 
-    <!-- 房间编辑弹窗 -->
-    <div v-if="dialog.visible" class="dialog-overlay">
-      <div class="dialog">
-        <div class="dialog-header">
-          <h3>{{ dialog.mode === 'add' ? '新增房间' : '修改房间' }}</h3>
-          <button @click="closeDialog" class="dialog-close">
-            <i class="fa fa-times"></i>
-          </button>
-        </div>
-        <div class="dialog-body">
-          <div class="form-group">
-            <label>房间名称</label>
-            <input 
-              v-model="dialog.form.name" 
-              type="text" 
-              placeholder="请输入房间名称"
-              class="form-input"
-            >
-          </div>
-        </div>
-        <div class="dialog-footer">
-          <button @click="closeDialog" class="btn-secondary">取消</button>
-          <button @click="saveRoom" class="btn-primary">确定</button>
-        </div>
+    <el-dialog
+      :title="dialog.mode === 'add' ? '新增房间' : '修改房间'"
+      :visible.sync="dialog.visible"
+      width="400px"
+      append-to-body
+      :close-on-click-modal="false"
+      custom-class="custom-el-dialog"
+    >
+      <el-form label-position="top">
+        <el-form-item label="房间名称">
+          <el-input
+            v-model="dialog.form.name"
+            placeholder="请输入房间名称"
+            @keyup.enter.native="saveRoom"
+            clearable
+          ></el-input>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="closeDialog" class="cancel-btn">取 消</el-button>
+        <el-button type="primary" @click="saveRoom" class="confirm-btn">确 定</el-button>
       </div>
-    </div>
+    </el-dialog>
   </div>
 </template>
 
 <script>
+import {addRooms, updateRooms, delRooms, listRooms} from "@/api/system/rooms";
+
 export default {
   name: 'RoomSelect',
   data() {
     return {
       selectedRoom: null,
-      expandedRooms: [], // 记录展开的大房间ID
-      contextMenu: {
-        visible: false,
-        x: 0,
-        y: 0,
-        room: null
-      },
+      expandedRooms: [],
+      contextMenu: {visible: false, x: 0, y: 0, room: null},
       dialog: {
         visible: false,
         mode: 'add',
-        form: {
-          id: null,
-          name: '',
-          parentId: null
-        }
+        form: {id: null, name: '', parentId: null}
       },
-      rooms: [
-        {
-          id: 1,
-          name: '大房间-001',
-          parentId: null
-        },
-        {
-          id: 2,
-          name: '子房间-001-1',
-          parentId: 1
-        },
-        {
-          id: 3,
-          name: '子房间-001-2',
-          parentId: 1
-        },
-        {
-          id: 4,
-          name: '大房间-002',
-          parentId: null
-        },
-        {
-          id: 5,
-          name: '子房间-002-1',
-          parentId: 4
-        },
-        {
-          id: 6,
-          name: '大房间-003',
-          parentId: null
-        },
-        {
-          id: 7,
-          name: '大房间-004',
-          parentId: null
-        }
-      ]
+      rooms: []
     }
   },
   mounted() {
-    document.addEventListener('click', this.hideContextMenu)
+    document.addEventListener('click', this.hideContextMenu);
+    this.getList();
   },
   beforeDestroy() {
     document.removeEventListener('click', this.hideContextMenu)
@@ -225,6 +175,13 @@ export default {
     }
   },
   methods: {
+    getList() {
+      listRooms().then(response => {
+        this.rooms = response.rows || response;
+      }).catch(err => {
+        console.error("加载列表失败，请检查后端接口权限", err);
+      });
+    },
     getChildRooms(parentId) {
       return this.rooms.filter(room => room.parentId === parentId)
     },
@@ -241,7 +198,6 @@ export default {
     },
     enterRoom() {
       if (this.selectedRoom) {
-        const room = this.rooms.find(r => r.id === this.selectedRoom)
         this.$router.push('/childRoom');
       }
     },
@@ -256,20 +212,12 @@ export default {
     },
     showAddRoomDialog() {
       this.dialog.mode = 'add'
-      this.dialog.form = {
-        id: null,
-        name: '',
-        parentId: null
-      }
+      this.dialog.form = {id: null, name: '', parentId: null}
       this.dialog.visible = true
     },
     showAddChildRoomDialog(parentRoom) {
       this.dialog.mode = 'add'
-      this.dialog.form = {
-        id: null,
-        name: '',
-        parentId: parentRoom.id
-      }
+      this.dialog.form = {id: null, name: '', parentId: parentRoom.id}
       this.dialog.visible = true
     },
     editRoom() {
@@ -282,42 +230,29 @@ export default {
       this.dialog.visible = true
       this.hideContextMenu()
     },
-    deleteRoom() {
-      if (confirm('确定要删除这个房间吗？删除后所有子房间也会被删除。')) {
-        const roomId = this.contextMenu.room.id
-        // 删除房间及其所有子房间。
-        this.rooms = this.rooms.filter(r => r.id !== roomId && r.parentId !== roomId)
-        if (this.selectedRoom === roomId) {
-          this.selectedRoom = null
-        }
-        // 如果删除的是大房间，从展开列表中移除
-        const index = this.expandedRooms.indexOf(roomId)
-        if (index > -1) {
-          this.expandedRooms.splice(index, 1)
-        }
-      }
-      this.hideContextMenu()
+    handleDelete(room) {
+      this.$modal.confirm('是否确认删除房间："' + room.name + '"？').then(() => {
+        return delRooms(room.id);
+      }).then(() => {
+        this.$modal.msgSuccess("删除成功");
+        if (this.selectedRoom === room.id) this.selectedRoom = null;
+        this.getList();
+      }).catch(() => {
+      });
+      this.hideContextMenu();
     },
     saveRoom() {
       if (!this.dialog.form.name.trim()) {
-        alert('请输入房间名称')
-        return
+        this.$modal.msgError("请输入房间名称");
+        return;
       }
-      
-      if (this.dialog.mode === 'add') {
-        const newRoom = {
-          id: Date.now(),
-          name: this.dialog.form.name,
-          parentId: this.dialog.form.parentId
-        }
-        this.rooms.push(newRoom)
-      } else {
-        const roomIndex = this.rooms.findIndex(r => r.id === this.dialog.form.id)
-        if (roomIndex !== -1) {
-          this.rooms[roomIndex].name = this.dialog.form.name
-        }
-      }
-      this.closeDialog()
+      const action = this.dialog.mode === 'add' ? addRooms : updateRooms;
+      action(this.dialog.form).then(response => {
+        this.$modal.msgSuccess(this.dialog.mode === 'add' ? "新增成功" : "修改成功");
+        this.closeDialog();
+        this.getList();
+      }).catch(err => {
+      });
     },
     closeDialog() {
       this.dialog.visible = false
@@ -327,14 +262,13 @@ export default {
 </script>
 
 <style scoped>
-/* 全局样式 */
+/* 核心布局 */
 * {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
 }
 
-/* 页面容器 */
 .page-container {
   background: linear-gradient(135deg, #ffffff 0%, #f0f8ff 100%);
   min-height: 100vh;
@@ -343,26 +277,22 @@ export default {
   justify-content: center;
   padding: 20px;
   color: #1a202c;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
   position: relative;
   overflow: hidden;
 }
 
-/* 背景装饰 */
 .background-decoration {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
-  background-image: 
-    radial-gradient(circle at 20% 20%, rgba(22, 93, 255, 0.05) 0%, transparent 50%),
-    radial-gradient(circle at 80% 80%, rgba(22, 93, 255, 0.05) 0%, transparent 50%);
+  background-image: radial-gradient(circle at 20% 20%, rgba(22, 93, 255, 0.05) 0%, transparent 50%);
   pointer-events: none;
   z-index: 0;
 }
 
-/* 主内容区域 */
 .main-content {
   width: 100%;
   max-width: 400px;
@@ -370,59 +300,16 @@ export default {
   animation: fadeIn 0.5s ease-out;
 }
 
-/* 系统标题 */
-.system-header {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  margin-bottom: 30px;
-  padding: 0 20px;
-}
-
-.system-logo {
-  width: 48px;
-  height: 48px;
-  background: #165DFF;
-  border-radius: 12px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  box-shadow: 0 4px 12px rgba(22, 93, 255, 0.15);
-}
-
-.system-logo i {
-  color: white;
-  font-size: 24px;
-}
-
-.system-title h1 {
-  font-size: 28px;
-  font-weight: 700;
-  color: #1a202c;
-  margin: 0;
-  line-height: 1.2;
-}
-
-.system-title p {
-  font-size: 14px;
-  color: #64748b;
-  margin: 4px 0 0 0;
-  line-height: 1.5;
-}
-
-/* 房间选择面板 */
+/* 列表面板 */
 .room-panel {
   background-color: white;
   border-radius: 16px;
   box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
   overflow: hidden;
-  transition: all 0.3s ease;
 }
 
-/* 面板标题 */
 .panel-header {
   padding: 20px 24px 16px;
-  background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
   border-bottom: 1px solid #e2e8f0;
   text-align: center;
 }
@@ -430,89 +317,53 @@ export default {
 .panel-header h2 {
   font-size: 20px;
   font-weight: 600;
-  color: #1a202c;
   margin: 0 0 6px 0;
-  line-height: 1.2;
+  color: #1e293b;
 }
 
 .panel-header p {
   font-size: 13px;
   color: #64748b;
   margin: 0;
-  line-height: 1.5;
 }
 
-/* 房间列表 */
 .room-list {
   padding: 0;
-  max-height: 500px;
+  max-height: 480px;
   overflow-y: auto;
 }
 
-/* 滚动条样式 */
-.room-list::-webkit-scrollbar {
-  width: 8px;
-}
-
-.room-list::-webkit-scrollbar-track {
-  background-color: #f8fafc;
-  border-radius: 4px;
-}
-
-.room-list::-webkit-scrollbar-thumb {
-  background-color: #cbd5e1;
-  border-radius: 4px;
-  transition: all 0.2s ease;
-}
-
-.room-list::-webkit-scrollbar-thumb:hover {
-  background-color: #94a3b8;
-}
-
-/* 房间项通用样式 */
 .room-item {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding: 12px 24px;
+  padding: 14px 24px;
   cursor: pointer;
-  transition: all 0.2s ease;
-  position: relative;
   border-bottom: 1px solid #f1f5f9;
+  transition: background 0.2s;
 }
 
-/* 移除鼠标悬停效果 */
-.room-item:hover {
-  background-color: white;
-  box-shadow: none;
-  transform: none;
-}
-
-/* 大房间样式 */
 .parent-room {
   background-color: white;
   border-left: 4px solid transparent;
 }
 
 .parent-room.active {
-  background-color: #f0f8ff;
+  background-color: #f0f7ff;
   border-left-color: #165DFF;
 }
 
-/* 子房间样式 */
 .child-room {
-  background-color: white;
-  padding-left: 64px;
-  border-left: 4px solid transparent;
+  background-color: #fafcfe;
+  padding-left: 60px;
   font-size: 14px;
 }
 
 .child-room.active {
-  background-color: #f0f8ff;
+  background-color: #f0f7ff;
   border-left-color: #165DFF;
 }
 
-/* 房间信息 */
 .room-info {
   display: flex;
   align-items: center;
@@ -522,8 +373,8 @@ export default {
 }
 
 .room-icon {
-  width: 36px;
-  height: 36px;
+  width: 32px;
+  height: 32px;
   border-radius: 8px;
   display: flex;
   align-items: center;
@@ -532,259 +383,150 @@ export default {
 }
 
 .parent-room .room-icon {
-  background: linear-gradient(135deg, #e0f2fe 0%, #bae6fd 100%);
+  background: #e0f2fe;
   color: #0369a1;
-  font-size: 16px;
 }
 
 .child-room .room-icon {
-  background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
+  background: #f0f9ff;
   color: #0ea5e9;
-  font-size: 14px;
-}
-
-.room-details {
-  flex: 1;
-  min-width: 0;
 }
 
 .room-details h3 {
-  font-size: 16px;
+  font-size: 15px;
   font-weight: 600;
-  color: #1a202c;
-  margin: 0 0 4px 0;
-  line-height: 1.4;
+  margin: 0;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
 
-.child-room .room-details h3 {
-  font-size: 15px;
-  font-weight: 500;
-}
-
 .room-stats {
   font-size: 12px;
-  color: #64748b;
-  margin: 0;
-  line-height: 1.4;
-}
-
-/* 房间操作 */
-.room-actions {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-}
-
-.expand-icon {
   color: #94a3b8;
-  font-size: 12px;
-  transition: all 0.2s ease;
-}
-
-.parent-room.active .expand-icon {
-  color: #165DFF;
 }
 
-.select-indicator {
-  width: 20px;
-  height: 20px;
-  border-radius: 4px;
+.room-actions {
   display: flex;
   align-items: center;
-  justify-content: center;
-  color: #165DFF;
-  font-size: 14px;
+  gap: 14px;
 }
 
 .add-child-btn {
-  width: 28px;
-  height: 28px;
-  color: #333;
-  display: flex;
-  align-items: center;
-  justify-content: center;
+  font-size: 20px;
   cursor: pointer;
-  transition: all 0.2s ease;
-  font-size: 24px;
+  color: #64748b;
+  transition: color 0.2s;
 }
 
 .add-child-btn:hover {
-  color: #000;
-  transform: scale(1.1);
+  color: #165DFF;
 }
 
-/* 子房间列表 */
-.child-rooms {
-  background-color: white;
+.delete-room-btn {
+  cursor: pointer;
+  opacity: 0.6;
+  transition: opacity 0.2s;
 }
 
-/* 新增子房间按钮 */
-.add-child-room {
-  padding: 12px 32px 12px 64px;
-  background-color: white;
-  border-bottom: 1px solid #f1f5f9;
+.delete-room-btn:hover {
+  opacity: 1;
 }
 
-/* 空状态 */
 .empty-state {
   text-align: center;
   padding: 60px 32px;
-  color: #64748b;
+  color: #94a3b8;
 }
 
 .empty-state i {
-  font-size: 48px;
-  margin-bottom: 16px;
-  color: #cbd5e1;
-  opacity: 0.7;
-}
-
-.empty-state h3 {
-  font-size: 18px;
-  font-weight: 600;
-  margin: 0 0 8px 0;
-  color: #334155;
-}
-
-.empty-state p {
-  font-size: 14px;
-  margin: 0;
-  line-height: 1.5;
-}
-
-/* 新增房间按钮 */
-.add-room-section {
-  padding: 20px 32px;
-  background-color: #f8fafc;
-  border-top: 1px solid #e2e8f0;
+  font-size: 40px;
+  margin-bottom: 12px;
 }
 
-.btn-add {
-  width: 100%;
-  padding: 14px 16px;
-  background-color: white;
-  border: 2px dashed #cbd5e1;
-  border-radius: 10px;
-  color: #64748b;
-  font-size: 14px;
-  font-weight: 500;
-  cursor: pointer;
-  transition: all 0.3s ease;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 8px;
-}
-
-.btn-add:hover {
-  background-color: #f0f8ff;
-  border-color: #165DFF;
-  color: #165DFF;
-  transform: translateY(-1px);
-  box-shadow: 0 4px 12px rgba(22, 93, 255, 0.1);
-}
-
-/* 操作按钮 */
+/* 底部按钮 */
 .action-buttons {
   display: flex;
   gap: 12px;
-  padding: 16px 26px;
+  padding: 18px 24px;
   background-color: #f8fafc;
   border-top: 1px solid #e2e8f0;
 }
 
-/* 按钮通用样式 */
-button {
+.btn-primary {
   flex: 1;
-  padding: 10px 16px;
-  border: none;
-  border-radius: 8px;
+  padding: 12px;
+  border-radius: 10px;
   font-size: 14px;
   font-weight: 500;
-  cursor: pointer;
-  transition: all 0.3s ease;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 6px;
-  text-decoration: none;
-  outline: none;
-  position: relative;
-  overflow: hidden;
-}
-
-/* 主按钮样式 */
-.btn-primary {
   background: #165DFF;
   color: white;
-  box-shadow: 0 4px 12px rgba(22, 93, 255, 0.15);
+  border: none;
+  cursor: pointer;
+  transition: all 0.2s;
+  box-shadow: 0 4px 12px rgba(22, 93, 255, 0.2);
 }
 
 .btn-primary:hover:not(.disabled) {
-  background: #0d4ed8;
-  box-shadow: 0 6px 16px rgba(22, 93, 255, 0.2);
+  background: #3370ff;
   transform: translateY(-1px);
 }
 
 .btn-primary.disabled {
   opacity: 0.5;
   cursor: not-allowed;
-  transform: none;
   box-shadow: none;
 }
 
-/* 次要按钮样式 */
 .btn-secondary {
-  background-color: white;
-  color: #334155;
+  flex: 1;
+  padding: 12px;
+  border-radius: 10px;
+  font-size: 14px;
+  background: white;
+  color: #475569;
   border: 1px solid #e2e8f0;
+  cursor: pointer;
 }
 
 .btn-secondary:hover {
-  background-color: #f8fafc;
+  background: #f1f5f9;
   border-color: #cbd5e1;
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
-  transform: translateY(-1px);
 }
 
-/* 底部信息 */
 .footer-info {
   text-align: center;
   margin-top: 24px;
-  font-size: 13px;
-  color: #64748b;
-  line-height: 1.5;
+  font-size: 12px;
+  color: #94a3b8;
 }
 
 /* 右键菜单 */
 .context-menu {
   position: fixed;
   background: white;
-  border-radius: 12px;
-  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
-  padding: 8px 0;
-  min-width: 200px;
-  z-index: 1000;
-  border: 1px solid #e2e8f0;
-  animation: fadeIn 0.2s ease-out;
+  border-radius: 10px;
+  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
+  padding: 6px 0;
+  min-width: 140px;
+  z-index: 2000;
+  border: 1px solid #f1f5f9;
 }
 
 .menu-item {
-  padding: 12px 20px;
+  padding: 10px 16px;
   cursor: pointer;
   display: flex;
   align-items: center;
   gap: 10px;
-  font-size: 14px;
-  color: #334155;
-  transition: all 0.2s ease;
+  font-size: 13px;
+  color: #475569;
+  transition: background 0.2s;
 }
 
 .menu-item:hover {
   background-color: #f8fafc;
+  color: #165DFF;
 }
 
 .menu-item-danger {
@@ -793,144 +535,73 @@ button {
 
 .menu-item-danger:hover {
   background-color: #fef2f2;
-}
-
-.menu-item i {
-  width: 16px;
-  text-align: center;
-  font-size: 14px;
-}
-
-.menu-item-danger i {
   color: #ef4444;
 }
 
-/* 弹窗样式 */
-.dialog-overlay {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background: rgba(0, 0, 0, 0.5);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  z-index: 2000;
-  animation: fadeIn 0.2s ease-out;
-}
-
-.dialog {
-  background-color: white;
-  border-radius: 16px;
-  width: 90%;
-  max-width: 420px;
-  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
-  overflow: hidden;
-  animation: slideIn 0.3s ease-out;
-}
-
-@keyframes slideIn {
-  from {
-    opacity: 0;
-    transform: translateY(-20px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
+/* --- Element UI 局部重写 --- */
+::v-deep .custom-el-dialog {
+  border-radius: 20px !important;
+  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15) !important;
 }
 
-.dialog-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 20px 24px;
-  border-bottom: 1px solid #e2e8f0;
-  background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
+::v-deep .el-dialog__header {
+  padding: 24px 24px 10px !important;
+  text-align: center;
 }
 
-.dialog-header h3 {
+::v-deep .el-dialog__title {
   font-size: 18px;
   font-weight: 600;
-  color: #1a202c;
-  margin: 0;
-  line-height: 1.2;
+  color: #1e293b;
 }
 
-.dialog-close {
-  background: none;
-  border: none;
-  cursor: pointer;
-  color: #64748b;
-  font-size: 20px;
-  padding: 4px;
-  transition: all 0.2s ease;
-  border-radius: 6px;
-  width: 32px;
-  height: 32px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.dialog-close:hover {
-  background-color: #f1f5f9;
-  color: #334155;
-}
-
-.dialog-body {
-  padding: 24px;
-}
-
-/* 表单样式 */
-.form-group {
-  margin-bottom: 20px;
+::v-deep .el-form-item__label {
+  font-weight: 500;
+  color: #475569;
+  padding-bottom: 8px !important;
 }
 
-.form-group:last-child {
-  margin-bottom: 0;
+::v-deep .el-input__inner {
+  border-radius: 10px !important;
+  height: 48px !important;
+  border: 1px solid #e2e8f0 !important;
+  transition: all 0.2s !important;
 }
 
-.form-group label {
-  display: block;
-  font-size: 14px;
-  font-weight: 500;
-  color: #374151;
-  margin-bottom: 8px;
-  line-height: 1.4;
+::v-deep .el-input__inner:focus {
+  border-color: #165DFF !important;
+  box-shadow: 0 0 0 3px rgba(22, 93, 255, 0.1) !important;
 }
 
-.form-input {
-  width: 100%;
-  padding: 12px 16px;
-  border: 1px solid #e2e8f0;
-  border-radius: 8px;
-  font-size: 15px;
-  color: #1a202c;
-  outline: none;
-  transition: all 0.2s ease;
-  background-color: white;
+::v-deep .el-dialog__footer {
+  padding: 0 24px 24px !important;
 }
 
-.form-input:focus {
-  border-color: #165DFF;
-  box-shadow: 0 0 0 3px rgba(22, 93, 255, 0.1);
+.dialog-footer {
+  display: flex !important;
+  justify-content: space-between !important;
+  gap: 12px !important;
+  width: 100% !important;
 }
 
-.form-input::placeholder {
-  color: #94a3b8;
+::v-deep .el-dialog__footer .el-button {
+  flex: 1 !important;
+  margin: 0 !important;
+  height: 44px !important;
+  border-radius: 10px !important;
+  font-size: 14px !important;
+  font-weight: 500 !important;
+  display: inline-flex !important;
+  align-items: center !important;
+  justify-content: center !important;
 }
 
-.dialog-footer {
-  display: flex;
-  gap: 12px;
-  padding: 20px 24px;
-  border-top: 1px solid #e2e8f0;
-  background-color: #f8fafc;
+::v-deep .el-button--primary {
+  background-color: #165DFF !important;
+  border-color: #165DFF !important;
+  box-shadow: 0 4px 10px rgba(22, 93, 255, 0.2) !important;
 }
 
-/* 动画效果 */
 @keyframes fadeIn {
   from {
     opacity: 0;
@@ -941,53 +612,30 @@ button {
     transform: translateY(0);
   }
 }
+</style>
+
+<style>
+/* 针对全局弹出的 Message 组件进行修饰 */
+.el-message {
+  min-width: 320px !important;
+  max-width: 420px !important;
+  border-radius: 12px !important;
+  padding: 14px 20px !important;
+  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12) !important;
+  border: 1px solid rgba(0, 0, 0, 0.05) !important;
+  top: 40px !important;
+  z-index: 99999 !important;
+}
 
-/* 响应式设计 */
-@media (max-width: 640px) {
-  .page-container {
-    padding: 12px;
-  }
-  
-  .system-header {
-    margin-bottom: 20px;
-    padding: 0 16px;
-  }
-  
-  .system-title h1 {
-    font-size: 24px;
-  }
-  
-  .room-panel {
-    border-radius: 12px;
-  }
-  
-  .panel-header {
-    padding: 20px 24px 16px;
-  }
-  
-  .panel-header h2 {
-    font-size: 20px;
-  }
-  
-  .room-item {
-    padding: 14px 24px;
-  }
-  
-  .child-room {
-    padding-left: 48px;
-  }
-  
-  .add-child-room {
-    padding: 10px 24px 10px 48px;
-  }
-  
-  .action-buttons {
-    padding: 20px 24px;
-  }
-  
-  .dialog {
-    border-radius: 12px;
-  }
+/* 消息内容文字美化 */
+.el-message__content {
+  font-size: 14px !important;
+  font-weight: 600 !important;
+  line-height: 1.4 !important;
 }
-</style>
 
+/* 修正图标大小 */
+.el-message__icon {
+  font-size: 18px !important;
+}
+</style>