From 2e1b0ad06670d30e5a8cf3156613d0aa44ddbc1c Mon Sep 17 00:00:00 2001
From: thzxx <thzxx@users.noreply.gitee.com>
Date: Fri, 3 Apr 2026 13:00:20 +0800
Subject: [PATCH] =?UTF-8?q?ui:=20=E5=AF=BC=E8=88=AA=E6=8C=89=E9=92=AE?=
 =?UTF-8?q?=E5=92=8C=20Think=20=E6=8C=89=E9=92=AE=E8=A7=86=E8=A7=89?=
 =?UTF-8?q?=E5=A2=9E=E5=BC=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

导航按钮 (.icon-btn):
- 增加玻璃背景 + 边框，不再透明
- hover 时青色高亮 + 发光 + 上浮
- 图标 18px → 20px

Think 按钮:
- 尺寸 38px → 40px，默认色 text-muted → text-secondary
- hover 时紫色发光 + 上浮
- 选中态渐变背景 + 更强光晕
---
 css/style.css | 41 +++++++++++++++++++++++++----------------
 1 file changed, 25 insertions(+), 16 deletions(-)

diff --git a/css/style.css b/css/style.css
index b68e0b8..404f086 100644
--- a/css/style.css
+++ b/css/style.css
@@ -210,24 +210,31 @@ body::before {
     display: flex;
     align-items: center;
     justify-content: center;
-    width: 36px;
-    height: 36px;
-    border: none;
-    background: transparent;
+    width: 38px;
+    height: 38px;
+    border: 1px solid var(--border-glass);
+    background: var(--bg-glass-light);
     color: var(--text-secondary);
-    border-radius: var(--radius-sm);
+    border-radius: var(--radius-md);
     cursor: pointer;
     transition: var(--transition);
 }
 
 .icon-btn:hover {
     background: var(--bg-glass-hover);
-    color: var(--text-primary);
+    color: var(--accent-cyan);
+    border-color: var(--accent-cyan);
+    box-shadow: 0 0 12px rgba(0, 245, 212, 0.15);
+    transform: translateY(-1px);
+}
+
+.icon-btn:active {
+    transform: translateY(0) scale(0.95);
 }
 
 .icon-btn svg {
-    width: 18px;
-    height: 18px;
+    width: 20px;
+    height: 20px;
 }
 
 .icon-btn.sm {
@@ -327,8 +334,8 @@ body::before {
 .think-toggle input { display: none; }
 
 .think-btn {
-    width: 38px;
-    height: 38px;
+    width: 40px;
+    height: 40px;
     border-radius: var(--radius-md);
     background: var(--bg-glass-light);
     border: 1px solid var(--border-glass);
@@ -336,25 +343,27 @@ body::before {
     align-items: center;
     justify-content: center;
     transition: var(--transition);
-    color: var(--text-muted);
+    color: var(--text-secondary);
 }
 
 .think-btn svg {
-    width: 18px;
-    height: 18px;
+    width: 20px;
+    height: 20px;
 }
 
 .think-toggle:not(.unavailable):hover .think-btn {
     border-color: var(--accent-purple);
     color: var(--accent-purple);
-    background: rgba(123, 47, 247, 0.08);
+    background: rgba(123, 47, 247, 0.1);
+    box-shadow: 0 0 12px rgba(123, 47, 247, 0.15);
+    transform: translateY(-1px);
 }
 
 .think-toggle input:checked + .think-btn {
-    background: rgba(123, 47, 247, 0.15);
+    background: linear-gradient(135deg, rgba(123, 47, 247, 0.2), rgba(0, 245, 212, 0.1));
     border-color: var(--accent-purple);
     color: var(--accent-purple);
-    box-shadow: 0 0 10px rgba(123, 47, 247, 0.25);
+    box-shadow: 0 0 14px rgba(123, 47, 247, 0.3);
 }
 
 .think-toggle.unavailable .think-btn {