's'

src/index.html

@@ -6,11 +6,13 @@
       content="width=device-width,initial-scale=1,user-scalable=no"
       name="viewport"
     />
+    
     <meta name="apple-mobile-web-app-capable" content="yes" />
     <meta name="apple-touch-fullscreen" content="yes" />
     <meta name="format-detection" content="telephone=no,address=no" />
     <meta name="apple-mobile-web-app-status-bar-style" content="white" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+
     <title>数字游民CNA</title>
     <!-- <link rel="icon" href="./images/nomadcna.ico" type="image/x-icon" /> -->
     <!-- <link rel="icon" href="/static/images/images/cloud/nomadcna-192.png" type="image/png" /> -->

src/pages/index/index.scss

@@ -123,14 +123,21 @@
     }
   }
 
+
+
+
+
   .items {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(260px, 340px));
+    /* 核心改动：前面自适应列 + 最后一列固定 260px 给 rightItem */
     grid-auto-rows: 280px;
-    gap: 30px;
+    gap: 40px;
     padding: 20px;
     box-sizing: border-box;
     // background-color: #f5222d;
+    //  grid-auto-columns: 0; // ⛔ 禁止 Grid 偷偷造列
+
     .item:hover {
       animation: pulse 0.6s ease;
     }
@@ -226,7 +233,7 @@
       overflow: hidden;
       width: 100%;
       min-width: 260px; // 保证最小宽度不被挤掉
-      max-width: 340px; // 最大宽度
+      // max-width: 340px; // 最大宽度
       box-sizing: border-box;
       background-color: yellow;
     }