From cff6266d003deb4b60a71c99413571938c45df05 Mon Sep 17 00:00:00 2001
From: Cx330 <1487537121@qq.com>
Date: Thu, 16 Oct 2025 21:33:47 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E5=96=84=E9=A1=B5=E8=84=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
css/footer.css | 37 ++++++++++++++++++++++++++++++++++---
index.html | 15 ++++++++++-----
2 files changed, 44 insertions(+), 8 deletions(-)
diff --git a/css/footer.css b/css/footer.css
index 3d18006..2b50ae2 100644
--- a/css/footer.css
+++ b/css/footer.css
@@ -1,16 +1,47 @@
-/* 页脚样式 - 默认 (电脑设备) */
+/* 页脚样式 */
footer {
background-color: rgba(51, 51, 51, 0.5); /* 半透明背景 */
color: white;
display: flex;
justify-content: center;
align-items: center;
- padding: 0px;
+ flex-wrap: wrap; /* 允许多行时自动换行 */
+ padding: 6px 0; /* 增加一定内边距，使高度随内容变化 */
position: fixed;
left: 0;
right: 0;
bottom: 0;
font-size: 14px;
- max-height: 30px;
+ min-height: 20px; /* 保证最低高度 */
+ max-height: 32px; /* 移除高度上限，允许内容扩展 */
z-index: 2000;
+ text-align: center;
+ line-height: 1.4; /* 行高适配多行文字 */
+}
+
+.footer-content {
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+ align-items: center;
+ flex-wrap: nowrap; /* 默认不换行（PC端） */
+ gap: 8px;
+}
+
+/* 移动端自动换行 */
+@media (max-width: 768px) {
+ .footer-content {
+ flex-direction: column; /* 移动端改为竖向排列 */
+ }
+
+ .line-1 {
+ margin-bottom: -12px;
+ }
+}
+
+.footer-line {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ gap: 8px; /* ✅ 每个元素之间留 4px 间距 */
}
diff --git a/index.html b/index.html
index f84e665..0917632 100644
--- a/index.html
+++ b/index.html
@@ -64,11 +64,16 @@