style: 优化后台整体UI风格与组件样式

1.  新增并配置全局颜色、阴影、圆角等主题变量
2.  统一各页面卡片、表单、按钮等组件的样式规范
3.  优化登录页、个人中心、仪表盘等页面的布局与视觉效果
4.  添加全局滚动条样式与元素过渡动画

src/Role/components/PermissionTreePicker.tsx

@@ -117,7 +117,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-md border border-line bg-panel px-4 py-3">
+        <div className="mb-[15px] h-[360px] overflow-auto rounded-xl border border-line/60 bg-canvas/30 px-4 py-3">
             <Tree
                 blockNode
                 checkable