diff --git a/pages/avatar/index.vue b/pages/avatar/index.vue
index fe64483..82f0c8c 100644
--- a/pages/avatar/index.vue
+++ b/pages/avatar/index.vue
@@ -351,6 +351,25 @@ const loadImage = (url) => {
   font-size: 22rpx;
   margin-top: 12rpx;
 }
+.interaction-tip {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 12rpx;
+  margin-top: 20rpx;
+  font-size: 24rpx;
+  color: #ff3b30;
+  background: #fff0f0;
+  padding: 12rpx 32rpx;
+  border-radius: 999rpx;
+  width: fit-content;
+  margin-left: auto;
+  margin-right: auto;
+}
+.tip-divider {
+  color: #ffccc7;
+  margin: 0 4rpx;
+}
 .quick-actions {
   display: flex;
   gap: 16rpx;