Merge remote-tracking branch 'origin/main'

website/css/responsive.css

@@ -131,6 +131,37 @@
     .chart-container {
         height: 250px;
     }
+    
+    /* 移动端新增优化 */
+    .mobile-container {
+        padding-left: 1rem;
+        padding-right: 1rem;
+    }
+    
+    .mobile-section {
+        padding: 2rem 0;
+    }
+    
+    .mobile-card {
+        margin-bottom: 1rem;
+        border-radius: 12px;
+    }
+    
+    .mobile-text-center {
+        text-align: center;
+    }
+    
+    .mobile-mb-3 {
+        margin-bottom: 1rem;
+    }
+    
+    .mobile-mt-3 {
+        margin-top: 1rem;
+    }
+    
+    .mobile-p-3 {
+        padding: 1rem;
+    }
 }
 
 /* 平板设备优化 */
@@ -154,6 +185,19 @@
     .demo-sidebar {
         margin-bottom: 2rem;
     }
+    
+    /* 平板新增优化 */
+    .tablet-container {
+        max-width: 720px;
+    }
+    
+    .tablet-section {
+        padding: 3rem 0;
+    }
+    
+    .tablet-card {
+        margin-bottom: 1.5rem;
+    }
 }
 
 /* 大屏幕优化 */
@@ -177,6 +221,23 @@
     .metric-number {
         font-size: 3rem;
     }
+    
+    /* 大屏幕新增优化 */
+    .desktop-container {
+        max-width: 1400px;
+    }
+    
+    .desktop-section {
+        padding: 5rem 0;
+    }
+    
+    .desktop-card {
+        transition: all 0.3s ease;
+    }
+    
+    .desktop-card:hover {
+        transform: translateY(-10px);
+    }
 }
 
 /* 触摸设备优化 */