From 4c441244c8106340f9036116afcc07b3089245f7 Mon Sep 17 00:00:00 2001
From: TerryM <chiachintat10@gmail.com>
Date: Sat, 30 May 2026 03:00:44 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E6=90=9C=E7=B4=A2=E6=8F=90=E7=A4=BA?=
 =?UTF-8?q?=E8=A1=8C=E4=B8=8E=E8=BE=93=E5=85=A5=E6=A1=86=E5=86=85=E5=AE=B9?=
 =?UTF-8?q?=E5=83=8F=E7=B4=A0=E7=BA=A7=E5=AF=B9=E9=BD=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

输入框 border 改为 ring-inset(不占布局),使输入框内容与下方提示行(ⓘ+文字)
都位于「容器左缘+12px」同一基准,图标列严丝合缝对齐,不再依赖魔法数值。

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 src/components/SearchPanel.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/SearchPanel.tsx b/src/components/SearchPanel.tsx
index 9a008f4..dba8775 100644
--- a/src/components/SearchPanel.tsx
+++ b/src/components/SearchPanel.tsx
@@ -147,7 +147,7 @@ export function SearchPanel({
     <div className="ark-header-menu-enter fixed inset-x-0 bottom-0 top-[64px] z-50 overflow-y-auto overscroll-contain bg-[#0f0f13] md:hidden">
       <div className="border-t border-white/10 px-5 pb-6 pt-3 max-[360px]:px-3">
         <div className="flex h-12 items-center gap-2">
-          <div className="flex h-11 min-w-0 flex-1 items-center gap-2 rounded-full border border-ark-gold bg-[#191921] px-3 shadow-[0_0_0_2px_rgba(245,180,53,0.12)]">
+          <div className="flex h-11 min-w-0 flex-1 items-center gap-2 rounded-full bg-[#191921] px-3 shadow-[0_0_0_2px_rgba(245,180,53,0.12)] ring-1 ring-inset ring-ark-gold">
             <SearchIcon size={18} className="shrink-0 text-ark-gold" />
             <input
               ref={inputRef}
@@ -175,8 +175,8 @@ export function SearchPanel({
           </button>
         </div>
 
-        <div className="mt-1 flex items-start gap-1.5 text-[11px] leading-4 text-[#777985]">
-          <Info size={15} className="mt-0.5 shrink-0" />
+        <div className="mt-1 flex items-center gap-1.5 pl-3 text-[12px] leading-4 text-[#777985]">
+          <Info size={14} className="shrink-0" />
           <span>{t("searchPanelHint")}</span>
         </div>