diff --git a/uniapp/src/pages/news_detail/news_detail.vue b/uniapp/src/pages/news_detail/news_detail.vue
index 1205210..832eca7 100644
--- a/uniapp/src/pages/news_detail/news_detail.vue
+++ b/uniapp/src/pages/news_detail/news_detail.vue
@@ -1075,47 +1075,105 @@ onLoad((options: any) => {
     flex-direction: row;
     align-items: center;
     background: #fff;
-    border-top: 1rpx solid #f0f0f0;
-    padding: 12rpx 20rpx;
-    padding-bottom: calc(env(safe-area-inset-bottom) + 12rpx);
+    border-top: 1rpx solid #eef0f4;
+    box-shadow: 0 -8rpx 28rpx rgba(31, 41, 55, 0.08);
+    padding: 14rpx 20rpx;
+    padding-bottom: calc(env(safe-area-inset-bottom) + 14rpx);
     z-index: 10;
-    gap: 16rpx;
+    gap: 14rpx;
 
     &__input {
         flex: 1;
+        min-width: 0;
+        height: 76rpx;
         display: flex;
         flex-direction: row;
         align-items: center;
-        background: #f5f5f5;
-        border-radius: 32rpx;
-        padding: 12rpx 24rpx;
-        gap: 8rpx;
+        background: #f7f9fc;
+        border: 1rpx solid #edf1f7;
+        border-radius: 40rpx;
+        padding: 0 18rpx;
+        gap: 12rpx;
+        box-sizing: border-box;
+    }
+
+    &__input-icon {
+        width: 44rpx;
+        height: 44rpx;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        background: #eaf1ff;
+        border-radius: 50%;
+        flex-shrink: 0;
+    }
+
+    &__input-text {
+        flex: 1;
+        min-width: 0;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        gap: 2rpx;
     }
 
     &__placeholder {
-        font-size: 24rpx;
-        color: #999;
+        font-size: 25rpx;
+        color: #1f2937;
+        line-height: 1.15;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+    }
+
+    &__hint {
+        font-size: 19rpx;
+        color: #98a1b2;
+        line-height: 1.15;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
     }
 
     &__actions {
         display: flex;
         flex-direction: row;
         align-items: center;
-        gap: 20rpx;
+        gap: 8rpx;
         flex-shrink: 0;
     }
 
     &__item {
+        width: 68rpx;
+        height: 76rpx;
         display: flex;
         flex-direction: column;
         align-items: center;
-        gap: 2rpx;
+        justify-content: center;
+        gap: 4rpx;
         font-size: 18rpx;
-        color: #666;
+        color: #5f6673;
+        line-height: 1;
+        border-radius: 20rpx;
+        flex-shrink: 0;
+    }
+
+    &__item--active {
+        background: #f2f6ff;
+    }
+
+    &__icon {
+        width: 38rpx;
+        height: 38rpx;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        flex-shrink: 0;
     }
 
     &__active {
         color: #185dff;
+        font-weight: 600;
     }
 }