polish: 扫码按钮156rpx 图标56rpx 间距10rpx 整体更宽松

Co-Authored-By: Claude <noreply@anthropic.com>

haha-admin-mp/src/pages/replenish/home.vue

@@ -211,13 +211,13 @@ onShow(async () => { await loadData(); });
   &:active { opacity: 0.7; }
 }
 
-.scan-fab { position: fixed; left: 50%; bottom: calc(80rpx + env(safe-area-inset-bottom)); transform: translateX(-50%); width: 144rpx; height: 144rpx; border-radius: 50%; background: $primary-color; box-shadow: 0 12rpx 36rpx rgba(255,193,7,0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6rpx; z-index: 1000;
+.scan-fab { position: fixed; left: 50%; bottom: calc(80rpx + env(safe-area-inset-bottom)); transform: translateX(-50%); width: 156rpx; height: 156rpx; border-radius: 50%; background: $primary-color; box-shadow: 0 12rpx 36rpx rgba(255,193,7,0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10rpx; z-index: 1000;
   &:active { transform: translateX(-50%) scale(0.92); background: $primary-color-dark; }
 }
-.scan-label { font-size: 20rpx; font-weight: 600; color: $text-color-primary; line-height: 1; }
-.scan-icon { width: 50rpx; height: 50rpx; position: relative;
-  &::before { content: ''; position: absolute; top: 0; left: 0; width: 14rpx; height: 14rpx; border-top: 4rpx solid $text-color-primary; border-left: 4rpx solid $text-color-primary; border-radius: 4rpx 0 0 0; }
-  &::after { content: ''; position: absolute; bottom: 0; right: 0; width: 14rpx; height: 14rpx; border-bottom: 4rpx solid $text-color-primary; border-right: 4rpx solid $text-color-primary; border-radius: 0 0 4rpx 0; }
+.scan-label { font-size: 22rpx; font-weight: 600; color: $text-color-primary; line-height: 1; }
+.scan-icon { width: 56rpx; height: 56rpx; position: relative;
+  &::before { content: ''; position: absolute; top: 0; left: 0; width: 16rpx; height: 16rpx; border-top: 4rpx solid $text-color-primary; border-left: 4rpx solid $text-color-primary; border-radius: 4rpx 0 0 0; }
+  &::after { content: ''; position: absolute; bottom: 0; right: 0; width: 16rpx; height: 16rpx; border-bottom: 4rpx solid $text-color-primary; border-right: 4rpx solid $text-color-primary; border-radius: 0 0 4rpx 0; }
 }
-.scan-beam { position: absolute; top: 50%; left: 14rpx; right: 14rpx; height: 3rpx; background: $text-color-primary; border-radius: 2rpx; transform: translateY(-50%); opacity: 0.85; }
+.scan-beam { position: absolute; top: 50%; left: 16rpx; right: 16rpx; height: 3rpx; background: $text-color-primary; border-radius: 2rpx; transform: translateY(-50%); opacity: 0.85; }
 </style>