diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 1ec47b9..05f951b 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -55,9 +55,16 @@ <h1 style="text-align:left; font-size: xx-large;color:black;">{{ .Params.title }
 <!-- {{  (len .TableOfContents) }} -->
 {{ if  gt (len .TableOfContents) 32  }}
 <div class="sidebar">
-	<div class="accordion" id="markdownToc">
-		{{ .TableOfContents }}
+	<div class="clickable" style="background-color: #afc8ff;">
+        <!-- <img src="/icons/pen-fill.svg" alt="Bootstrap Icons" class="icon"> -->
+		<span style="margin: 0 10px;">目录</span>
+    </div>
+	<div class="hidden" style="background-color: #cfdeff">
+		<div class="accordion" id="markdownToc">
+			{{ .TableOfContents }}
+		</div>
 	</div>
+	
 </div>
 {{ else }}
 	<!-- <p>No table of contents available.</p> -->
diff --git a/layouts/events/single.html b/layouts/events/single.html
index fc6e64d..4d1b210 100644
--- a/layouts/events/single.html
+++ b/layouts/events/single.html
@@ -33,9 +33,16 @@ <h1 style="text-align:left; font-size: xx-large;color:black;">{{ .Params.title }
 
 			{{ if  gt (len .TableOfContents) 32  }}
 			<div class="sidebar">
-				<div class="accordion" id="markdownToc">
-					{{ .TableOfContents }}
+				<div class="clickable" style="background-color: #afc8ff;">
+					<!-- <img src="/icons/pen-fill.svg" alt="Bootstrap Icons" class="icon"> -->
+					<span style="margin: 0 10px;">目录</span>
 				</div>
+				<div class="hidden" style="background-color: #cfdeff">
+					<div class="accordion" id="markdownToc">
+						{{ .TableOfContents }}
+					</div>
+				</div>
+				
 			</div>
 			{{ else }}
 				<!-- <p>No table of contents available.</p> -->
diff --git a/layouts/news/single.html b/layouts/news/single.html
index 156082f..b0b16c7 100644
--- a/layouts/news/single.html
+++ b/layouts/news/single.html
@@ -37,9 +37,16 @@ <h1 style="text-align:left; font-size: xx-large; color:black;">{{ .Params.title
 
 			{{ if  gt (len .TableOfContents) 32  }}
 			<div class="sidebar">
-				<div class="accordion" id="markdownToc">
-					{{ .TableOfContents }}
+				<div class="clickable" style="background-color: #afc8ff;">
+					<!-- <img src="/icons/pen-fill.svg" alt="Bootstrap Icons" class="icon"> -->
+					<span style="margin: 0 10px;">目录</span>
 				</div>
+				<div class="hidden" style="background-color: #cfdeff">
+					<div class="accordion" id="markdownToc">
+						{{ .TableOfContents }}
+					</div>
+				</div>
+				
 			</div>
 			{{ else }}
 				<!-- <p>No table of contents available.</p> -->
diff --git a/static/css/style4Publications.css b/static/css/style4Publications.css
index d08b954..7fe23f9 100644
--- a/static/css/style4Publications.css
+++ b/static/css/style4Publications.css
@@ -7,7 +7,7 @@
 .publications-column{
     text-align: left;
     padding: 1em calc(50% - 520px);
-    color: rgb(146, 157, 192);
+    color: rgb(88, 94, 116);
     background-color: rgb(247, 247, 247);
    
 }
diff --git a/static/css/style6Events.css b/static/css/style6Events.css
index 356bf48..a2f0eb0 100644
--- a/static/css/style6Events.css
+++ b/static/css/style6Events.css
@@ -61,6 +61,12 @@
     word-break: break-word; /* 为了兼容性，同时使用这两个属性 */
 }
 
+.accordion {
+    margin: 0 25px 0 0px; 
+    /* 上下保持0，左右各10px空间 */
+    /* 如果需要，可以添加其他样式，比如宽度或背景色 */
+}
+
 .sidebar .accordion a{
     text-decoration: none;
 }
diff --git a/static/css/style8Admonition.css b/static/css/style8Admonition.css
index 91de8e9..c1876ca 100644
--- a/static/css/style8Admonition.css
+++ b/static/css/style8Admonition.css
@@ -49,7 +49,7 @@ img {
 .hidden{
     display: none;
     border-radius: 10px; /* 圆角半径 */
-    padding: 10px; 
+    padding: 0px 10px 10px 10px; 
     background-color: white;
 }