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

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

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>