style: 统一项目内字体单位为rem并调整布局尺寸

将项目中所有硬编码的px字体尺寸、容器宽度高度统一替换为rem单位，统一整体UI样式的尺寸规范，同时调整部分布局容器的最大宽度适配新的单位体系

src/Role/components/PermissionTreePicker.tsx

@@ -118,7 +118,7 @@ export function PermissionTreePicker({ permissions, value, onChange }: Permissio
     const checkedKeys = value.map((id) => permissionKey(id));
 
     return (
-        <div className="mb-[15px] h-[360px] overflow-auto rounded-xl border border-line/60 bg-canvas/30 px-4 py-3">
+        <div className="mb-[0.9375rem] h-[22.5rem] overflow-auto rounded-xl border border-line/60 bg-canvas/30 px-4 py-3">
             <Tree
                 blockNode
                 checkable

src/Role/index.tsx

@@ -109,7 +109,7 @@ function RolesPage() {
                     },
                 ]}
             />
-            <Modal title="新增角色" visible={createVisible} onCancel={() => setCreateVisible(false)} footer={null} style={{ width: 640 }}>
+            <Modal title="新增角色" visible={createVisible} onCancel={() => setCreateVisible(false)} footer={null} style={{ width: "40rem" }}>
                 <Form form={createForm} layout="vertical" onSubmit={createRole}>
                     <Form.Item label="角色编码" field="code" rules={[{ required: true }]}>
                         <Input placeholder="请输入角色编码，例如 drama_operator" />
@@ -138,7 +138,7 @@ function RolesPage() {
                 confirmLoading={savingPermissions}
                 onOk={saveRolePermissions}
                 onCancel={() => setAssignmentVisible(false)}
-                style={{ width: 640 }}
+                style={{ width: "40rem" }}
             >
                 <PermissionTreePicker permissions={permissions.data.list} value={selectedPermissionIds} onChange={setSelectedPermissionIds} />
             </Modal>