需通过ui层品牌化配置实现部门级视觉隔离：一、启用多部门品牌化ui开关；二、上传绑定各部专属logo资源包；三、设定ui样式规则与媒介适配策略；四、绑定组织架构角色与部门标识映射；五、强制刷新并验证渲染效果。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
如果您在使用WorkBuddy时需为市场部、销售部、客服部等不同部门分别展示专属Logo及品牌视觉元素，则需通过UI层的品牌化配置机制实现界面级视觉隔离。以下是具体操作路径：
一、启用多部门品牌化UI开关
该步骤激活WorkBuddy的UI主题动态加载能力，使其支持基于用户所属组织单元（OU）或自定义标签实时切换Logo、顶部栏配色与启动图标，避免全局统一UI带来的品牌混淆。
1、登录WorkBuddy主界面，点击左上角头像，进入【系统设置】。
2、滑动至【品牌化UI管理】区域，开启【按部门差异化渲染】总开关。
3、系统自动检测当前账号绑定的企业微信/飞书组织架构，若未识别到有效部门信息，将提示手动输入部门标识符（如“market”“sales”“support”）。
4、确认后，WorkBuddy在下次启动时将加载部门感知型UI渲染引擎。
二、上传并绑定各部专属Logo资源包
每个部门需提供结构化Logo资产包，包含标准版、反白版、单色版及最小尺寸约束说明，WorkBuddy据此生成适配深色/浅色模式、高DPI屏幕及不同窗口比例的渲染变体。
1、在【品牌化UI管理】页点击【新增部门配置】，输入部门名称（如“市场部”）与唯一标识符（如“market”）。
2、点击【上传Logo包】，选择已准备好的ZIP压缩包，内含：logo_standard.png（尺寸≥512×512）、logo_invert.png、logo_mono.svg、min_size.txt（内容为“24px”）。
3、上传完成后，点击【校验资源完整性】，系统自动解析SVG锚点、PNG透明通道及文本约束值。
4、校验通过后，右侧预览区实时显示该部门Logo在顶部栏、登录页、任务卡片角标三处的渲染效果。
三、设定部门UI样式规则与媒介适配策略
此步骤定义各Logo在不同上下文中的呈现逻辑，包括背景色适配、尺寸缩放阈值及禁用场景，确保品牌资产在任意交互节点均符合VI规范。
1、在部门配置详情页，展开【UI样式规则】面板。
使用 draw.io（.drawio 格式）和 SVG 生成兼容 Microsoft Visio 的架构图。当用户需要以下任一场景时触发： - 用于 Visio 或技术文档的架构/系统/网络图 - 带连接标注的分层控制系统图 - 将 draw.io XML 转换为稳定、可嵌入的 SVG - 修复 Visio 或 draw.io 无法打开的故障排查类图表 - 任何需专业级布局且文本可编辑的图表
2、在【顶部栏背景匹配】下拉菜单中，为“market”部门选择“Pantone 294C深蓝底+白色Logo”，为“support”部门选择“#F8F9FA浅灰底+深灰Logo”。
3、在【最小安全尺寸】字段中填入数值，例如“market”设为28px，“support”设为22px，系统将自动拦截低于该值的缩放请求。
4、勾选【禁用场景】中的“打印预览模式”，防止Logo在PDF导出时因矢量转栅格导致边缘模糊。
四、绑定组织架构角色与部门标识映射关系
WorkBuddy通过读取企业微信/飞书API返回的用户属性，将实际登录者自动归类至对应部门配置，无需手动切换，保障权限与UI双重一致性。
1、进入【Claw设置】→【身份同步】，确认“部门字段映射”已启用，并显示同步状态为“已连接”。
2、点击【查看字段映射表】，核对源字段（如企微的“department”）与目标标识符（如“market”）的对应关系是否准确。
3、若存在多级部门（如“市场部/数字营销组”），可在映射表中添加正则规则：^市场部.* → market。
4、保存映射后，在【测试身份识别】输入框中粘贴当前用户OpenID，点击验证，页面返回匹配部门：market即表示绑定成功。
五、强制刷新UI并验证多部门渲染效果
该操作触发WorkBuddy卸载当前UI组件树并依据最新部门标识重新加载全部品牌化资源，用于验证配置生效状态及跨设备一致性。
1、退出当前账号，在登录页右下角点击【调试模式】按钮（需连续点击7次）。
2、输入调试指令：ui:reload --force --context=department，回车执行。
3、使用市场部账号登录，检查顶部栏Logo是否为蓝色背景+白色图形；切换至客服部账号，确认顶部栏变为浅灰底+深灰Logo。
4、打开任务看板，观察每个卡片右上角角标是否与当前部门标识一致，且在Windows高DPI缩放125%下无像素模糊。
