diff --git a/css/header.css b/css/header.css
index 684b8bf..3ff7a7d 100644
--- a/css/header.css
+++ b/css/header.css
@@ -34,12 +34,11 @@ header .toggle-menu:hover {
 /* 头部全屏按钮样式（仅大屏幕显示） */
 #fullscreen-button {
     position: absolute;
-    right: 16px;
+    right: 12px;
     top: 0px;
     background: none;
     border: none;
     cursor: pointer;
-    font-size: 32px;
     display: flex;
     align-items: center;
     transition: top 0.3s ease,transform 0.3s ease-in-out, padding 0.3s ease-in-out; /* 平滑放大动画 */
diff --git a/icon/full.png b/icon/full.png
new file mode 100644
index 0000000..bf41d6b
Binary files /dev/null and b/icon/full.png differ
diff --git a/icon/off.png b/icon/off.png
new file mode 100644
index 0000000..109e4cf
Binary files /dev/null and b/icon/off.png differ
diff --git a/index.html b/index.html
index 1c37922..4b119e4 100644
--- a/index.html
+++ b/index.html
@@ -21,7 +21,7 @@
         <div class="logo_head" id="logo_head">DreamLife|ToolBox</div>
         <button class="toggle-menu" id="toggle-menu">☰</button>
         <button id="fullscreen-button" class="fullscreen-btn">
-            <span class="icon">&#x26F6;</span>
+            <span class="icon"><img src="icon/full.png" width="30px"></span>
         </button>
     </header>
 
@@ -35,8 +35,8 @@
         <nav>
             <a id="sidebar-fullscreen-button" href="#" class="sidebar-link">
                 <div class="link-content">
-                    <i class="icon">&#x26F6;</i>  <!-- 初始图标 -->
-                    <span>全屏</span>
+                    <span class="icon"><img src="icon/full.png" width="30px"></span>
+                    <span class="btn-text">全屏</span>
                 </div>
             </a>
         </nav>
diff --git a/javascape/full_button.js b/javascape/full_button.js
index d05644f..254120c 100644
--- a/javascape/full_button.js
+++ b/javascape/full_button.js
@@ -33,12 +33,17 @@ function toggleFullscreen() {
 function updateFullscreenButton(isFullscreen) {
     const buttons = [fullscreenButton, sidebarFullscreenButton];
     buttons.forEach(button => {
+        // 更新文字
+        const textElement = button.querySelector('.btn-text');
+        if (textElement) {
+            textElement.textContent = isFullscreen ? '退出' : '全屏';
+        }
         if (isFullscreen) {
             button.querySelector('span').textContent = '退出';
-            button.querySelector('.icon').innerHTML = '&#x21B5;'; // 退出全屏图标
+            button.querySelector('.icon').innerHTML = '<img src="./icon/off.png" width="30px">'; // 退出全屏图标
         } else {
             button.querySelector('span').textContent = '全屏';
-            button.querySelector('.icon').innerHTML = '&#x26F6;'; // 全屏图标
+            button.querySelector('.icon').innerHTML = '<img src="./icon/full.png" width="30px">'; // 全屏图标
         }
     });
 }