diff --git a/src/themes/business/style.json b/src/themes/business/style.json
index 2514ea1..8c2ee00 100644
--- a/src/themes/business/style.json
+++ b/src/themes/business/style.json
@@ -39,7 +39,9 @@
     "barBg": "linear-gradient(113.71deg, #435ACD 0%, #749CF3 100%)"
   },
   "index": {
-    "recTitleColor": "#FFFFFF",
+    "hotSearchTitleColor": "#FFFFFF",
+    "hotSearchBg": "rgba(255, 255, 255, 0.4)",
+    "hotSearchColor": "rgba(0, 0, 0, 0.6)",
     "guideBackground": "#435B7D",
     "guideBorder": "none",
     "guideTopBg": "linear-gradient(180deg, #334B6F 0%, #728EB5 100%)",
diff --git a/src/themes/dark/style.json b/src/themes/dark/style.json
index 7c1234f..f53db99 100644
--- a/src/themes/dark/style.json
+++ b/src/themes/dark/style.json
@@ -39,7 +39,9 @@
     "barBg": "linear-gradient(90deg, #BA9B7A 0%, #DBC2A1 100%)"
   },
   "index": {
-    "recTitleColor": "#FFFFFF",
+    "hotSearchTitleColor": "#FFFFFF",
+    "hotSearchBg": "rgba(0, 0, 0, 0.4)",
+    "hotSearchColor": "#FFFFFF",
     "guideBackground": "#516DD8",
     "guideBorder": "none",
     "guideTopBg": "linear-gradient(180deg, #3A6EE2 0%, #72C1ED 100%)",
diff --git a/src/themes/fashion/style.json b/src/themes/fashion/style.json
index d1eb56c..f616318 100644
--- a/src/themes/fashion/style.json
+++ b/src/themes/fashion/style.json
@@ -39,7 +39,9 @@
     "barBg": "linear-gradient(113.71deg, #435ACD 0%, #749CF3 100%)"
   },
   "index": {
-    "recTitleColor": "#fff",
+    "hotSearchTitleColor": "#fff",
+    "hotSearchBg": "rgba(255, 255, 255, 0.8)",
+    "hotSearchColor": "rgba(0, 0, 0, 0.6)",
     "guideBackground": "rgba(255, 255, 255, 0.6)",
     "guideBorder": "2px solid rgba(255, 255, 255, 0.6)",
     "guideTopBg": "linear-gradient(180deg, #6257d7 0%, #f191c0 100%)",
diff --git a/src/themes/highend/style.json b/src/themes/highend/style.json
index 51ddfb7..ba402e3 100644
--- a/src/themes/highend/style.json
+++ b/src/themes/highend/style.json
@@ -39,7 +39,9 @@
     "barBg": "#4D4441"
   },
   "index": {
-    "recTitleColor": "#fff",
+    "hotSearchTitleColor": "#fff",
+    "hotSearchBg": "rgba(255, 255, 255, 0.8)",
+    "hotSearchColor": "rgba(0, 0, 0, 0.6)",
     "guideBackground": "#E4CEB1",
     "guideBorder": "none",
     "guideTopBg": "linear-gradient(180deg, #64554D 0%, #B39B85 100%)",
diff --git a/src/themes/luxury/style.json b/src/themes/luxury/style.json
index 14ea478..0f864da 100644
--- a/src/themes/luxury/style.json
+++ b/src/themes/luxury/style.json
@@ -39,7 +39,9 @@
     "barBg": "#D3AB80"
   },
   "index": {
-    "recTitleColor": "rgba(0, 0, 0, 0.8)",
+    "hotSearchTitleColor": "rgba(0, 0, 0, 0.8)",
+    "hotSearchBg": "rgba(255, 255, 255, 0.8)",
+    "hotSearchColor": "rgba(0, 0, 0, 0.6)",
     "guideBackground": "#6E5E54",
     "guideBorder": "none",
     "guideTopBg": "linear-gradient(180deg, #D2A97E 0%, #EDD59E 100%)",
diff --git a/src/themes/main/style.json b/src/themes/main/style.json
index ffac5da..de6f00f 100644
--- a/src/themes/main/style.json
+++ b/src/themes/main/style.json
@@ -39,7 +39,9 @@
     "barBg": "linear-gradient(113.71deg, #435ACD 0%, #749CF3 100%)"
   },
   "index": {
-    "recTitleColor": "rgba(0, 0, 0, 0.8)",
+    "hotSearchTitleColor": "rgba(0, 0, 0, 0.8)",
+    "hotSearchBg": "rgba(255, 255, 255, 0.8)",
+    "hotSearchColor": "rgba(0, 0, 0, 0.6)",
     "guideBackground": "linear-gradient(99.5deg, #f0b92b 0%, #f9d556 100%)",
     "guideBorder": "none",
     "guideTopBg": "linear-gradient(180deg, #435acd 0%, #749cf3 100%)",
diff --git a/src/views/Index/Index.vue b/src/views/Index/Index.vue
index 1c2c561..112c290 100644
--- a/src/views/Index/Index.vue
+++ b/src/views/Index/Index.vue
@@ -138,7 +138,7 @@ getActivityList(3).then(({ data }) => {
         font-weight: 900;
         font-size: 20px;
         line-height: 23px;
-        color: var(--index-recTitleColor);
+        color: var(--index-hotSearchTitleColor);
       }
       .row {
         margin-top: 16px;
@@ -148,14 +148,14 @@ getActivityList(3).then(({ data }) => {
           max-width: 176px;
           height: 52px;
 
-          background: rgba(255, 255, 255, 0.8);
+          background: var(--index-hotSearchBg);
           border-radius: var(--global-radius, 100px);
           .text {
             text-align: center;
             font-weight: 900;
             font-size: 16px;
             line-height: 52px;
-            color: rgba(0, 0, 0, 0.6);
+            color: var(--index-hotSearchColor);
             overflow: hidden;
             white-space: nowrap;
             text-overflow: ellipsis;