From f6dba606031f50b631786ce37f7d4019f5432d41 Mon Sep 17 00:00:00 2001
From: seaHi <me@seahi.me>
Date: Wed, 5 Aug 2026 13:11:16 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E4=BC=98=E5=8C=96=E7=89=B9=E8=89=B2?=
 =?UTF-8?q?=E5=9B=BE=E9=80=89=E6=8B=A9=E5=99=A8=E7=BB=84=E4=BB=B6=E7=9A=84?=
 =?UTF-8?q?=20UI=20=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../admin/FeaturedImagePicker.svelte          | 39 +++++++++++--------
 1 file changed, 22 insertions(+), 17 deletions(-)

diff --git a/src/lib/components/admin/FeaturedImagePicker.svelte b/src/lib/components/admin/FeaturedImagePicker.svelte
index fd7563c..f19d7cf 100644
--- a/src/lib/components/admin/FeaturedImagePicker.svelte
+++ b/src/lib/components/admin/FeaturedImagePicker.svelte
@@ -79,7 +79,7 @@
 	}
 </script>
 
-<div class="sidebar-section">
+<div class="sidebar-box">
 	<h3>特色图</h3>
 	
 	{#if cover}
@@ -137,11 +137,7 @@
 </div>
 
 <style>
-	.sidebar-section {
-		margin-bottom: 25px;
-	}
-	
-	.sidebar-section h3 {
+	.sidebar-box h3 {
 		margin: 0 0 12px 0;
 		font-size: 0.9rem;
 		font-weight: 700;
@@ -168,29 +164,38 @@
 
 	.btn-clear {
 		position: absolute;
-		top: 5px;
-		right: 5px;
-		background: #d9534f;
+		top: 8px;
+		right: 8px;
+		background: rgba(217, 83, 79, 0.9);
 		color: #fff;
-		border: 2px solid #000;
-		padding: 2px 8px;
+		border: 1px solid rgba(0, 0, 0, 0.8);
+		border-radius: 0;
+		padding: 4px 10px;
 		font-size: 0.8rem;
 		cursor: pointer;
-		font-weight: bold;
-		box-shadow: 2px 2px 0 rgba(0,0,0,1);
+		font-weight: 600;
+		backdrop-filter: blur(4px);
 	}
 	
 	.btn-clear:hover {
-		transform: translate(-1px, -1px);
-		box-shadow: 3px 3px 0 rgba(0,0,0,1);
+		background: rgba(217, 83, 79, 1);
 	}
 
 	.full-width-input {
 		width: 100%;
-		padding: 8px;
-		border: 2px solid var(--text-color);
+		padding: 10px 12px;
+		border: 1px solid rgba(0, 0, 0, 0.12);
+		background: rgba(0, 0, 0, 0.015);
 		font-family: inherit;
 		box-sizing: border-box;
+		border-radius: 0;
+		transition: border-color 0.3s ease, box-shadow 0.3s ease;
+	}
+
+	.full-width-input:focus {
+		outline: none;
+		border-color: var(--accent-color, #419b38);
+		box-shadow: 0 0 0 3px rgba(65, 155, 56, 0.08);
 	}
 
 	.upload-area label {