fix: 我的配方加共享按钮 + 管理员显示版本号

- 我的配方卡片右上角加📤共享按钮，已共享/审核中显示状态标签
- 管理员账号标题下显示版本号和日期

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

frontend/src/App.vue

@@ -9,6 +9,7 @@
         <div class="header-title">
           <h1>doTERRA 配方计算器</h1>
           <p>查询配方 · 计算成本 · 自制配方 · 导出卡片 · 精油知识</p>
+          <p v-if="auth.isAdmin" class="version-info">v2.0.0 · 2026-04-10</p>
         </div>
       </div>
       <div class="header-right" @click="toggleUserMenu">
@@ -255,6 +256,11 @@ onMounted(async () => {
   letter-spacing: 0.5px;
   white-space: nowrap;
 }
+.version-info {
+  font-size: 10px !important;
+  opacity: 0.5 !important;
+  margin-top: 1px !important;
+}
 .header-right {
   flex-shrink: 0;
   cursor: pointer;

frontend/src/views/RecipeSearch.vue

@@ -64,6 +64,7 @@
           />
           <span v-if="getDiaryShareStatus(d) === 'shared'" class="share-status shared">已共享</span>
           <span v-else-if="getDiaryShareStatus(d) === 'pending'" class="share-status pending">审核中</span>
+          <button v-else class="share-btn" @click.stop="shareDiaryToPublic(d)" title="共享到公共配方库">📤</button>
         </div>
         <div v-if="myDiaryRecipes.length === 0" class="empty-hint">暂无个人配方</div>
       </div>
@@ -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;