From 045b9f5740c1e25b6787243d6415003fd8a5ac0d Mon Sep 17 00:00:00 2001
From: ClovertaTheTrilobita <cloverta@petalmail.com>
Date: Sat, 18 Jul 2026 17:18:24 +0800
Subject: [PATCH] update friends card

---
 .../FriendlyLinks/FriendlyLinkItem.astro      | 20 ++++++++++++++-----
 1 file changed, 15 insertions(+), 5 deletions(-)

diff --git a/src/components/FriendlyLinks/FriendlyLinkItem.astro b/src/components/FriendlyLinks/FriendlyLinkItem.astro
index 35f6104..b502f99 100644
--- a/src/components/FriendlyLinks/FriendlyLinkItem.astro
+++ b/src/components/FriendlyLinks/FriendlyLinkItem.astro
@@ -24,10 +24,18 @@ const { name, description, avatar, url } = Astro.props;
         align-items: center;
         gap: 1rem;
         padding: 0.1rem 0.5rem;
-        background: #fffcf1;
-        border: 2px solid #ede3d0;
+        background: #fff5ea;
+        border-top: 1px dotted var(--deep-blue); /* 上下点线 */
+        border-left: 1px dotted var(--deep-blue);
+        border-bottom: 2px solid var(--deep-blue);
+        border-right: 2px solid var(--deep-blue);
         text-decoration: none;
         color: inherit;
+
+        transition:
+            transform 0.2s ease,
+            background-color 0.2s ease,
+            box-shadow 0.2s ease;
     }
 
     .friendly-link-text {
@@ -63,12 +71,14 @@ const { name, description, avatar, url } = Astro.props;
     }
 
     .friendly-link-card:hover {
-        background: #efe2be;
+        /* background: #efe2be; */
+        transform: translate(-3px, -3px);
+        box-shadow: 5px 6px 12px rgb(0 0 0 / 18%);
     }
 
     :global(.dark) .friendly-link-card {
-        background: #3a352b;
-        border-color: #8f8268;
+        background: rgba(127, 127, 127, 0.12);
+        border-color: #9ecbff;
     }
 
     :global(.dark) .friendly-link-title {