fix: 调整页面布局

- 产品列表卡片大小调整
- 产品详情页图片大小调整

app/components/ProductionCard.vue

@@ -40,7 +40,7 @@ const handleClick = () => {
 
 <style scoped>
 .production-card {
-    width: 20%;
+    width: 30%;
     cursor: pointer;
     transition: all 0.3s ease;
     text-align: center;

app/pages/productions/[...slug].vue

@@ -140,13 +140,13 @@ useHead({
 
 .production-header {
   display: grid;
-  grid-template-columns: 1fr 1fr;
+  grid-template-columns: 2fr 1fr;
   gap: 3rem;
 }
 
 .production-image .el-image {
   width: 100%;
-  height: 400px;
+  height: 500px;
   border-radius: 8px;
 }