文档: 在 README 中标注修改由 GitHub Copilot Agent 协助完成

README.md

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

src/index.css

@@ -163,7 +163,7 @@
   }
 
   .theme-card-style {
-    @apply rounded-lg shadow-sm shadow-(color:--accent-12)/50 box-border border border-(--accent-12)/50;
+    @apply rounded-lg shadow-sm shadow-(color:--accent-12)/20 box-border border border-(--accent-12)/25;
   }
 
   .theme-text-muted {

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}