diff --git a/frontend/wechat/src/components/ArticleListItem.vue b/frontend/wechat/src/components/ArticleListItem.vue
index e0278f4..cde6683 100644
--- a/frontend/wechat/src/components/ArticleListItem.vue
+++ b/frontend/wechat/src/components/ArticleListItem.vue
@@ -33,9 +33,9 @@ const showArticle = (article) => {
     <div class="bg-white rounded-xl shadow-sm overflow-hidden hover:shadow-md transition-shadow duration-200 cursor-pointer"
         @click="showArticle(article)">
         <div v-if="article.head_images && article.head_images.length > 0"
-            class="relative w-full aspect-video bg-gray-100 overflow-hidden">
+            class="relative w-full pb-[40%] bg-gray-100 overflow-hidden">
             <img :src="article.head_images[0]"
-                class="w-full h-full object-cover transition-transform duration-300 hover:scale-105"
+                class="absolute inset-0 w-full h-full object-cover transition-transform duration-300 hover:scale-105"
                 :alt="article.title" />
             <div class="absolute inset-0 bg-gradient-to-b from-transparent to-black/30"></div>
         </div>