From 22d63e5be53529785435676653f4f845f36b7e9d Mon Sep 17 00:00:00 2001
From: yiqiu <yiqiu@ycyaw.com>
Date: Thu, 19 Mar 2026 20:45:54 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=AE=98=E7=BD=91=E9=A1=B6=E9=83=A8?=
 =?UTF-8?q?=E5=AF=BC=E8=88=AA=E6=A0=8F=E8=83=B6=E5=9B=8A=E9=AB=98=E4=BA=AE?=
 =?UTF-8?q?=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 去掉 border-bottom: 2px solid 蓝色底线
- 改为 background: rgba(255,255,255,0.08) 半透明圆角背景
- 加 border-radius: 8px 胶囊形状
- 平滑 0.2s 过渡
---
 common/common.css | 11 +++++++----
 css/common.css    |  8 +++++---
 2 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/common/common.css b/common/common.css
index 9d9312d..f819293 100644
--- a/common/common.css
+++ b/common/common.css
@@ -120,16 +120,19 @@ body {
   display: flex;
   align-items: center;
   height: 56px;
-  padding: 0 20px;
+  padding: 0 16px;
+  margin: 0 2px;
   font-size: 15px;
   cursor: pointer;
-  border-bottom: 2px solid transparent;
-  transition: color 0.2s ease;
+  border-bottom: none;
+  border-radius: 8px;
+  transition: color 0.2s ease, background 0.2s ease;
 }
 
 .nav-menu .nav-item:hover {
   color: #fff;
-  border-bottom: 2px solid rgba(59, 130, 246, 0.8);
+  background: rgba(255, 255, 255, 0.08);
+  border-bottom: none;
 }
 
 
diff --git a/css/common.css b/css/common.css
index a37ed2e..4c729b8 100644
--- a/css/common.css
+++ b/css/common.css
@@ -94,12 +94,14 @@ header:hover {
 /* 导航文字颜色 */
 .nav-menu .nav-item {
   color: #E5E7EB;
-  border-bottom-color: transparent;
+  border-bottom: none;
+  border-radius: 8px;
 }
 
 .nav-menu .nav-item:hover {
-  color: #38BDF8;
-  border-bottom-color: #38BDF8;
+  color: #fff;
+  background: rgba(255, 255, 255, 0.08);
+  border-bottom: none;
 }
 
 .nav-right .control {