From 2ad5bd03a4574fa015d22f702166b9a5d21f9ec6 Mon Sep 17 00:00:00 2001
From: ZqinKing <zqinking23@gmail.com>
Date: Mon, 5 Jan 2026 20:34:22 +0800
Subject: [PATCH] feat: add GitHub icon link in header before connection status

---
 static/app/styles.css | 35 +++++++++++++++++++++++++++++++++++
 static/index.html     |  3 +++
 2 files changed, 38 insertions(+)

diff --git a/static/app/styles.css b/static/app/styles.css
index 0eb0817..cc12faf 100644
--- a/static/app/styles.css
+++ b/static/app/styles.css
@@ -359,6 +359,41 @@ body {
     font-size: 14px;
 }
 
+.github-link {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 40px;
+    height: 40px;
+    padding: 0;
+    background: transparent;
+    color: var(--text-secondary);
+    border: 1px solid var(--border-color);
+    border-radius: 50%;
+    cursor: pointer;
+    font-size: 1.125rem;
+    transition: var(--transition);
+    text-decoration: none;
+    position: relative;
+    overflow: hidden;
+}
+
+.github-link:hover {
+    background: var(--bg-tertiary);
+    color: var(--primary-color);
+    border-color: var(--primary-color);
+    transform: translateY(-2px);
+    box-shadow: var(--shadow-md);
+}
+
+.github-link:active {
+    transform: translateY(0);
+}
+
+.github-link i {
+    transition: transform 0.3s ease;
+}
+
 /* 高亮说明样式 */
 .highlight-note {
     display: inline-flex;
diff --git a/static/index.html b/static/index.html
index 6ac6ef8..f39fe41 100644
--- a/static/index.html
+++ b/static/index.html
@@ -17,6 +17,9 @@
             <div class="header-content">
                 <h1><i class="fas fa-robot"></i> <span class="header-title" data-i18n="header.title">AIClient2API 管理控制台</span></h1>
                 <div class="header-controls">
+                    <a href="https://github.com/justlovemaki/AIClient-2-API" target="_blank" rel="noopener noreferrer" class="github-link" title="GitHub" data-i18n-title="header.github">
+                        <i class="fab fa-github"></i>
+                    </a>
                     <span class="status-badge" id="serverStatus">
                         <i class="fas fa-circle"></i> <span class="status-text" data-i18n="header.status.connecting">连接中...</span>
                     </span>