From e5255a4972fde52a5a7b0bd7b3b266ea696072e4 Mon Sep 17 00:00:00 2001
From: hex2077 <justlikemaki@qq.com>
Date: Thu, 8 Jan 2026 13:45:34 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E7=95=8C=E9=9D=A2):=20=E6=B7=BB=E5=8A=A0K?=
 =?UTF-8?q?IRO=E8=B4=A6=E5=8F=B7=E8=B4=AD=E4=B9=B0=E9=93=BE=E6=8E=A5?=
 =?UTF-8?q?=E5=8F=8A=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

在控制台头部添加KIRO账号购买链接，并为其设计渐变背景和悬停效果
---
 static/app/styles.css | 30 ++++++++++++++++++++++++++++++
 static/index.html     |  3 +++
 2 files changed, 33 insertions(+)

diff --git a/static/app/styles.css b/static/app/styles.css
index 6ecc2b7..7a2a731 100644
--- a/static/app/styles.css
+++ b/static/app/styles.css
@@ -394,6 +394,36 @@ body {
     transition: transform 0.3s ease;
 }
 
+/* KIRO 购买链接 */
+.kiro-buy-link {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.5rem;
+    padding: 0.5rem 1rem;
+    background: linear-gradient(135deg, var(--warning-color) 0%, #f97316 100%);
+    color: var(--white);
+    text-decoration: none;
+    border-radius: 9999px;
+    font-size: 0.875rem;
+    font-weight: 600;
+    transition: var(--transition);
+    box-shadow: 0 2px 8px var(--warning-30);
+}
+
+.kiro-buy-link:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 4px 12px var(--warning-40);
+    background: linear-gradient(135deg, #f97316 0%, var(--warning-color) 100%);
+}
+
+.kiro-buy-link:active {
+    transform: translateY(0);
+}
+
+.kiro-buy-link i {
+    font-size: 0.875rem;
+}
+
 /* 高亮说明样式 */
 .highlight-note {
     display: inline-flex;
diff --git a/static/index.html b/static/index.html
index f81c146..457db93 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://pay.ldxp.cn/shop/N0IK02WR" target="_blank" rel="noopener noreferrer" class="kiro-buy-link" title="KIRO账号购买">
+                        <i class="fas fa-shopping-cart"></i> <span>KIRO账号购买</span>
+                    </a>
                     <span class="status-badge" id="serverStatus">
                         <i class="fas fa-circle"></i> <span class="status-text" data-i18n="header.status.connecting">连接中...</span>
                     </span>