Refactor Chinese documentation for team skills and commands

- Removed outdated table of contents from commands-skills.md
- Updated skills overview in claude-collaboration.md with new skill names and descriptions
- Enhanced clarity and structure of skills details, including roles and pipelines
- Added new team skills: team-arch-opt, team-perf-opt, team-brainstorm, team-frontend, team-uidesign, team-issue, team-iterdev, team-quality-assurance, team-roadmap-dev, team-tech-debt, team-ultra-analyze
- Improved user command section for better usability
- Streamlined best practices for team skills usage

docs/.vitepress/theme/styles/variables.css

@@ -79,23 +79,58 @@
   --vp-c-text-4: #9ca3af;
   --vp-c-text-code: #ef4444;
 
-  /* Typography */
-  --vp-font-family-base: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
-  --vp-font-family-mono: 'Fira Code', 'Cascadia Code', 'JetBrains Mono', Consolas, 'Courier New', monospace;
+  /* Typography - Developer-focused font pairing */
+  --vp-font-family-base: 'Inter', 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
+  --vp-font-family-mono: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', Consolas, 'Courier New', monospace;
+  --vp-font-family-heading: 'Inter', 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, sans-serif;
 
-  /* Font Sizes */
-  --vp-font-size-base: 16px;
-  --vp-font-size-sm: 14px;
-  --vp-font-size-lg: 18px;
-  --vp-font-size-xl: 20px;
+  /* Font Sizes - Modular scale (1.25 ratio) */
+  --vp-font-size-xs: 0.75rem;    /* 12px */
+  --vp-font-size-sm: 0.875rem;   /* 14px */
+  --vp-font-size-base: 1rem;     /* 16px */
+  --vp-font-size-lg: 1.125rem;   /* 18px */
+  --vp-font-size-xl: 1.25rem;    /* 20px */
+  --vp-font-size-2xl: 1.5rem;    /* 24px */
+  --vp-font-size-3xl: 1.875rem;  /* 30px */
+  --vp-font-size-4xl: 2.25rem;   /* 36px */
 
-  /* Spacing (Fixed) */
-  --vp-spacing-xs: 0.25rem;   /* 4px */
-  --vp-spacing-sm: 0.5rem;    /* 8px */
-  --vp-spacing-md: 1rem;      /* 16px */
-  --vp-spacing-lg: 1.5rem;    /* 24px */
-  --vp-spacing-xl: 2rem;      /* 32px */
-  --vp-spacing-2xl: 3rem;     /* 48px */
+  /* Line Heights - Optimized for readability */
+  --vp-line-height-tight: 1.25;
+  --vp-line-height-snug: 1.4;
+  --vp-line-height-normal: 1.6;
+  --vp-line-height-relaxed: 1.75;
+  --vp-line-height-loose: 2;
+
+  /* Spacing (Fixed) - 8px base grid */
+  --vp-spacing-0: 0;
+  --vp-spacing-px: 1px;
+  --vp-spacing-0-5: 0.125rem;  /* 2px */
+  --vp-spacing-1: 0.25rem;     /* 4px */
+  --vp-spacing-1-5: 0.375rem;  /* 6px */
+  --vp-spacing-2: 0.5rem;      /* 8px */
+  --vp-spacing-2-5: 0.625rem;  /* 10px */
+  --vp-spacing-3: 0.75rem;     /* 12px */
+  --vp-spacing-3-5: 0.875rem;  /* 14px */
+  --vp-spacing-4: 1rem;        /* 16px */
+  --vp-spacing-5: 1.25rem;     /* 20px */
+  --vp-spacing-6: 1.5rem;      /* 24px */
+  --vp-spacing-7: 1.75rem;     /* 28px */
+  --vp-spacing-8: 2rem;        /* 32px */
+  --vp-spacing-9: 2.25rem;     /* 36px */
+  --vp-spacing-10: 2.5rem;     /* 40px */
+  --vp-spacing-12: 3rem;       /* 48px */
+  --vp-spacing-14: 3.5rem;     /* 56px */
+  --vp-spacing-16: 4rem;       /* 64px */
+  --vp-spacing-20: 5rem;       /* 80px */
+  --vp-spacing-24: 6rem;       /* 96px */
+
+  /* Legacy aliases for backward compatibility */
+  --vp-spacing-xs: var(--vp-spacing-1);
+  --vp-spacing-sm: var(--vp-spacing-2);
+  --vp-spacing-md: var(--vp-spacing-4);
+  --vp-spacing-lg: var(--vp-spacing-6);
+  --vp-spacing-xl: var(--vp-spacing-8);
+  --vp-spacing-2xl: var(--vp-spacing-12);
 
   /* Fluid Spacing (Responsive with clamp())
    * Scales smoothly between viewport widths
@@ -116,18 +151,24 @@
   --container-outline: outline;
   --container-nav: nav;
 
-  /* Border Radius */
+  /* Border Radius - Subtle, flat design friendly */
+  --vp-radius-none: 0;
   --vp-radius-sm: 0.25rem;    /* 4px */
   --vp-radius-md: 0.375rem;   /* 6px */
   --vp-radius-lg: 0.5rem;     /* 8px */
   --vp-radius-xl: 0.75rem;    /* 12px */
+  --vp-radius-2xl: 1rem;      /* 16px */
+  --vp-radius-3xl: 1.5rem;    /* 24px */
   --vp-radius-full: 9999px;
 
-  /* Shadows */
-  --vp-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
-  --vp-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1);
-  --vp-shadow-lg: 0 10px 15px -3 rgb(0 0 0 / 0.1);
-  --vp-shadow-xl: 0 20px 25px -5 rgb(0 0 0 / 0.1);
+  /* Shadows - Subtle for flat design */
+  --vp-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.03);
+  --vp-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.05), 0 1px 2px -1px rgb(0 0 0 / 0.05);
+  --vp-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.07), 0 2px 4px -2px rgb(0 0 0 / 0.05);
+  --vp-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.08), 0 4px 6px -4px rgb(0 0 0 / 0.05);
+  --vp-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.08), 0 8px 10px -6px rgb(0 0 0 / 0.05);
+  --vp-shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
+  --vp-shadow-none: 0 0 #0000;
 
   /* Transitions */
   --vp-transition-color: 0.2s ease;