diff --git a/html/index.html b/html/index.html
index a2f55fe..c341f83 100644
--- a/html/index.html
+++ b/html/index.html
@@ -128,7 +128,7 @@
 						<button id="eraser-mode" title="橡皮擦" class="tool-button">🧽</button>
 						<button id="text-mode" title="添加文字" class="tool-button">T</button>
 					</div>
-					<div class="flex-group">
+					<div class="flex-group brush-tools">
 						<label for="brush-color">画笔：</label>
 						<select id="brush-color">
                             <option value="#000000">黑色</option>
diff --git a/html/js/paint.js b/html/js/paint.js
index da0a7c4..2593d97 100644
--- a/html/js/paint.js
+++ b/html/js/paint.js
@@ -93,7 +93,12 @@ function updateToolUI() {
   document.getElementById('brush-mode').classList.toggle('active', currentTool === 'brush');
   document.getElementById('eraser-mode').classList.toggle('active', currentTool === 'eraser');
   document.getElementById('text-mode').classList.toggle('active', currentTool === 'text');
-  
+
+  // Show/hide brush tools
+  document.querySelectorAll('.brush-tools').forEach(el => {
+    el.style.display = ['brush', 'text'].includes(currentTool) ? 'flex' : 'none';
+  });
+
   // Show/hide text tools
   document.querySelectorAll('.text-tools').forEach(el => {
     el.style.display = currentTool === 'text' ? 'flex' : 'none';