fix: 预览图布局匹配实际卡片、QR对齐、返回按钮

预览图(MyDiary):
- QR: top-right与内容区对齐(top:16px right:16px)
- 内容区右侧留出QR空间(padding-right:50px)
- 总成本条: flow layout不再absolute
- Logo左下 + 制作日期右下(flex space-between)
- 品牌名在最底部
- 去掉fixed height，自适应内容

配方卡片(RecipeDetailOverlay):
- QR: top:36px right:36px 精确对齐卡片padding

返回按钮:
- 保存品牌设置右侧加"← 返回配方卡片"按钮
- 从配方卡片点📲上传QR后可返回原配方

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

frontend/src/components/RecipeDetailOverlay.vue

@@ -1143,7 +1143,7 @@ async function saveRecipe() {
 
 .card-qr-wrapper {
   position: absolute;
-  top: 34px;
+  top: 36px;
   right: 36px;
   display: flex;
   flex-direction: column;