fix: 上传图片保持比例、QR正方形裁剪、Logo左下角、日期靠右

上传图片:
- object-fit: contain 保持原比例，不压扁不拉长
- QR上传检测是否正方形，非正方形提示并自动裁剪中心区域

配方卡片:
- Logo位置改为左下角 (left:24px)
- 制作日期靠右对齐 (text-align:right)

品牌预览:
- Logo位置改为左下角 (left:16px)

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

frontend/src/components/RecipeDetailOverlay.vue

@@ -1170,8 +1170,7 @@ async function saveRecipe() {
 .card-logo {
   position: absolute;
   bottom: 60px;
-  left: 50%;
-  transform: translateX(-50%);
+  left: 24px;
   height: 60px;
   object-fit: contain;
   z-index: 1;
@@ -1300,7 +1299,7 @@ async function saveRecipe() {
 
 .card-footer {
   margin-top: 16px;
-  text-align: center;
+  text-align: right;
   font-size: 11px;
   color: var(--text-light, #9a8570);
   letter-spacing: 1px;