From 3701200fd7e5550a0290b9f6b31e5b24b6aa8fb1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BA=8C=E5=8F=89=E6=A0=91=E6=A0=91?= <acofork@qq.com>
Date: Thu, 1 Jan 2026 21:55:59 +0800
Subject: [PATCH] =?UTF-8?q?style(=E7=BB=84=E4=BB=B6):=20=E7=AE=80=E5=8C=96?=
 =?UTF-8?q?=E5=8D=A1=E7=89=87=E7=BB=84=E4=BB=B6=E7=9A=84=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E7=B1=BB=E5=90=8D=E5=B9=B6=E7=A7=BB=E9=99=A4=E8=BE=B9=E6=A1=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

移除 PostCard 和文章页卡片组件的边框样式，简化 class 列表
统一使用 card-base 和 card-hover 基础样式类
---
 src/components/PostCard.astro   | 2 +-
 src/pages/posts/[...slug].astro | 2 +-
 src/styles/main.css             | 4 ++++
 src/utils/setting-utils.ts      | 2 +-
 4 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/components/PostCard.astro b/src/components/PostCard.astro
index 778e1b4ff..6407f18ca 100644
--- a/src/components/PostCard.astro
+++ b/src/components/PostCard.astro
@@ -33,7 +33,7 @@ const coverWidth = "28%";
 
 const { remarkPluginFrontmatter } = await entry.render();
 ---
-<div class:list={["card-base border border-black/10 dark:border-white/10 flex flex-col w-full rounded-[var(--radius-large)] overflow-hidden relative", className]} style={style}>
+<div class:list={["card-base card-hover flex flex-col w-full relative", className]} style={style}>
     <div class:list={["pl-9 pr-2 pt-6 pb-6 relative", {"w-[calc(100%_-_52px_-_12px)]": !hasCover, "w-[calc(100%_-_var(--coverWidth)_-_12px)]": hasCover}]}>
         <a href={url}
            class="transition group w-full block font-bold mb-2 md:mb-3 text-xl md:text-3xl text-90 relative
diff --git a/src/pages/posts/[...slug].astro b/src/pages/posts/[...slug].astro
index ba38ff214..7fe359976 100644
--- a/src/pages/posts/[...slug].astro
+++ b/src/pages/posts/[...slug].astro
@@ -46,7 +46,7 @@ const jsonLd = {
 <MainGridLayout banner={entry.data.image} title={entry.data.title} description={entry.data.description} lang={entry.data.lang} setOGTypeArticle={true} headings={headings}>
     <script is:inline slot="head" type="application/ld+json" set:html={JSON.stringify(jsonLd)}></script>
     <div class="flex w-full rounded-[var(--radius-large)] overflow-hidden relative mb-4">
-        <div id="post-container" class:list={["card-base z-10 px-6 md:px-9 pt-6 pb-4 relative w-full border border-black/10 dark:border-white/10 ",
+        <div id="post-container" class:list={["card-base z-10 px-6 md:px-9 pt-6 pb-4 relative w-full",
             {}
         ]}>
             <!-- word count and reading time -->
diff --git a/src/styles/main.css b/src/styles/main.css
index a06a8395c..e1509589e 100644
--- a/src/styles/main.css
+++ b/src/styles/main.css
@@ -3,9 +3,13 @@
 @layer components {
     .card-base {
         @apply rounded-[var(--radius-large)] overflow-hidden bg-[var(--card-bg)] transition;
+        @apply border border-black/5 dark:border-white/10;
         backdrop-filter: blur(12px);
         -webkit-backdrop-filter: blur(12px);
     }
+    .card-hover {
+        @apply hover:scale-[1.01] hover:shadow-xl hover:border-black/10 dark:hover:border-white/20 hover:z-10;
+    }
     h1, h2, h3, h4, h5, h6, p, a, span, li, ul, ol, blockquote, code, pre, table, th, td, strong {
         @apply transition;
     }
diff --git a/src/utils/setting-utils.ts b/src/utils/setting-utils.ts
index 8012cf230..22633ac53 100644
--- a/src/utils/setting-utils.ts
+++ b/src/utils/setting-utils.ts
@@ -45,7 +45,7 @@ export function setRainbowSpeed(speed: number): void {
 
 export function getBgBlur(): number {
 	const stored = localStorage.getItem("bg-blur");
-	return stored ? Number.parseInt(stored) : 0; // Default blur is 0
+	return stored ? Number.parseInt(stored) : 4; // Default blur is 4
 }
 
 export function setBgBlur(blur: number): void {