修改页面格式

.idea/.gitignore

@@ -0,0 +1,13 @@
+# 默认忽略的文件
+/shelf/
+/workspace.xml
+# Rider 忽略的文件
+/projectSettingsUpdater.xml
+/contentModel.xml
+/.idea.TH1_WebSite.iml
+/modules.xml
+# 基于编辑器的 HTTP 客户端请求
+/httpRequests/
+# Datasource local storage ignored files
+/dataSources/
+/dataSources.local.xml

.idea/indexLayout.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="UserContentModel">
+    <attachedFolders />
+    <explicitIncludes />
+    <explicitExcludes />
+  </component>
+</project>

.idea/vcs.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="" vcs="Git" />
+  </component>
+</project>

css/styles.css

@@ -137,9 +137,14 @@ body {
 }
 
 .posts-grid {
-    display: grid;
+    display: flex;
-    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+    flex-direction: column;
-    gap: 25px;
+    gap: 40px; /* 可根据需要设置间距 */
+}
+
+.post-card {
+    max-width: 100%;
+    width: 100%;
 }
 
 /* --- Post Card Styles (Corrected and Improved) --- */
@@ -372,7 +377,7 @@ footer .footer-column ul li a:hover {
     justify-content: center;
     align-items: center;
     font-size: 1.2em;
-    margin: 8px;
+    margin: 20px 20px;
     transition: background-color 0.3s ease;
 }
 

index.html

@@ -51,50 +51,40 @@
     <footer>
         <div class="container">
             <div class="footer-top-social">
-                <a href="#" title="Facebook">F</a>
+                <a href="#" title="Bilibili">F</a>
-                <a href="#" title="Instagram">I</a>
-                <a href="#" title="Twitter">T</a>
-                <a href="#" title="Youtube">Yt</a>
             </div>
             <div class="footer-columns">
                 <div class="footer-column">
-                    <h4>Contact</h4>
+                    <h4>联系我们</h4>
-                    <p>Midjiwan AB<br>Magnus Ladulåsgatan 65<br>118 27 Stockholm<br>Sweden<br><a href="http://www.midjiwan.com" target="_blank" rel="noopener noreferrer">www.midjiwan.com</a></p>
+                    <p>tohotopia@google.com</p>
                 </div>
                 <div class="footer-column">
-                    <h4>Useful Polytopia Links</h4>
+                    <h4>游戏资料</h4>
                     <ul>
-                        <li><a href="#">Tournaments</a></li>
+                        <li><a href="#">游戏wiki</a></li>
-                        <li><a href="#">Wikia</a></li>
-                        <li><a href="#">Game Graphics</a></li>
-                        <li><a href="#">Game Asset Guidelines</a></li>
-                        <li><a href="#">Foldables</a></li>
-                        <li><a href="#">Unifund (University Sponsorship)</a></li>
                     </ul>
                 </div>
                 <div class="footer-column">
-                    <h4>More Useful Polytopia Links</h4>
+                    <h4>其他信息</h4>
                     <ul>
-                        <li><a href="#">Community Works</a></li>
+                        <li><a href="#">服务条款</a></li>
-                        <li><a href="#">Calendar</a></li>
+                        <li><a href="#">隐私协议</a></li>
-                        <li><a href="#">Ringtones</a></li>
-                        <li><a href="#">Music (Full versions)</a></li>
-                        <li><a href="#">Music Stems</a></li>
-                        <li><a href="#">Giphys</a></li>
                     </ul>
                 </div>
             </div>
-            <h3 class="community-channels-title">Polytopia Community Channels</h3>
+            <h3 class="community-channels-title">关注我们</h3>
             <div class="footer-bottom-social">
-                <a href="#" title="Discord">D</a>
+                <a href="https://space.bilibili.com/3546860362926973" title="Bilibili">Bilibli</a>
-                <a href="#" title="Facebook">F</a>
+                <a href="https://space.bilibili.com/3546860362926973" title="Youtube">Youtube</a>
-                <a href="#" title="Instagram">I</a>
+                <a href="https://space.bilibili.com/3546860362926973" title="Discord">Discord</a>
-                <a href="#" title="Twitter">T</a>
-                <a href="#" title="Youtube">Yt</a>
-                <a href="#" title="Reddit">R</a>
-                <a href="#" title="TikTok">Tk</a>
             </div>
-            <p class="copyright">&copy; <script>document.write(new Date().getFullYear())</script> Midjiwan AB. All rights reserved. (复刻版)</p>
+            <div class="footer-bottom-social">
+                
+            </div>
+            <div class="footer-bottom-social">
+                
+            </div>
+            <p class="copyright">&copy; <script>document.write(new Date().getFullYear())</script> 蕾米莉亚指挥部 版权所有</p>
         </div>
     </footer>