From 6452452c6864a014912c62621dfad140b9524a10 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=B5=AA=E5=AD=90?= <jkjoy@live.cn>
Date: Sun, 17 May 2026 18:01:35 +0800
Subject: [PATCH] =?UTF-8?q?=E9=81=B5=E5=BE=AA=E8=AE=BE=E7=BD=AE=E4=B8=BB?=
 =?UTF-8?q?=E9=A2=98=E8=89=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/style.css            | 16 ++++++++--------
 src/components/Header.astro | 18 ++++++++++++------
 2 files changed, 20 insertions(+), 14 deletions(-)

diff --git a/public/style.css b/public/style.css
index ae290d8..3349696 100644
--- a/public/style.css
+++ b/public/style.css
@@ -2774,7 +2774,7 @@ margin:0 !important
     font-size: 20px;
     font-family: cursive;
     font-weight: 400;
-    color: #A0DAD0;
+    color: var(--theme-skin, #A0DAD0);
     margin-left: 30px;
     margin-top: 50px;
 }
@@ -2805,7 +2805,7 @@ span.time {
 .ar-time i {
     padding: 10px;
     border-radius: 100px;
-    background: #A0DAD0;
+    background: var(--theme-skin, #A0DAD0);
     color: #fff;
 }
 
@@ -2835,7 +2835,7 @@ span.time {
 span.ar-circle {
     height: 10px;
     width: 10px;
-    background: #A0DAD0;
+    background: var(--theme-skin, #A0DAD0);
     display: inline-block;
     position: absolute;
     left: -5px;
@@ -2906,7 +2906,7 @@ header.page-header {
 }
 
 span.sitename {
-    color: #A0DAD0;
+    color: var(--theme-skin, #A0DAD0);
     padding-bottom: 10px;
     display: block;
     -webkit-transition: all .3s;
@@ -2931,13 +2931,13 @@ span.sitename {
     font-weight: 400;
     color: #6D6D6D;
     padding-left: 10px;
-    border-left: 3px solid #A0DAD0;
+    border-left: 3px solid var(--theme-skin, #A0DAD0);
     margin: 15px 0 20px;
 }
 
 .links ul li:before {
     content: "";
-    background-color: #A0DAD0;
+    background-color: var(--theme-skin, #A0DAD0);
     -webkit-transform: skew(45deg, 0);
     transform: skew(45deg, 0);
     width: 0;
@@ -2952,7 +2952,7 @@ span.sitename {
 
 .links ul li:hover {
     color: #27323A;
-    border: 1px solid #A0DAD0;
+    border: 1px solid var(--theme-skin, #A0DAD0);
 }
 
 .links ul li:hover:before {
@@ -5556,7 +5556,7 @@ i.iconfont.icon-download {
     }
 
     .links ul li:hover .sitename {
-        color: #A0DAD0;
+        color: var(--theme-skin, #A0DAD0);
     }
 
     .links ul li:hover .linkdes {
diff --git a/src/components/Header.astro b/src/components/Header.astro
index 8e0d511..7b25c37 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -3,16 +3,22 @@ import { askyOption, isOptionOn, getConfig } from '../lib/options';
 
 const showSearch = askyOption('top_search') === 'yes';
 const navOpen = isOptionOn('shownav');
-const menu = getConfig().site.menu;
+const site = getConfig().site;
+const menu = site.menu;
+const logo = askyOption('akina_logo');
 ---
 
 <header class="site-header" role="banner">
   <div class="site-top">
-    <div class="user-panel">
-      <a href="/">
-        <img src={askyOption('focus_logo') || '/images/avatar.jpg'} alt="avatar" />
-      </a>
-    </div>
+    {logo && (
+      <div class="site-branding">
+        <div class="site-logo">
+          <a href="/">
+            <img src={logo} alt={site.name} />
+          </a>
+        </div>
+      </div>
+    )}
 
     {showSearch && (
       <div class="searchbox">