From 3dd3c147fd9faa8410f75f7c65343b51e1c10258 Mon Sep 17 00:00:00 2001
From: yaosanqi137 <zxc18023571263@outlook.com>
Date: Fri, 28 Aug 2026 16:22:19 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E6=9B=BF=E6=8D=A2=E6=96=B0logo?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 themes/ITStudioMainSite/assets/css/header.css | 34 +++++++---
 themes/ITStudioMainSite/header.php            | 55 +--------------
 .../Organization-ITstudio-shield.svg          | 13 ++--
 .../ITStudioMainSite/resources/head_logo.svg  | 64 ++++++++---------
 .../resources/head_logo_dark.svg              | 68 +++++++++++++++++++
 .../resources/it_logo_2024.svg                | 32 ++++++---
 6 files changed, 151 insertions(+), 115 deletions(-)
 create mode 100644 themes/ITStudioMainSite/resources/head_logo_dark.svg

diff --git a/themes/ITStudioMainSite/assets/css/header.css b/themes/ITStudioMainSite/assets/css/header.css
index b1f2f45..6bd6482 100644
--- a/themes/ITStudioMainSite/assets/css/header.css
+++ b/themes/ITStudioMainSite/assets/css/header.css
@@ -42,9 +42,27 @@
 }
 
 .logo-main {
-  height: 60px; /* 增大 Logo 尺寸 (原52px) */
+  height: 58px;
+  width: auto;
+  display: block;
+}
+
+.logo-main-dark {
+  display: none;
+}
+
+[data-theme="dark"] .logo-main-light {
+  display: none;
+}
+
+[data-theme="dark"] .logo-main-dark {
+  display: block;
+}
+
+.logo-mobile {
+  display: none;
+  height: 48px;
   width: auto;
-  color: var(--text-primary);
 }
 
 /* --- 主导航 (Navigation) --- */
@@ -200,20 +218,16 @@ html:not([data-theme="dark"]) .moon-icon {
   width: 115%;
 }
 
