From dbfa4ece88c317a38477503763c57e04464b5845 Mon Sep 17 00:00:00 2001
From: Ariver <shanghai3168@gmail.com>
Date: Sat, 06 Jun 2026 19:40:15 +0800
Subject: [PATCH] Fix hero image black borders on white page

---
 docs/styles.css             |    5 ++++-
 docs/assets/hero-visual.png |    0 
 docs/assets/hero-visual.jpg |    0 
 3 files changed, 4 insertions(+), 1 deletions(-)

diff --git a/docs/assets/hero-visual.jpg b/docs/assets/hero-visual.jpg
index f23035e..c62088b 100644
--- a/docs/assets/hero-visual.jpg
+++ b/docs/assets/hero-visual.jpg
Binary files differ
diff --git a/docs/assets/hero-visual.png b/docs/assets/hero-visual.png
new file mode 100644
index 0000000..07d91d7
--- /dev/null
+++ b/docs/assets/hero-visual.png
Binary files differ
diff --git a/docs/styles.css b/docs/styles.css
index 1f98aeb..e3b4730 100644
--- a/docs/styles.css
+++ b/docs/styles.css
@@ -187,13 +187,14 @@
   max-width: 22em;
 }
 
-/* Right art: user-provided hero visual (use as-is) */
+/* Right art: user-provided hero visual (black bg removed → white) */
 .hero__art {
   margin: 0;
   line-height: 0;
   display: flex;
   align-items: center;
   justify-content: flex-end;
+  background: var(--hero-bg);
 }
 
 .hero__art img {
@@ -201,6 +202,8 @@
   width: 100%;
   max-width: 100%;
   height: auto;
+  background: var(--hero-bg);
+  border: 0;
 }
 
 /* Main content */

--
Gitblit v1.9.3