fix: 维护说明移到状态栏右侧 + 图标独立左置

static/app.js

@@ -49,6 +49,8 @@ function buildStatusBar() {
     <span class="status-label">连通性检测</span>
     <span class="status-item" id="status-arxiv"><span class="status-dot"></span> arXiv <span class="status-ms" id="ms-arxiv">—</span></span>
     <span class="status-item" id="status-hf"><span class="status-dot"></span> HuggingFace <span class="status-ms" id="ms-hf">—</span></span>
+    <span class="status-spacer"></span>
+    <span class="status-credit">本站由 <strong>DeepSeek-V4-Pro</strong> 每周五自动更新并维护</span>
   `;
   document.body.appendChild(bar);
 }

static/index.html

@@ -13,8 +13,8 @@
 <div class="header">
   <a href="https://spdis.space" class="home-link" title="返回主站 spdis.space">
     <img src="/favicon.png" alt="" class="header-icon">
-    <h1>🧠 LLM 论文图书馆</h1>
   </a>
+  <h1>🧠 LLM 论文图书馆</h1>
 </div>
 
 <div class="search-wrap">
@@ -34,10 +34,6 @@
   </div>
 </div>
 
-<footer class="site-footer">
-  <span>本站由 <strong>DeepSeek-V4-Pro</strong> 每周五自动更新并维护</span>
-</footer>
-
 <script>
 /**
  * LLM 论文图书馆 — 前端 JS
@@ -90,6 +86,8 @@ function buildStatusBar() {
     <span class="status-label">连通性检测</span>
     <span class="status-item" id="status-arxiv"><span class="status-dot"></span> arXiv <span class="status-ms" id="ms-arxiv">—</span></span>
     <span class="status-item" id="status-hf"><span class="status-dot"></span> HuggingFace <span class="status-ms" id="ms-hf">—</span></span>
+    <span class="status-spacer"></span>
+    <span class="status-credit">本站由 <strong>DeepSeek-V4-Pro</strong> 每周五自动更新并维护</span>
   `;
   document.body.appendChild(bar);
 }

static/index_template.html

@@ -13,8 +13,8 @@
 <div class="header">
   <a href="https://spdis.space" class="home-link" title="返回主站 spdis.space">
     <img src="/favicon.png" alt="" class="header-icon">
-    <h1>🧠 LLM 论文图书馆</h1>
   </a>
+  <h1>🧠 LLM 论文图书馆</h1>
 </div>
 
 <div class="search-wrap">
@@ -34,10 +34,6 @@
   </div>
 </div>
 
-<footer class="site-footer">
-  <span>本站由 <strong>DeepSeek-V4-Pro</strong> 每周五自动更新并维护</span>
-</footer>
-
 <script src="/app.js"></script>
 </body>
 </html>

static/style.css

@@ -26,9 +26,9 @@ body {
   padding: 32px 24px 60px; min-height: 100vh;
 }
 
-.header { text-align: center; margin-bottom: 32px; }
+.header { text-align: center; margin-bottom: 32px; display: flex; align-items: center; justify-content: center; gap: 10px; }
-.header .home-link { text-decoration: none; color: inherit; display: inline-flex; align-items: center; gap: 10px; }
+.header .home-link { display: inline-flex; align-items: center; }
-.header .header-icon { width: 32px; height: 32px; border-radius: 6px; }
+.header .header-icon { width: 32px; height: 32px; border-radius: 6px; cursor: pointer; }
 .header h1 {
   font-size: 1.5em;
   background: linear-gradient(135deg, var(--blue), var(--purple), var(--pink));
@@ -295,16 +295,9 @@ body {
   border-radius: 0 4px 4px 0;
 }
 
-/* Footer */
+.status-spacer { flex: 1; }
-.site-footer {
+.status-credit { color: var(--text-dim); font-size: 0.75em; white-space: nowrap; }
-  text-align: center;
+.status-credit strong { color: var(--cyan); }
-  padding: 24px 16px 8px;
-  color: var(--text-dim);
-  font-size: 0.8em;
-  border-top: 1px solid var(--border);
-  margin-top: 40px;
-}
-.site-footer strong { color: var(--cyan); }
 .trans-en, .trans-zh {
   font-size: 0.82em; line-height: 1.65;
 }
@@ -325,13 +318,6 @@ body {
   border-radius: 0 4px 4px 0;
 }
 
-/* Footer */
+.status-spacer { flex: 1; }
-.site-footer {
+.status-credit { color: var(--text-dim); font-size: 0.75em; white-space: nowrap; }
-  text-align: center;
+.status-credit strong { color: var(--cyan); }
-  padding: 24px 16px 8px;
-  color: var(--text-dim);
-  font-size: 0.8em;
-  border-top: 1px solid var(--border);
-  margin-top: 40px;
-}
-.site-footer strong { color: var(--cyan); }