From 1c6ccc312fe4242ca138969410f703a22bebe6a8 Mon Sep 17 00:00:00 2001
From: WWZ <33089305+wangwenzhiwwz@users.noreply.github.com>
Date: Mon, 3 Mar 2025 11:13:41 +0800
Subject: [PATCH] Add files via upload

---
 index.html | 31 +++++++++++++++++++++----------
 1 file changed, 21 insertions(+), 10 deletions(-)

diff --git a/index.html b/index.html
index 01646f4..47fee98 100644
--- a/index.html
+++ b/index.html
@@ -179,8 +179,8 @@
 
         .app-grid {
             display: grid;
-            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
-            gap: 30px;
+            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); /* 自适应宽度，最小 200px */
+            gap: 20px; /* 减小间距 */
         }
 
         .app-item {
@@ -189,6 +189,8 @@
             padding: 20px;
             box-shadow: 0 4px 12px rgba(0,0,0,0.1);
             transition: transform 0.3s;
+            height: 260px; /* 固定高度，确保一致 */
+            overflow: hidden; /* 超出隐藏 */
         }
 
         .app-item:hover {
@@ -199,6 +201,7 @@
             text-decoration: none;
             color: inherit;
             display: block;
+            height: 100%; /* 占满容器 */
         }
 
         .app-icon {
@@ -212,11 +215,19 @@
             font-size: 22px;
             font-weight: 600;
             margin-bottom: 10px;
+            white-space: nowrap; /* 单行 */
+            overflow: hidden;
+            text-overflow: ellipsis; /* 超出省略 */
         }
 
         .app-description {
             font-size: 16px;
             color: #6e6e73;
+            display: -webkit-box;
+            -webkit-line-clamp: 3; /* 限制 3 行 */
+            -webkit-box-orient: vertical;
+            overflow: hidden;
+            text-overflow: ellipsis;
         }
 
         #back-to-top {
@@ -299,11 +310,11 @@
         /* 4K 大屏优化 */
         @media (min-width: 2560px) {
             .app-container {
-                max-width: 1920px;
+                max-width: 1920px; /* 4K 屏幕更大容器 */
             }
 
             .app-grid {
-                grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+                grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); /* 自适应列数 */
             }
 
             .banner-container img {
@@ -331,6 +342,7 @@
 
             .hamburger {
                 display: block;
+                margin-right: 15px;
             }
 
             .nav-links {
@@ -360,14 +372,14 @@
             }
 
             .app-grid {
-                grid-template-columns: repeat(2, 1fr);
+                grid-template-columns: repeat(2, 1fr); /* 手机端 2 列 */
                 gap: 10px;
             }
 
             .app-item {
                 padding: 10px;
                 width: 100%;
-                height: 160px;
+                height: 160px; /* 手机端固定高度 */
                 overflow: hidden;
             }
 
@@ -387,7 +399,7 @@
             .app-description {
                 font-size: 12px;
                 display: -webkit-box;
-                -webkit-line-clamp: 2;
+                -webkit-line-clamp: 2; /* 手机端 2 行 */
                 -webkit-box-orient: vertical;
                 overflow: hidden;
                 text-overflow: ellipsis;
@@ -441,8 +453,8 @@
             </a>
         </div>
         <div class="hero-content">
-            <h1>探索最佳应用</h1>
-            <p>发现为您精心挑选的应用程序，带来非凡体验。</p>
+            <h1>Best Apps</h1>
+            <p>Discover handpicked apps for a great experience.</p>
         </div>
     </div>
 
@@ -450,7 +462,6 @@ <h1>探索最佳应用</h1>
 
     <button id="back-to-top" title="回到顶部">↑</button>
 
-    <!-- 引入外部 JS 文件 -->
     <script src="apps.js"></script>
 </body>
 </html>
\ No newline at end of file