From 09d250d23bce224715e0e9ef947cffaec2b42813 Mon Sep 17 00:00:00 2001
From: LuLu-ling <LuLu-ling@outlook.com>
Date: Mon, 15 Jun 2026 01:27:34 +0800
Subject: [PATCH] =?UTF-8?q?imp:=20=E8=B0=83=E6=95=B4=E5=AF=BC=E8=88=AA?=
 =?UTF-8?q?=E6=A0=8F=E5=8F=B3=E4=BE=A7=20hover=20=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/components/layouts/LandingNavbar.vue | 16 ++++++++++++++++
 app/components/layouts/Navbar.vue        | 16 ++++++++++++++++
 2 files changed, 32 insertions(+)

diff --git a/app/components/layouts/LandingNavbar.vue b/app/components/layouts/LandingNavbar.vue
index 1dca98b..f6372c4 100644
--- a/app/components/layouts/LandingNavbar.vue
+++ b/app/components/layouts/LandingNavbar.vue
@@ -24,6 +24,22 @@ import LinkIcon from '~/components/ui/LinkIcon.vue';
 </script>
 
 <style scoped lang="scss">
+.navbar-end .navbar-item {
+  &:hover,
+  &:focus {
+    background-color: transparent;
+    color: inherit;
+  }
+}
+
+.navbar-end .navbar-item:first-child a {
+  transition: opacity 0.16s ease;
+
+  &:hover {
+    opacity: 0.65;
+  }
+}
+
 .navbar-controls {
   display: flex;
   align-items: center;
diff --git a/app/components/layouts/Navbar.vue b/app/components/layouts/Navbar.vue
index 8096235..68fc21d 100644
--- a/app/components/layouts/Navbar.vue
+++ b/app/components/layouts/Navbar.vue
@@ -44,6 +44,22 @@ const logoSrc = computed(() => (colorMode.value === 'dark' ? '/icon-dark.png' :
 </script>
 
 <style scoped lang="scss">
+.navbar-end .navbar-item {
+  &:hover,
+  &:focus {
+    background-color: transparent;
+    color: inherit;
+  }
+}
+
+.navbar-end .navbar-item:first-child a {
+  transition: opacity 0.16s ease;
+
+  &:hover {
+    opacity: 0.65;
+  }
+}
+
 .navbar-controls {
   display: flex;
   align-items: center;