From bdd9f6c58939194848d7189f7717949e79c9a079 Mon Sep 17 00:00:00 2001
From: chicrobot <chicrobot@yeah.net>
Date: Fri, 21 Nov 2025 01:32:34 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4=E6=A8=A1=E5=9D=97=E9=A1=BA?=
 =?UTF-8?q?=E5=BA=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html | 142 ++++++++++++++++++++++++++---------------------------
 1 file changed, 71 insertions(+), 71 deletions(-)

diff --git a/index.html b/index.html
index 21d1ad8..93fb6cc 100644
--- a/index.html
+++ b/index.html
@@ -23,9 +23,9 @@
             <nav class="navbar-nav">
                 <a href="#monitor" class="nav-link active">监控中心</a>
                 <a href="#tools" class="nav-link">核心服务</a>
-                <a href="#dev" class="nav-link">开发环境</a>
                 <a href="#blog" class="nav-link">博客</a>
                 <a href="#lab" class="nav-link">技术实验室</a>
+                <a href="#dev" class="nav-link">开发环境</a>
                 <a href="#friends" class="nav-link">创意圈</a>
             </nav> 
         </div>
@@ -107,6 +107,76 @@
         </div>
     </section>
 
+    <!-- 最新思绪区域 -->
+    <section class="latest-thoughts" id="blog">
+        <div class="container" data-parallax="0.2">
+            <h2 class="section-title"><span class="text-cyan">最新思路</span></h2>
+            <div class="thoughts-grid">
+                <article class="thought-card glass-card">
+                    <div class="thought-image" style="background-image: url('./static/code1.avif');"></div>
+                    <div class="thought-content">
+                        <h3>赛博朋克时代的前端架构思考</h3>
+                        <p class="thought-excerpt">探索在快速变化的技术环境中，如何构建可维护的前端系统...</p>
+                        <p class="thought-date">2023-05-15</p>
+                        <span class="read-more">继续阅读 <i class="fas fa-arrow-right"></i></span>
+                    </div>
+                </article>
+                <article class="thought-card glass-card">
+                    <div class="thought-image" style="background-image: url('./static/code2.avif');"></div>
+                    <div class="thought-content">
+                        <h3>从0到1搭建个人技术栈</h3>
+                        <p class="thought-excerpt">分享我如何构建这个集成工作台，以及选择各组件的思考过程...</p>
+                        <p class="thought-date">2023-05-08</p>
+                        <span class="read-more">继续阅读 <i class="fas fa-arrow-right"></i></span>
+                    </div>
+                </article>
+                <article class="thought-card glass-card">
+                    <div class="thought-image" style="background-image: url('./static/code3.avif');"></div>
+                    <div class="thought-content">
+                        <h3>未来界面：玻璃拟态与全息效果</h3>
+                        <p class="thought-excerpt">深入探讨现代UI设计中的玻璃拟态趋势及其实现技巧...</p>
+                        <p class="thought-date">2023-05-01</p>
+                        <span class="read-more">继续阅读 <i class="fas fa-arrow-right"></i></span>
+                    </div>
+                </article>
+            </div>
+        </div>
+    </section>
+
+    <!-- 技术实验室 -->
+    <section class="tech-lab" id="lab">
+        <div class="container" data-parallax="0.2">
+            <h2 class="section-title"><span class="text-cyan">技术实验室</span></h2>
+            <div class="lab-grid">
+                <div class="lab-card glass-card">
+                    <div class="lab-icon"><i class="fas fa-comment-dots"></i></div>
+                    <h3>实时通信</h3>
+                    <p>基于WebSocket的聊天系统实现</p>
+                    <a id="chatLink" href="#" class="lab-link" target="_blank">进入实验室 <i class="fas fa-flask"></i></a>
+                </div>
+                <div class="lab-card glass-card">
+                    <div class="lab-icon"><i class="fas fa-robot"></i></div>
+                    <h3>AI 实验</h3>
+                    <p>探索机器学习与深度学习的前沿应用</p>
+                    <a href="#" class="lab-link" target="_blank">进入实验室 <i class="fas fa-flask"></i></a>
+                </div>
+                <div class="lab-card glass-card">
+                    <div class="lab-icon"><i class="fas fa-microchip"></i></div>
+                    <h3>边缘计算</h3>
+                    <p>研究在边缘设备上的高效计算方案</p>
+                    <a href="#" class="lab-link" target="_blank">进入实验室 <i class="fas fa-flask"></i></a>
+                </div>
+                <div class="lab-card glass-card">
+                    <div class="lab-icon"><i class="fas fa-vr-cardboard"></i></div>
+                    <h3>XR 技术</h3>
+                    <p>探索虚拟现实与增强现实的开发</p>
+                    <a href="#" class="lab-link" target="_blank">进入实验室 <i class="fas fa-flask"></i></a>
+                </div>
+                <!-- 其他实验室 -->
+            </div>
+        </div>
+    </section>
+
     <!-- 开发环境模块 -->
     <section class="dev-environment" id="dev">
         <div class="container" data-parallax="0.3">
