From 96eaa269a13baf98c0b98aaf188ea5bbbd4bd8af Mon Sep 17 00:00:00 2001
From: augushong <augushong@163.com>
Date: Fri, 23 Jan 2026 22:11:06 +0800
Subject: [PATCH] =?UTF-8?q?style(welcome):=20=E4=BC=98=E5=8C=96=E7=A7=BB?=
 =?UTF-8?q?=E5=8A=A8=E7=AB=AF=E5=93=8D=E5=BA=94=E5=BC=8F=E5=B8=83=E5=B1=80?=
 =?UTF-8?q?=E5=92=8C=E6=A0=B7=E5=BC=8F=E7=BB=86=E8=8A=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/static/common/css/welcome.css | 111 +++++++++++++++++++++++++--
 1 file changed, 103 insertions(+), 8 deletions(-)

diff --git a/public/static/common/css/welcome.css b/public/static/common/css/welcome.css
index 66ee221..9236f95 100644
--- a/public/static/common/css/welcome.css
+++ b/public/static/common/css/welcome.css
@@ -10,7 +10,6 @@ p {
 }
 
 .container {
-    width: 100%;
     padding-right: 15px;
     padding-left: 15px;
     margin-right: auto;
@@ -757,20 +756,116 @@ footer a {
     }
 }
 
-@media (max-width:768px) {
+@media (max-width: 768px) {
+    /* Header adjustments */
     header {
-        padding: 10px;
+        padding: 10px 15px;
+        flex-direction: column;
+        align-items: center;
+    }
+
+    .logo-box {
+        width: 100%;
+        justify-content: center;
+        margin-bottom: 10px;
+    }
+
+    header .right {
+        width: 100%;
+        justify-content: center;
+        flex-direction: column;
+    }
+
+    .navbar {
+        margin-right: 0;
+        width: 100%;
+        justify-content: center;
+        flex-wrap: wrap;
+        padding: 5px 0;
+    }
+
+    .navbar-item {
+        margin: 5px 10px !important;
+        font-size: 14px;
+    }
+
+    .github-btns {
+        margin-top: 10px;
+        display: flex;
+        justify-content: center;
+    }
+
+    /* Hero Section */
+    .home-main {
+        margin-top: 40px;
+    }
+
+    .title {
+        padding-bottom: 60px;
+    }
+
+    .title .logo {
+        width: 80px;
+        height: 104px; /* Maintain aspect ratio approx */
+        margin-bottom: 30px;
+        background-size: contain;
+    }
+
+    .title .name {
+        width: 200px;
+        height: 200px;
+        background-size: contain;
+    }
+
+    .title .desc {
+        font-size: 16px;
+        line-height: 26px;
+        padding: 0 20px;
+        margin-bottom: 30px;
+    }
+
+    .title .operation {
+        flex-direction: column;
+        gap: 15px;
+    }
+
+    .title .operation button,
+    .title .operation a {
+        margin-left: 0;
+        width: 80%;
+        max-width: 300px;
+    }
+
+    /* Introduction Section */
+    .introduction {
+        padding: 40px 15px 60px;
+    }
+
+    .part-title .text {
+        font-size: 24px;
+    }
+
+    .introduction .bottom {
+        margin-top: 40px;
     }
 
     .introduction .bottom .item {
-        width: 80%;
+        width: 100%;
+        margin: 15px 0;
     }
 
-    .footer-nav-box {
-        width: 95%;
+    /* Footer */
+    footer {
+        flex-direction: column;
+        padding: 30px 15px;
+        height: auto;
     }
 
-    .footer-proto-box {
-        width: 95%;
+    footer .container {
+        text-align: center;
+    }
+    
+    .footer-nav-box, .footer-proto-box {
+        width: 100%;
     }
 }