权限监控与管理界面全面美化

重新设计权限系统所有 UI 组件的视觉风格，统一配色、圆角、阴影和交互动效：
- 实时概览：统计卡片加图标和渐变色条，健康评分改为环形进度，告警改为卡片式
- 趋势分析：图表卡片加彩色图标标识，ECharts 配色升级为渐变面积填充
- 访问日志：指标卡片带图标，日志审计改为卡片式入口，IP排行前三高亮
- IP属地：工具栏重设计，排行列表前三渐变高亮，指标卡片统一新风格
- 系统级权限：从 el-table 改为自定义卡片列表，模块块独立圆角卡片
- 项目权限配置：空状态引导优化，成员表格加头像，工具栏加背景容器
- 角色概览卡片：加进度条可视化，hover 微动效
- 接口权限矩阵：工具栏分离布局，表格圆角包裹
- 角色管理抽屉：侧边栏选中态渐变，操作行 hover 高亮

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

frontend/src/views/admin/ApiPermissions.vue

@@ -156,10 +156,10 @@ const onApiMatrixUpdate = (newMatrix: ApiEndpointPermissionsResponse) => {
 const currentPermissionsForTemplate = computed(() => {
   if (!apiMatrix.value) return undefined;
   const result: Record<string, Record<string, boolean>> = {};
-  for (const [role, endpoints] of Object.entries(apiMatrix.value as Record<string, Record<string, { allowed: boolean }>>)) {
+  for (const [role, endpoints] of Object.entries(apiMatrix.value)) {
     result[role] = {};
     for (const [key, val] of Object.entries(endpoints)) {
-      result[role][key] = val.allowed;
+      result[role][key] = typeof val === "boolean" ? val : val.allowed;
     }
   }
   return result;
@@ -171,13 +171,24 @@ const onTemplateApplied = async (permissions: Record<string, Record<string, { al
   ElMessage.success("权限已更新");
 };
 
+const flattenMatrix = (matrix: ApiEndpointPermissionsResponse): Record<string, Record<string, boolean>> => {
+  const result: Record<string, Record<string, boolean>> = {};
+  for (const [role, endpoints] of Object.entries(matrix)) {
+    result[role] = {};
+    for (const [key, val] of Object.entries(endpoints)) {
+      result[role][key] = typeof val === "boolean" ? val : val.allowed;
+    }
+  }
+  return result;
+};
+
 const save = async () => {
   if (!studyId.value || !dirty.value) return;
 
   saving.value = true;
   try {
     if (apiMatrix.value) {
-      const res = await updateApiEndpointPermissions(studyId.value, apiMatrix.value);
+      const res = await updateApiEndpointPermissions(studyId.value, flattenMatrix(apiMatrix.value));
       apiMatrix.value = res.data;
     }