diff --git a/frontend/wechat/src/components/ArticleListItem.vue b/frontend/wechat/src/components/ArticleListItem.vue
index 09aa575..91437c5 100644
--- a/frontend/wechat/src/components/ArticleListItem.vue
+++ b/frontend/wechat/src/components/ArticleListItem.vue
@@ -33,7 +33,7 @@ const showArticle = (article) => {
     <div class="bg-white rounded-lg shadow overflow-hidden hover:shadow transition-all cursor-pointer"
         @click="showArticle(article)">
         <div v-if="article.head_images && article.head_images.length > 0" class="w-full h-32 bg-gray-200">
-            <img :src="article.head_images[0]" class="mask-b-from-50%  w-full h-full object-cover "
+            <img :src="article.head_images[0]" class="mask-b-from-50%  w-full h-full object-cover brightness-50"
                 :alt="article.title" />
         </div>
         <div class="p-4">