From 68d9a352c390f5047368096560ccf612c0fe0f05 Mon Sep 17 00:00:00 2001
From: Cell <1024@lruihao.cn>
Date: Wed, 17 Jun 2026 17:09:36 +0800
Subject: [PATCH] style(search): add transition to close button hover effect

---
 assets/scss/core/layouts/_header.scss  |  2 +-
 assets/scss/widgets/_search-modal.scss | 10 ++++++----
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/assets/scss/core/layouts/_header.scss b/assets/scss/core/layouts/_header.scss
index b4fbcf1c..9f0b0e69 100644
--- a/assets/scss/core/layouts/_header.scss
+++ b/assets/scss/core/layouts/_header.scss
@@ -384,8 +384,8 @@ header {
       overflow-y: auto;
       overscroll-behavior: contain;
       max-height: 70vh;
-      @include scrollbar-width(none, 0);
       box-shadow: 0 0.125rem 0.25rem light-dark(rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0.1));
+      @include scrollbar-width(none, 0);
 
       .search-wrapper {
         display: flex;
diff --git a/assets/scss/widgets/_search-modal.scss b/assets/scss/widgets/_search-modal.scss
index e70201b3..dc3b69ae 100644
--- a/assets/scss/widgets/_search-modal.scss
+++ b/assets/scss/widgets/_search-modal.scss
@@ -115,6 +115,10 @@ dialog.search-dialog {
       padding: 0.25rem 0.25rem 0.25rem 0.5rem;
       color: fi-var(primary);
       font-size: 0.875rem;
+
+      &:hover {
+        opacity: 0.8;
+      }
     }
   }
 
@@ -141,6 +145,7 @@ dialog.search-dialog {
     background: transparent;
     color: fi-var(global-font-secondary-color);
     border-radius: 0.25rem;
+    transition: all 0.2s;
 
     &:hover {
       color: fi-var(primary);
@@ -313,6 +318,7 @@ dialog.search-dialog {
       translate: 0 0;
       margin: 0;
       overflow: hidden;
+      box-shadow: 0 0 1.5rem 0 light-dark(rgba(0, 0, 0, 0.125), rgba(255, 255, 255, 0.125));
     }
 
     .search-modal {
@@ -321,10 +327,6 @@ dialog.search-dialog {
       max-height: 100dvh;
       border: none;
       @include border-radius(0);
-
-      .search-source-footer {
-        border-bottom: 1px solid fi-var(global-border-color);
-      }
     }
 
     .search-shortcuts {