diff --git a/client/src/views/profile/ProfileView.vue b/client/src/views/profile/ProfileView.vue
index deba70d..6766948 100644
--- a/client/src/views/profile/ProfileView.vue
+++ b/client/src/views/profile/ProfileView.vue
@@ -235,14 +235,14 @@ function editProfile() {
       </AppCard>
 
       <!-- 本周学习建议 -->
-      <div class="tip-banner">
+      <AppStack direction="row" gap="space-3" class="tip-banner">
         <span class="tip-banner__icon"><AppIcon name="target" :size="20" /></span>
         <div class="tip-banner__body">
           <p class="tip-banner__title">本周学习建议</p>
           <p class="tip-banner__text">{{ weakTip }}</p>
         </div>
         <RouterLink class="tip-banner__action" to="/plan/review">去加强</RouterLink>
-      </div>
+      </AppStack>
     </div>
   </AppStack>
 </template>
@@ -391,9 +391,7 @@ function editProfile() {
 
 /* 学习建议 */
 .tip-banner {
-  display: flex;
-  align-items: center;
-  gap: var(--space-3);
+  --stack-align: center;
   margin-top: var(--space-2);
   padding: var(--space-4) var(--space-5);
   border-radius: var(--radius-lg);