diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 8a396ce..3de03fe 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -9,6 +9,7 @@
暂无个人配方
@@ -688,6 +689,23 @@ function onCarouselTouchEnd(e) {
color: #e65100;
}
+.share-btn {
+ position: absolute;
+ top: 8px;
+ right: 8px;
+ background: rgba(255,255,255,0.9);
+ border: 1px solid #d4cfc7;
+ border-radius: 8px;
+ padding: 2px 8px;
+ font-size: 14px;
+ cursor: pointer;
+}
+
+.share-btn:hover {
+ background: #e8f5e9;
+ border-color: #7ec6a4;
+}
+
.contrib-badge {
font-size: 11px;
color: #4a9d7e;