fix(website): 减少移动端下安装方式内卡片和列表的内边距，优化布局空间

Author: CC11001100

office-website/src/components/Header/Header.module.css

@@ -133,7 +133,7 @@
 .starCount {
   font-weight: 500;
   color: #2563eb;
-}
+} 
 
 /* 移动端导航按钮 */
 .mobileNavToggle {

office-website/src/pages/Home/Home.module.css

@@ -600,7 +600,7 @@
   }
 
   .installMethods {
-    margin-left: 0.5rem;
+    margin-left: 0rem;
   }
 
   .methodSteps ol {
@@ -807,10 +807,18 @@
 
 @media (max-width: 768px) {
   .installMethods {
-    margin-left: calc(2rem + var(--space-3));
+    margin-left: 0.5rem;
     gap: var(--space-4);
   }
 
+  .installMethod {
+    padding: var(--space-3);
+  }
+  
+  .methodSteps ol {
+    padding-left: var(--space-4);
+  }
+  
   .methodTitle {
     font-size: 1.1rem;
   }
@@ -824,6 +832,71 @@
   }
 }
 
+@media (max-width: 480px) {
+  .installMethod {
+    padding: var(--space-2);
+  }
+  
+  .methodSteps ol {
+    padding-left: var(--space-3);
+  }
+  
+  .methodSteps {
+    margin-top: var(--space-2);
+  }
+  
+  .step p, .step ol, .step ul, .browserOptions, .installMethods {
+    margin-left: 0.5rem;
+  }
+  
+  .stepTitle {
+    flex-direction: column;
+    align-items: flex-start;
+  }
+  
+  .stepNumber {
+    margin-bottom: var(--space-2);
+    width: 1.8rem;
+    height: 1.8rem;
+    margin-right: var(--space-2);
+  }
+  
+  .installSteps::before {
+    display: none;
+  }
+  
+  .installMethods {
+    margin-left: 0rem;
+  }
+  
+  .methodSteps ol {
+    padding-left: var(--space-4);
+  }
+  
+  .contributorItem {
+    padding: var(--space-3);
+  }
+  
+  .contributorAvatar {
+    width: 80px;
+    height: 80px;
+  }
+  
+  .title {
+    font-size: 1.8rem;
+    line-height: 1.2;
+    margin-top: 2rem;
+  }
+  
+  .hero {
+    padding-top: calc(var(--header-height) + var(--space-8) + 1rem);
+  }
+  
+  .heroContent {
+    padding-top: 4rem;
+  }
+}
+
 .codeBlock {
   background-color: #2a2a2a;
   color: #f8f8f8;