docs: 子服务外网隔离章节增加示意图

sa-token-doc/doc.html

@@ -104,6 +104,7 @@
 						</div>
 					</div>
 				</div>
+				<a class="p-none wzi" href="https://gitee.com/activity/2025opensource?ident=IGPG3R" target="_blank" style="color: red;">❤️ 投票支持 ❤️</a>
 				<a class="wzi" href="index.html">首页</a>
 				<a class="wzi" href="doc.html">文档</a>
 				<div class="zk-box">
@@ -592,6 +593,33 @@
 			}
 		</script>
 		
+		<!-- 自定义滚动条颜色 -->
+		<!-- <style>
+		    /* 自定义body滚动条样式 */
+		    body::-webkit-scrollbar { width: 8px; }
+			/* 滚动条颜色 */
+		    body::-webkit-scrollbar-thumb { background-color: green; border-radius: 3px; }
+			/* 滚动条上面的和下面的颜色 */
+		    body::-webkit-scrollbar-track {
+		        background: linear-gradient(to bottom, 
+		            #42B983 0%, 
+		            #42B983 var(--scroll-progress, 0%), 
+		            #FCFCFC var(--scroll-progress, 0%), 
+		            #FCFCFC 100%);
+		    }
+		</style>
+		<script>
+		    // 动态更新滚动条颜色
+		    window.addEventListener('scroll', function() {
+		        const scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
+		        const scrollHeight = document.documentElement.scrollHeight - document.documentElement.clientHeight;
+		        const scrollProgress = (scrollTop / scrollHeight) * 100;
+		        
+		        document.body.style.setProperty('--scroll-progress', scrollProgress + '%');
+		    });
+		    // 初始化滚动条状态
+		    window.dispatchEvent(new Event('scroll'));
+		</script> -->
 		
 		<script>
 			// Gitee 2025 投票 

sa-token-doc/index.html

@@ -53,6 +53,7 @@
 							</div>
 						</div>
 					</div> -->
+					<a class="p-none wzi" href="https://gitee.com/activity/2025opensource?ident=IGPG3R" target="_blank" style="color: red;">❤️ 投票支持 ❤️</a>
 					<a class="wzi" href="index.html">首页</a>
 					<a class="wzi" href="doc.html">文档</a>
 					<div class="zk-box">
@@ -1313,7 +1314,33 @@
 
 		</script>
 		
-		
+		<!-- 自定义滚动条颜色 -->
+		<!-- <style>
+		    /* 自定义body滚动条样式 */
+		    body::-webkit-scrollbar { width: 10px; }
+			/* 滚动条颜色 */
+		    body::-webkit-scrollbar-thumb { background-color: #5BAE63; border-radius: 3px; }
+			/* 滚动条上面的和下面的颜色 */
+		    body::-webkit-scrollbar-track {
+		        background: linear-gradient(to bottom, 
+		            #42B983 0%, 
+		            #42B983 var(--scroll-progress, 0%), 
+		            #FCFCFC var(--scroll-progress, 0%), 
+		            #FCFCFC 100%);
+		    }
+		</style>
+		<script>
+		    // 动态更新滚动条颜色
+		    window.addEventListener('scroll', function() {
+		        const scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
+		        const scrollHeight = document.documentElement.scrollHeight - document.documentElement.clientHeight;
+		        const scrollProgress = (scrollTop / scrollHeight) * 100;
+		        
+		        document.body.style.setProperty('--scroll-progress', scrollProgress + '%');
+		    });
+		    // 初始化滚动条状态
+		    window.dispatchEvent(new Event('scroll'));
+		</script> -->
 		
 		
 		<script>

sa-token-doc/micro/same-token.md

@@ -18,6 +18,8 @@ Sa-Token提供两种解决方案：
 
 本篇主要讲解方案二 `Same-Token` 模块的整合步骤，其鉴权流程与 OAuth2.0 类似，不过使用方式上更加简洁（希望使用方案一的同学可参考Sa-OAuth2模块，此处不再赘述）
 
+![子服务外网隔离.drawio.svg](https://oss.dev33.cn/sa-token/doc/micro/子服务外网隔离.drawio.svg 'w-100')
+
 ### 二、网关转发鉴权 
 
 ##### 1、引入依赖

sa-token-doc/static/doc.css

@@ -250,6 +250,7 @@ body{
 	[title=s-w],[title=s-w-sh]{max-width: 80%;}
 }
 [title=s-w-sh]{display: inline-block; border: 1px #eee solid;}
+[title=w-100]{display: inline-block; border: 1px #ddd solid; max-width: 100%;}
 
 /* 公众号table */
 .gzh-table{ /* table-layout:fixed !important; */}