refactor(css): 优化产品样式

public/themes/dist_static/static/css/common.css

@@ -819,7 +819,7 @@ body {
 }.s-product-card__link {
   display: flex;
   flex-direction: column;
-  gap: 1.5rem;
+  gap: 2rem;
   height: 100%;
   padding: 2.5rem;
   border-radius: 1.25rem;
@@ -839,8 +839,8 @@ body {
 }.s-product-card__media img {
   display: block;
   width: auto;
-  max-width: 100%;
-  max-height: 100%;
+  max-width: 80%;
+  max-height: 80%;
   object-fit: contain;
   transition: transform var(--duration-normal) var(--easing);
 }.s-product-card__link:hover .s-product-card__media img {

public/themes/dist_static/static/css/product.css

@@ -675,12 +675,12 @@ body.is-p-subnav .site-header {
   align-items: center;
   justify-content: center;
   width: 100%;
-  aspect-ratio: 1;
+  max-height: 18.375rem;
   background: transparent;
 }
 .p-related__media img {
-  width: 100%;
-  height: 100%;
+  width: 80%;
+  height: 80%;
   object-fit: contain;
   display: block;
 }