@@ -221,76 +291,6 @@
         </div>
     </section>
 
-    <!-- 最新思绪区域 -->
-    <section class="latest-thoughts" id="blog">
-        <div class="container" data-parallax="0.2">
-            <h2 class="section-title"><span class="text-cyan">最新思路</span></h2>
-            <div class="thoughts-grid">
-                <article class="thought-card glass-card">
-                    <div class="thought-image" style="background-image: url('./static/code1.avif');"></div>
-                    <div class="thought-content">
-                        <h3>赛博朋克时代的前端架构思考</h3>
-                        <p class="thought-excerpt">探索在快速变化的技术环境中，如何构建可维护的前端系统...</p>
-                        <p class="thought-date">2023-05-15</p>
-                        <span class="read-more">继续阅读 <i class="fas fa-arrow-right"></i></span>
-                    </div>
-                </article>
-                <article class="thought-card glass-card">
-                    <div class="thought-image" style="background-image: url('./static/code2.avif');"></div>
-                    <div class="thought-content">
-                        <h3>从0到1搭建个人技术栈</h3>
-                        <p class="thought-excerpt">分享我如何构建这个集成工作台，以及选择各组件的思考过程...</p>
-                        <p class="thought-date">2023-05-08</p>
-                        <span class="read-more">继续阅读 <i class="fas fa-arrow-right"></i></span>
-                    </div>
-                </article>
-                <article class="thought-card glass-card">
-                    <div class="thought-image" style="background-image: url('./static/code3.avif');"></div>
-                    <div class="thought-content">
-                        <h3>未来界面：玻璃拟态与全息效果</h3>
-                        <p class="thought-excerpt">深入探讨现代UI设计中的玻璃拟态趋势及其实现技巧...</p>
-                        <p class="thought-date">2023-05-01</p>
-                        <span class="read-more">继续阅读 <i class="fas fa-arrow-right"></i></span>
-                    </div>
-                </article>
-            </div>
-        </div>
-    </section>
-
-    <!-- 技术实验室 -->
-    <section class="tech-lab" id="lab">
-        <div class="container" data-parallax="0.2">
-            <h2 class="section-title"><span class="text-cyan">技术实验室</span></h2>
-            <div class="lab-grid">
-                <div class="lab-card glass-card">
-                    <div class="lab-icon"><i class="fas fa-comment-dots"></i></div>
-                    <h3>实时通信</h3>
-                    <p>基于WebSocket的聊天系统实现</p>
-                    <a id="chatLink" href="#" class="lab-link" target="_blank">进入实验室 <i class="fas fa-flask"></i></a>
-                </div>
-                <div class="lab-card glass-card">
-                    <div class="lab-icon"><i class="fas fa-robot"></i></div>
-                    <h3>AI 实验</h3>
-                    <p>探索机器学习与深度学习的前沿应用</p>
-                    <a href="#" class="lab-link" target="_blank">进入实验室 <i class="fas fa-flask"></i></a>
-                </div>
-                <div class="lab-card glass-card">
-                    <div class="lab-icon"><i class="fas fa-microchip"></i></div>
-                    <h3>边缘计算</h3>
-                    <p>研究在边缘设备上的高效计算方案</p>
-                    <a href="#" class="lab-link" target="_blank">进入实验室 <i class="fas fa-flask"></i></a>
-                </div>
-                <div class="lab-card glass-card">
-                    <div class="lab-icon"><i class="fas fa-vr-cardboard"></i></div>
-                    <h3>XR 技术</h3>
-                    <p>探索虚拟现实与增强现实的开发</p>
-                    <a href="#" class="lab-link" target="_blank">进入实验室 <i class="fas fa-flask"></i></a>
-                </div>
-                <!-- 其他实验室 -->
-            </div>
-        </div>
-    </section>
-
     <!-- 创意圈区域 -->
     <section class="creative-circle" id="friends">
         <div class="container" data-parallax="0.1">