优化分组栏布局: 调整垂直内边距，缩小按钮间距，增加分组标签右侧间距

README.md

@@ -21,6 +21,7 @@
 2. **移除了点亮地区版块** - 从状态栏和相关配置中完全移除了点亮地区统计功能
 3. **增加了安卓系统支持** - 添加了安卓系统的图标和识别方案，可以正确识别安卓系统设备
 4. **优化了模拟数据** - 调整了模拟数据的生成逻辑，默认关闭模拟数据模式以便生产环境使用
+5. **改进了分组栏样式** - 优化了分组栏的垂直内边距和水平间距，增加了 "分组" 标签与第一个 tab 的间距，提升了界面的视觉平衡感
 
 ## 🚀 快速开始
 

src/pages/Home.tsx

@@ -136,8 +136,8 @@ const HomePage: React.FC<HomePageProps> = ({ searchTerm, setSearchTerm }) => {
 
       <main className="flex-1 px-4 pb-4">
         {enableGroupedBar && (
-          <div className="flex purcarte-blur theme-card-style overflow-auto whitespace-nowrap overflow-x-auto items-center min-w-[300px] text-secondary-foreground space-x-4 px-4 mb-4">
+          <div className="flex purcarte-blur theme-card-style overflow-auto whitespace-nowrap overflow-x-auto items-center min-w-[300px] text-secondary-foreground space-x-2 px-4 py-3 mb-4">
-            <span>分组</span>
+            <span className="mr-4">分组</span>
             {groups.map((group: string) => (
               <Button
                 key={group}