修改前端 项目改名

InfoGenie-frontend/public/60sapi/日更资讯/每日国际汇率/css/style.css

@@ -296,66 +296,131 @@ body {
 
 /* 手机端 */
 @media (max-width: 480px) {
+    body {
+        overflow-x: hidden;
+    }
+    
     .container {
-        padding: 10px;
+        padding: 8px;
+        margin: 8px;
+        max-width: calc(100vw - 16px);
+        width: calc(100vw - 16px);
     }
     
     .header {
-        padding: 15px;
-        margin-bottom: 20px;
+        padding: 12px;
+        margin-bottom: 16px;
     }
     
     .header h1 {
-        font-size: 1.8rem;
+        font-size: 1.6rem;
+        flex-direction: column;
+        gap: 8px;
+    }
+    
+    .header p {
+        font-size: 0.9rem;
     }
     
     .rates-grid {
-        grid-template-columns: repeat(4, 1fr);
-        gap: 6px;
+        grid-template-columns: repeat(2, 1fr);
+        gap: 8px;
+        width: 100%;
+        overflow: hidden;
     }
     
     .rate-card {
-        padding: 8px;
+        padding: 10px 6px;
         border-radius: 8px;
+        min-width: 0;
+        width: 100%;
     }
     
     .currency-code {
-        font-size: 0.85rem;
+        font-size: 0.8rem;
         margin-bottom: 4px;
-        gap: 4px;
+        gap: 3px;
+        word-break: break-all;
     }
     
     .currency-flag {
-        font-size: 1rem;
+        font-size: 0.9rem;
     }
     
     .exchange-rate {
-        font-size: 0.9rem;
+        font-size: 0.85rem;
         margin-bottom: 3px;
+        word-break: break-all;
     }
     
     .currency-name {
-        font-size: 0.7rem;
+        font-size: 0.65rem;
         line-height: 1.1;
+        word-break: break-all;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        display: -webkit-box;
+        -webkit-line-clamp: 2;
+        -webkit-box-orient: vertical;
     }
     
     .currency-selector {
-        padding: 15px;
+        padding: 12px;
+        margin-bottom: 16px;
     }
     
     .currency-selector select {
-        min-width: 100%;
+        width: 100%;
+        max-width: 100%;
         padding: 10px 15px;
+        font-size: 0.9rem;
+    }
+    
+    .search-container {
+        padding: 12px;
+        margin-bottom: 16px;
     }
     
     .search-input {
         padding: 10px 15px;
+        font-size: 0.9rem;
+        width: 100%;
+    }
+    
+    .stats {
+        padding: 15px;
+        margin-bottom: 16px;
     }
     
     .stats-grid {
         grid-template-columns: repeat(2, 1fr);
         gap: 10px;
     }
+    
+    .stat-item {
+        padding: 12px;
+    }
+    
+    .stat-number {
+        font-size: 1.3rem;
+    }
+    
+    .stat-label {
+        font-size: 0.8rem;
+    }
+    
+    .exchange-info {
+        padding: 15px;
+        margin-bottom: 16px;
+    }
+    
+    .base-currency h2 {
+        font-size: 1.5rem;
+    }
+    
+    .update-time {
+        font-size: 0.8rem;
+    }
 }
 
 /* 大屏幕优化 */