diff --git a/listen-together.js b/listen-together.js
index 47b9576..141052b 100644
--- a/listen-together.js
+++ b/listen-together.js
@@ -1030,6 +1030,12 @@ function bindListenEvents() {
   // 结束按钮
   document.getElementById('wechat-listen-end-btn')?.addEventListener('click', exitListenTogether);
 
+  // 颜色按钮 - 打开颜色选择器
+  document.getElementById('wechat-listen-color-btn')?.addEventListener('click', toggleColorPicker);
+
+  // 颜色选择器选项点击
+  document.getElementById('wechat-listen-color-picker')?.addEventListener('click', handleColorOptionClick);
+
   // 换歌面板关闭
   document.getElementById('wechat-listen-change-close')?.addEventListener('click', hideChangeSongPanel);
 
diff --git a/style.css b/style.css
index 5003f14..afb244a 100644
--- a/style.css
+++ b/style.css
@@ -9448,8 +9448,8 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  gap: 40px;
-  padding: 16px 0;
+  gap: 24px;
+  padding: 16px 20px;
   padding-bottom: calc(16px + env(safe-area-inset-bottom, 0px));
   flex-shrink: 0;
 }