diff --git a/static/src/styles/components/chat/_chat-area.scss b/static/src/styles/components/chat/_chat-area.scss
index f36fad8..1b128ed 100644
--- a/static/src/styles/components/chat/_chat-area.scss
+++ b/static/src/styles/components/chat/_chat-area.scss
@@ -701,17 +701,23 @@ body[data-theme='dark'] .collapsible-header:hover {
   width: 16px;
   min-width: 16px;
   height: 16px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
   flex: 0 0 16px;
+  background-color: currentColor;
+  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M13.5 10L19 16L13.5 22' stroke='%23000' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M13.5 10L19 16L13.5 22' stroke='%23000' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+  mask-size: contain;
+  -webkit-mask-size: contain;
+  mask-repeat: no-repeat;
+  -webkit-mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-position: center;
   transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
   color: var(--claude-text-secondary);
 }
 
+/* 移除旧的 ::before 箭头 */
 .arrow::before {
-  content: '›';
-  font-size: 18px;
+  content: none;
 }
 
 .collapsible-block.expanded .arrow {