fix: 调整部分图像显示问题

- 产品/解决方案卡片图片宽度调整为100%并将比例设定为16/10
- 产品页在竖屏状态下的文字边距

app/components/pages/homepage/HomepageProductSection.vue

@@ -210,6 +210,7 @@
 
   .recommend-card .el-image {
     width: 100%;
+    aspect-ratio: 16 / 10;
     border-radius: 4px;
   }
 

app/components/pages/homepage/HomepageSolutionSection.vue

@@ -210,6 +210,7 @@
 
   .recommend-card .el-image {
     width: 100%;
+    aspect-ratio: 16 / 10;
     border-radius: 4px;
   }
 

app/components/pages/products/ProductHeader.vue

@@ -117,6 +117,9 @@
     .product-image .el-image {
       height: 300px;
     }
+    .product-info {
+      padding: 0 1rem;
+    }
 
     .product-info h1 {
       font-size: 1.5rem;

app/components/shared/ProductCard.vue

@@ -61,7 +61,8 @@
   }
 
   .product-card .el-image {
-    height: 150px;
+    width: 100%;
+    aspect-ratio: 16 / 10;
     border-radius: 4px;
   }
 

app/components/shared/SolutionCard.vue

@@ -67,7 +67,8 @@
   }
 
   .solution-card .el-image {
-    height: 250px;
+    width: 100%;
+    aspect-ratio: 16 / 10;
   }
 
   @media (max-width: 1200px) {