-/* 默认情况：显示主 Logo，隐藏移动端 Logo */
-.logo-mobile {
-  display: none;
-  height: 48px; /* 调整高度 */
-  width: auto;
-}
-
 /* --- 响应式适配 --- */
 @media (max-width: 900px) {
-  /* 移动端隐藏主Logo，显示移动端Logo */
   .logo-main {
     display: none;
   }
 
+  .logo-main.logo-main-dark {
+    display: none;
+  }
+
   .logo-mobile {
     display: block;
   }
diff --git a/themes/ITStudioMainSite/header.php b/themes/ITStudioMainSite/header.php
index 37025a0..1509d28 100644
--- a/themes/ITStudioMainSite/header.php
+++ b/themes/ITStudioMainSite/header.php
@@ -13,58 +13,9 @@
         <div class="header-content">
             <div class="logo-container">
                 <a href="<?php echo esc_url(home_url('/')); ?>" class="logo-link">
-                    <svg class="logo-main" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="260" height="70" viewBox="0 0 260 70">
-                        <defs>
-                            <style>
-                                .cls-1 { fill: #f8d1d9; }
-                                .cls-1, .cls-2, .cls-3 { fill-rule: evenodd; }
-                                .cls-2 { fill: #bab5ec; }
-                                .cls-3 { fill: url(#linear-gradient); }
-                                .text-group {
-                                    font-family: "PingFang SC", "Microsoft YaHei", "Heiti SC", sans-serif;
-                                    text-anchor: middle;
-                                }
-                                .text-cn {
-                                    font-size: 26px;
-                                    font-weight: 800;
-                                }
-                                .text-en {
-                                    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-                                    font-size: 11px;
-                                    font-weight: 600;
-                                    letter-spacing: 3px;
-                                    fill: #8e88c7;
-                                    text-transform: uppercase;
-                                }
-                                .deco-solid-circle { fill: #f1b7bf; }
-                                .deco-hollow-circle { fill: none; stroke: #bab5ec; stroke-width: 2; }
-                                .deco-plus { stroke: #bab5ec; stroke-width: 3; stroke-linecap: round; }
-                                .deco-square { fill: #bab5ec; opacity: 0.8; }
-                                .deco-line { stroke: #f8d1d9; stroke-width: 3; stroke-linecap: round; }
-                            </style>
-                            <linearGradient id="linear-gradient" x1="19.41" y1="66" x2="44.59" y2="12" gradientUnits="userSpaceOnUse">
-                                <stop offset="0" stop-color="#bab5ec"/>
-                                <stop offset="1" stop-color="#f1b7bf"/>
-                            </linearGradient>
-                        </defs>
-                        <g id="decorations">
-                            <rect class="deco-square" x="5" y="8" width="6" height="6" transform="rotate(15 8 11)" />
-                            <path class="deco-plus" d="M78 20 L88 20 M83 15 L83 25" />
-                            <circle class="deco-hollow-circle" cx="245" cy="15" r="5" />
-                            <circle class="deco-solid-circle" cx="235" cy="55" r="4" />
-                            <path class="deco-line" d="M250 60 L256 54" />
-                        </g>
-                        <g id="logo-main" transform="translate(12, 2) scale(0.95)">
-                            <path id="cls-1" class="cls-1" d="M0,17L30,0V39L0,57V17Z"/>
-                            <path id="cls-2" class="cls-2" d="M33,39L62,56V17L33,0V39Z"/>
-                            <path id="cls-3" data-name="cls-3" class="cls-3" d="M18,28L46,12V49L18,66V28Z"/>
-                        </g>
-                        <g class="text-group" transform="translate(165, 0)">
-                            <text y="38" class="text-cn" fill="currentColor">爱特工作室</text>
-                            <text y="56" class="text-en">IT Studio</text>
-                        </g>
-                    </svg>
-                    <img src="<?php echo get_template_directory_uri(); ?>/resources/it_logo_2024.svg" class="logo-mobile" alt="IT Studio">
+                    <img src="<?php echo esc_url(get_template_directory_uri()); ?>/resources/head_logo.svg" class="logo-main logo-main-light" alt="爱特工作室">
+                    <img src="<?php echo esc_url(get_template_directory_uri()); ?>/resources/head_logo_dark.svg" class="logo-main logo-main-dark" alt="爱特工作室">
+                    <img src="<?php echo esc_url(get_template_directory_uri()); ?>/resources/it_logo_2024.svg" class="logo-mobile" alt="爱特工作室">
                 </a>
             </div>
 
diff --git a/themes/ITStudioMainSite/resources/Organization-ITstudio-shield.svg b/themes/ITStudioMainSite/resources/Organization-ITstudio-shield.svg
index a671a4f..b37af1e 100644
--- a/themes/ITStudioMainSite/resources/Organization-ITstudio-shield.svg
+++ b/themes/ITStudioMainSite/resources/Organization-ITstudio-shield.svg
@@ -1,12 +1,7 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="153" height="18" role="img" aria-label="Organization: ITstudio">
 <title>Organization: ITStudio</title>
-<linearGradient id="s" x2="0" y2="100%">
-<stop offset="0" stop-color="#fff" stop-opacity=".7"/>
-<stop offset=".1" stop-color="#aaa" stop-opacity=".1"/>
-<stop offset=".9" stop-color="#000" stop-opacity=".3"/>
-<stop offset="1" stop-color="#000" stop-opacity=".5"/>
-</linearGradient><clipPath id="r"><rect width="153" height="18" rx="4" fill="#fff"/>
-</clipPath><g clip-path="url(#r)"><rect width="98" height="18" fill="#555"/>
-<rect x="98" width="55" height="18" fill="#f8d1d9"/><rect width="153" height="18" fill="url(#s)"/></g>
+<linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#fff" stop-opacity=".7"/><stop offset=".1" stop-color="#aaa" stop-opacity=".1"/><stop offset=".9" stop-color="#000" stop-opacity=".3"/><stop offset="1" stop-color="#000" stop-opacity=".5"/></linearGradient>
+<clipPath id="r"><rect width="153" height="18" rx="4" fill="#fff"/></clipPath>
+<g clip-path="url(#r)"><rect width="98" height="18" fill="#555"/><rect x="98" width="55" height="18" fill="#5a8dd3"/><rect width="153" height="18" fill="url(#s)"/></g>
 <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110">
-<image x="5" y="2" width="14" height="14" href="data:image/svg+xml;base64,PHN2ZyBpZD0ibG9nbyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjYyIiBoZWlnaHQ9IjY2IiB2aWV3Qm94PSIwIDAgNjIgNjYiPgogIDxkZWZzPgogICAgPHN0eWxlPgogICAgICAuY2xzLTEgewogICAgICAgIGZpbGw6ICNmOGQxZDk7CiAgICAgIH0KCiAgICAgIC5jbHMtMSwgLmNscy0yLCAuY2xzLTMgewogICAgICAgIGZpbGwtcnVsZTogZXZlbm9kZDsKICAgICAgfQoKICAgICAgLmNscy0yIHsKICAgICAgICBmaWxsOiAjYmFiNWVjOwogICAgICB9CgogICAgICAuY2xzLTMgewogICAgICAgIGZpbGw6IHVybCgjbGluZWFyLWdyYWRpZW50KTsKICAgICAgfQogICAgPC9zdHlsZT4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0ibGluZWFyLWdyYWRpZW50IiB4MT0iMTkuNDEiIHkxPSI2NiIgeDI9IjQ0LjU5IiB5Mj0iMTIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KICAgICAgPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjYmFiNWVjIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2YxYjdiZiIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICA8L2RlZnM+CiAgPHBhdGggaWQ9ImNscy0xIiBjbGFzcz0iY2xzLTEiIGQ9Ik0wLDE3TDMwLDBWMzlMMCw1N1YxN1oiLz4KICA8cGF0aCBpZD0iY2xzLTIiIGNsYXNzPSJjbHMtMiIgZD0iTTMzLDM5TDYyLDU2VjE3TDMzLDBWMzlaIi8+CiAgPHBhdGggaWQ9ImNscy0zIiBkYXRhLW5hbWU9ImNscy0zIiBjbGFzcz0iY2xzLTMiIGQ9Ik0xOCwyOEw0NiwxMlY0OUwxOCw2NlYyOFoiLz4KPC9zdmc+Cg=="/><text aria-hidden="true" x="585" y="140" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="710">Organization</text><text x="585" y="130" transform="scale(.1)" fill="#fff" textLength="710">Organization</text><text aria-hidden="true" x="1245" y="140" fill="#ccc" fill-opacity=".3" transform="scale(.1)" textLength="450">ITStudio</text><text x="1245" y="130" transform="scale(.1)" fill="#333" textLength="450">ITStudio</text></g></svg>
\ No newline at end of file
+<image x="5" y="2" width="14" height="14" preserveAspectRatio="none" href="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iX+WbvuWxgl8yIiBkYXRhLW5hbWU9IuWbvuWxgiAyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNjIgNjYiPgogIDxkZWZzPgogICAgPHN0eWxlPgogICAgICAuY2xzLTEgewogICAgICAgIGZpbGw6IHVybCgjX+acquWRveWQjeeahOa4kOWPmF8zNik7CiAgICAgIH0KDQogICAgICAuY2xzLTEsIC5jbHMtMiwgLmNscy0zIHsNCiAgICAgICAgZmlsbC1ydWxlOiBldmVub2RkOw0KICAgICAgfQ0KDQogICAgICAuY2xzLTIgewogICAgICAgIGZpbGw6IHVybCgjX+acquWRveWQjeeahOa4kOWPmF8yMyk7CiAgICAgIH0KCiAgICAgIC5jbHMtMyB7CiAgICAgICAgZmlsbDogdXJsKCNf5pyq5ZG95ZCN55qE5riQ5Y+YXzMxKTsKICAgICAgfQogICAgPC9zdHlsZT4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iX+acquWRveWQjeeahOa4kOWPmF8zMSIgZGF0YS1uYW1lPSLmnKrlkb3lkI3nmoTmuJDlj5ggMzEiIHgxPSIwIiB5MT0iMjguNSIgeDI9IjMwIiB5Mj0iMjguNSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgogICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiM2NThmZDUiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIuNDMiIHN0b3AtY29sb3I9IiM5MGJjZTgiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIuOTkiIHN0b3AtY29sb3I9IiNiZmU3ZmEiLz4KICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9Il/mnKrlkb3lkI3nmoTmuJDlj5hfMjMiIGRhdGEtbmFtZT0i5pyq5ZG95ZCN55qE5riQ5Y+YIDIzIiB4MT0iMzMiIHkxPSIyOCIgeDI9IjYyIiB5Mj0iMjgiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KICAgICAgPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjOGZiNmU1Ii8+CiAgICAgIDxzdG9wIG9mZnNldD0iLjUxIiBzdG9wLWNvbG9yPSIjNWE4ZGQzIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iLjk5IiBzdG9wLWNvbG9yPSIjMmI2N2JmIi8+CiAgICA8L2xpbmVhckdyYWRpZW50PgogICAgPGxpbmVhckdyYWRpZW50IGlkPSJf5pyq5ZG95ZCN55qE5riQ5Y+YXzM2IiBkYXRhLW5hbWU9IuacquWRveWQjeeahOa4kOWPmCAzNiIgeDE9IjE5LjIyIiB5MT0iLS4wMiIgeDI9IjQ0LjQiIHkyPSI1My45OCIgZ3JhZGllbnRUcmFuc2Zvcm09InRyYW5zbGF0ZSgwIDY1Ljg5KSBzY2FsZSgxIC0xKSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgogICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiM4OGUxZmEiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIuNjkiIHN0b3AtY29sb3I9IiM0ZjkyZDYiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMmQ1ZWJhIi8+CiAgICA8L2xpbmVhckdyYWRpZW50PgogIDwvZGVmcz4KICA8cGF0aCBpZD0iY2xzLTEiIGNsYXNzPSJjbHMtMyIgZD0iTTAsMTdMMzAsMHYzOUwwLDU3VjE3WiIvPgogIDxwYXRoIGlkPSJjbHMtMiIgY2xhc3M9ImNscy0yIiBkPSJNMzMsMzlsMjksMTdWMTdMMzMsMHYzOVoiLz4KICA8cGF0aCBpZD0iY2xzLTMiIGNsYXNzPSJjbHMtMSIgZD0iTTE4LDI4bDI4LTE2djM3bC0yOCwxN1YyOFoiLz4KPC9zdmc+Cg=="/><text aria-hidden="true" x="585" y="140" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="710">Organization</text><text x="585" y="130" transform="scale(.1)" textLength="710">Organization</text><text aria-hidden="true" x="1245" y="140" fill="#ccc" fill-opacity=".3" transform="scale(.1)" textLength="450">ITStudio</text><text x="1245" y="130" fill="#333" transform="scale(.1)" textLength="450">ITStudio</text></g></svg>
diff --git a/themes/ITStudioMainSite/resources/head_logo.svg b/themes/ITStudioMainSite/resources/head_logo.svg
index d5d71e1..6afb874 100644
--- a/themes/ITStudioMainSite/resources/head_logo.svg
+++ b/themes/ITStudioMainSite/resources/head_logo.svg
@@ -1,13 +1,11 @@
 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="260" height="70" viewBox="0 0 260 70">
     <defs>
         <style>
-            /* 原始Logo样式 */
-            .cls-1 { fill: #f8d1d9; }
+            .cls-1 { fill: url(#gradient-left); }
             .cls-1, .cls-2, .cls-3 { fill-rule: evenodd; }
-            .cls-2 { fill: #bab5ec; }
-            .cls-3 { fill: url(#linear-gradient); }
+            .cls-2 { fill: url(#gradient-right); }
+            .cls-3 { fill: url(#gradient-center); }
 
-            /* 文字样式 */
             .text-group {
             font-family: "PingFang SC", "Microsoft YaHei", "Heiti SC", sans-serif;
             text-anchor: middle;
@@ -15,58 +13,56 @@
             .text-cn {
             font-size: 26px;
             font-weight: 800;
-            fill: currentColor;
+            fill: #1f2937;
             }
             .text-en {
             font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
             font-size: 11px;
             font-weight: 600;
             letter-spacing: 3px;
-            fill: #8e88c7;
+            fill: #3f73bd;
             text-transform: uppercase;
             }
 
-            /* 装饰元素样式 */
-            .deco-solid-circle { fill: #f1b7bf; }
-            .deco-hollow-circle { fill: none; stroke: #bab5ec; stroke-width: 2; }
-            .deco-plus { stroke: #bab5ec; stroke-width: 3; stroke-linecap: round; }
-            .deco-square { fill: #bab5ec; opacity: 0.8; }
-            .deco-line { stroke: #f8d1d9; stroke-width: 3; stroke-linecap: round; }
+            .deco-solid-circle { fill: #5a8dd3; }
+            .deco-hollow-circle { fill: none; stroke: #6ea7df; stroke-width: 2; }
+            .deco-plus { stroke: #6ea7df; stroke-width: 3; stroke-linecap: round; }
+            .deco-square { fill: #8fb6e5; opacity: 0.8; }
+            .deco-line { stroke: #bfe7fa; stroke-width: 3; stroke-linecap: round; }
         </style>
-        <linearGradient id="linear-gradient" x1="19.41" y1="66" x2="44.59" y2="12" gradientUnits="userSpaceOnUse">
-            <stop offset="0" stop-color="#bab5ec"/>
-            <stop offset="1" stop-color="#f1b7bf"/>
+        <linearGradient id="gradient-left" x1="0" y1="28.5" x2="30" y2="28.5" gradientUnits="userSpaceOnUse">
+            <stop offset="0" stop-color="#658fd5"/>
+            <stop offset=".43" stop-color="#90bce8"/>
+            <stop offset=".99" stop-color="#bfe7fa"/>
+        </linearGradient>
+        <linearGradient id="gradient-right" x1="33" y1="28" x2="62" y2="28" gradientUnits="userSpaceOnUse">
+            <stop offset="0" stop-color="#8fb6e5"/>
+            <stop offset=".51" stop-color="#5a8dd3"/>
+            <stop offset=".99" stop-color="#2b67bf"/>
+        </linearGradient>
+        <linearGradient id="gradient-center" x1="19.22" y1="-.02" x2="44.4" y2="53.98" gradientTransform="translate(0 65.89) scale(1 -1)" gradientUnits="userSpaceOnUse">
+            <stop offset="0" stop-color="#88e1fa"/>
+            <stop offset=".69" stop-color="#4f92d6"/>
+            <stop offset="1" stop-color="#2d5eba"/>
         </linearGradient>
     </defs>
 
-    <!-- 装饰元素组 -->
     <g id="decorations">
-        <!-- 左上角：实心小方块 (已修复坐标，向右下方移动) -->
         <rect class="deco-square" x="5" y="8" width="6" height="6" transform="rotate(15 8 11)" />
-
-        <!-- Logo与文字之间：加粗的十字星 -->
         <path class="deco-plus" d="M78 20 L88 20 M83 15 L83 25" />
-
-        <!-- 右上角：空心圆环 -->
         <circle class="deco-hollow-circle" cx="245" cy="15" r="5" />
-
-        <!-- 右下角：实心圆点 -->
         <circle class="deco-solid-circle" cx="235" cy="55" r="4" />
-
-        <!-- 底部装饰线 -->
         <path class="deco-line" d="M250 60 L256 54" />
     </g>
 
-    <!-- 原Logo主体 -->
     <g id="logo-main" transform="translate(12, 2) scale(0.95)">
-        <path id="cls-1" class="cls-1" d="M0,17L30,0V39L0,57V17Z"/>
-        <path id="cls-2" class="cls-2" d="M33,39L62,56V17L33,0V39Z"/>
-        <path id="cls-3" data-name="cls-3" class="cls-3" d="M18,28L46,12V49L18,66V28Z"/>
+        <path id="cls-1" class="cls-1" d="M0,17L30,0v39L0,57V17Z"/>
+        <path id="cls-2" class="cls-2" d="M33,39l29,17V17L33,0v39Z"/>
+        <path id="cls-3" class="cls-3" d="M18,28l28-16v37l-28,17V28Z"/>
     </g>
 
-    <!-- 文字部分 -->
     <g class="text-group" transform="translate(165, 0)">
-        <text y="38" id="logo-text-cn" class="text-cn" style="font-family: 'PingFang SC', 'Microsoft YaHei', 'Heiti SC', sans-serif; text-anchor: middle; font-size: 26px; font-weight: 800; fill: currentColor;">爱特工作室</text>
-        <text y="56" class="text-en" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; text-anchor: middle; font-size: 11px; font-weight: 600; letter-spacing: 3px; fill: #8e88c7; text-transform: uppercase;">IT Studio</text>
+        <text y="38" id="logo-text-cn" class="text-cn">爱特工作室</text>
+        <text y="56" class="text-en">IT Studio</text>
     </g>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/themes/ITStudioMainSite/resources/head_logo_dark.svg b/themes/ITStudioMainSite/resources/head_logo_dark.svg
new file mode 100644
index 0000000..335de8b
--- /dev/null
+++ b/themes/ITStudioMainSite/resources/head_logo_dark.svg
@@ -0,0 +1,68 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="260" height="70" viewBox="0 0 260 70">
+    <defs>
+        <style>
+            .cls-1 { fill: url(#gradient-left); }
+            .cls-1, .cls-2, .cls-3 { fill-rule: evenodd; }
+            .cls-2 { fill: url(#gradient-right); }
+            .cls-3 { fill: url(#gradient-center); }
+
+            .text-group {
+            font-family: "PingFang SC", "Microsoft YaHei", "Heiti SC", sans-serif;
+            text-anchor: middle;
+            }
+            .text-cn {
+            font-size: 26px;
+            font-weight: 800;
+            fill: #ffffff;
+            }
+            .text-en {
+            font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+            font-size: 11px;
+            font-weight: 600;
+            letter-spacing: 3px;
+            fill: #9fc8f2;
+            text-transform: uppercase;
+            }
+
+            .deco-solid-circle { fill: #6ea7df; }
+            .deco-hollow-circle { fill: none; stroke: #9fc8f2; stroke-width: 2; }
+            .deco-plus { stroke: #9fc8f2; stroke-width: 3; stroke-linecap: round; }
+            .deco-square { fill: #8fb6e5; opacity: 0.9; }
+            .deco-line { stroke: #bfe7fa; stroke-width: 3; stroke-linecap: round; }
+        </style>
+        <linearGradient id="gradient-left" x1="0" y1="28.5" x2="30" y2="28.5" gradientUnits="userSpaceOnUse">
+            <stop offset="0" stop-color="#658fd5"/>
+            <stop offset=".43" stop-color="#90bce8"/>
+            <stop offset=".99" stop-color="#bfe7fa"/>
+        </linearGradient>
+        <linearGradient id="gradient-right" x1="33" y1="28" x2="62" y2="28" gradientUnits="userSpaceOnUse">
+            <stop offset="0" stop-color="#8fb6e5"/>
+            <stop offset=".51" stop-color="#5a8dd3"/>
+            <stop offset=".99" stop-color="#2b67bf"/>
+        </linearGradient>
+        <linearGradient id="gradient-center" x1="19.22" y1="-.02" x2="44.4" y2="53.98" gradientTransform="translate(0 65.89) scale(1 -1)" gradientUnits="userSpaceOnUse">
+            <stop offset="0" stop-color="#88e1fa"/>
+            <stop offset=".69" stop-color="#4f92d6"/>
+            <stop offset="1" stop-color="#2d5eba"/>
+        </linearGradient>
+    </defs>
+
+    <g id="decorations">
+        <rect class="deco-square" x="5" y="8" width="6" height="6" transform="rotate(15 8 11)" />
+        <path class="deco-plus" d="M78 20 L88 20 M83 15 L83 25" />
+        <circle class="deco-hollow-circle" cx="245" cy="15" r="5" />
+        <circle class="deco-solid-circle" cx="235" cy="55" r="4" />
+        <path class="deco-line" d="M250 60 L256 54" />
+    </g>
+
+    <g id="logo-main" transform="translate(12, 2) scale(0.95)">
+        <path id="cls-1" class="cls-1" d="M0,17L30,0v39L0,57V17Z"/>
+        <path id="cls-2" class="cls-2" d="M33,39l29,17V17L33,0v39Z"/>
+        <path id="cls-3" class="cls-3" d="M18,28l28-16v37l-28,17V28Z"/>
+    </g>
+
+    <g class="text-group" transform="translate(165, 0)">
+        <text y="38" id="logo-text-cn" class="text-cn">爱特工作室</text>
+        <text y="56" class="text-en">IT Studio</text>
+    </g>
+</svg>
diff --git a/themes/ITStudioMainSite/resources/it_logo_2024.svg b/themes/ITStudioMainSite/resources/it_logo_2024.svg
index 1a1e701..5abcd59 100644
--- a/themes/ITStudioMainSite/resources/it_logo_2024.svg
+++ b/themes/ITStudioMainSite/resources/it_logo_2024.svg
@@ -1,8 +1,9 @@
-<svg id="logo" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="62" height="66" viewBox="0 0 62 66">
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="_图层_2" data-name="图层 2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 62 66">
   <defs>
     <style>
       .cls-1 {
-        fill: #f8d1d9;
+        fill: url(#_未命名的渐变_36);
       }
 
       .cls-1, .cls-2, .cls-3 {
@@ -10,19 +11,30 @@
       }
 
       .cls-2 {
-        fill: #bab5ec;
+        fill: url(#_未命名的渐变_23);
       }
 
       .cls-3 {
-        fill: url(#linear-gradient);
+        fill: url(#_未命名的渐变_31);
       }
     </style>
-    <linearGradient id="linear-gradient" x1="19.41" y1="66" x2="44.59" y2="12" gradientUnits="userSpaceOnUse">
-      <stop offset="0" stop-color="#bab5ec"/>
-      <stop offset="1" stop-color="#f1b7bf"/>
+    <linearGradient id="_未命名的渐变_31" data-name="未命名的渐变 31" x1="0" y1="28.5" x2="30" y2="28.5" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#658fd5"/>
+      <stop offset=".43" stop-color="#90bce8"/>
+      <stop offset=".99" stop-color="#bfe7fa"/>
+    </linearGradient>
+    <linearGradient id="_未命名的渐变_23" data-name="未命名的渐变 23" x1="33" y1="28" x2="62" y2="28" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#8fb6e5"/>
+      <stop offset=".51" stop-color="#5a8dd3"/>
+      <stop offset=".99" stop-color="#2b67bf"/>
+    </linearGradient>
+    <linearGradient id="_未命名的渐变_36" data-name="未命名的渐变 36" x1="19.22" y1="-.02" x2="44.4" y2="53.98" gradientTransform="translate(0 65.89) scale(1 -1)" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#88e1fa"/>
+      <stop offset=".69" stop-color="#4f92d6"/>
+      <stop offset="1" stop-color="#2d5eba"/>
     </linearGradient>
   </defs>
-  <path id="cls-1" class="cls-1" d="M0,17L30,0V39L0,57V17Z"/>
-  <path id="cls-2" class="cls-2" d="M33,39L62,56V17L33,0V39Z"/>
-  <path id="cls-3" data-name="cls-3" class="cls-3" d="M18,28L46,12V49L18,66V28Z"/>
+  <path id="cls-1" class="cls-3" d="M0,17L30,0v39L0,57V17Z"/>
+  <path id="cls-2" class="cls-2" d="M33,39l29,17V17L33,0v39Z"/>
+  <path id="cls-3" class="cls-1" d="M18,28l28-16v37l-28,17V28Z"/>
 </svg>