feat: 新增频道管理功能，优化整体UI与交互体验

本次提交完成了以下核心变更：
1.  新增完整的频道管理模块，包括频道增删改查API、页面组件与权限配置
2.  为短剧功能添加频道关联字段，支持将短剧绑定到指定频道
3.  全局UI优化：统一使用Panel组件重构页面布局，统一样式规范与交互细节
4.  表格与日志组件优化：新增请求方法颜色标记、耗时高亮、状态码分级展示
5.  登录页、个人中心、布局等页面的视觉升级与交互优化
6.  完善全局TailwindCSS样式与组件样式自定义

src/Role/components/PermissionTreePicker.tsx

@@ -12,6 +12,7 @@ const systemPermissionModules: PermissionModuleConfig[] = [
 
 const businessPermissionModules: PermissionModuleConfig[] = [
     { prefix: "drama", title: "短剧管理", subject: "短剧" },
+    { prefix: "channel", title: "频道管理", subject: "频道" },
     { prefix: "episode", title: "剧集管理", subject: "剧集" },
     { prefix: "media", title: "媒体管理", subject: "媒体" },
     { prefix: "payment", title: "支付管理", subject: "支付" },

src/Role/index.tsx

@@ -1,8 +1,9 @@
 import { useState } from "react";
-import { Button, Card, Form, Input, Message, Modal, Space, Table, Tag } from "@arco-design/web-react";
+import { Button, Form, Input, Message, Modal, Space, Table, Tag } from "@arco-design/web-react";
 import { IconPlus } from "@arco-design/web-react/icon";
 import { roleApi } from "../api";
 import { usePageData } from "../hooks/usePageData";
+import { Panel } from "../components/Panel";
 import { PermissionTreePicker } from "./components/PermissionTreePicker";
 import type { CreateRoleFormValues, Permission, Role } from "./interface";
 
@@ -61,14 +62,14 @@ function RolesPage() {
     };
 
     return (
-        <Card
-            className="section-card"
+        <Panel
             title="角色管理"
             extra={
                 <Button type="primary" icon={<IconPlus />} onClick={openCreateRole}>
                     新增角色
                 </Button>
             }
+            noPadding
         >
             <Table
                 rowKey="id"
@@ -137,7 +138,7 @@ function RolesPage() {
             >
                 <PermissionTreePicker permissions={permissions.data.list} value={selectedPermissionIds} onChange={setSelectedPermissionIds} />
             </Modal>
-        </Card>
+        </Panel>
     );
 }