样式调整

public/static/index/pc/css/header.css

@@ -266,7 +266,7 @@ a {
     top: 4em;
     left: 0;
     right: 0;
-    background-color: #fafafb;
+    background-color: #fff;
     z-index: 199;
     border-top: none;
     overflow: hidden;
@@ -303,7 +303,7 @@ a {
 .header-tab-item.active::after {
     content: '';
     position: absolute;
-    bottom: -0.6875em;
+    bottom: -0.5075em;
     left: 0;
     width: 100%;
     height: 0.125em;
@@ -328,6 +328,8 @@ a {
     flex-direction: column;
     flex: 1; */
     flex: 1; 
+    margin-right: 24px;
+ 
 }
 
 .header-category-box {
@@ -342,6 +344,7 @@ a {
 .header-category-block {
     flex: 1;
     box-sizing: border-box;
+    max-width: 362px;
 }
 
 /* .header-category-block:nth-child(5) {
@@ -357,6 +360,7 @@ a {
     color: #1d1d1f;
     margin-bottom: 0.75em;
     font-weight: 900;
+    line-height: 1;
 }
 
 .header-category-list {
@@ -433,11 +437,11 @@ a {
 
 .header-product-card:nth-child(3) {
     margin-right: 1.5em;
-    margin-top: 1.4375em;
+    margin-top: 0;
 }
 
 .header-product-card:nth-child(4) {
-    margin-top: 1.4375em;
+    margin-top: 0;
 }
 
 /*.header-product-img {*/
@@ -463,7 +467,7 @@ a {
     justify-content: center;
     color: #999;
     overflow: hidden;
-    border-radius: 0.5em;
+    /* border-radius: 0.5em; */
 }
 
 .header-product-img img {
@@ -475,7 +479,7 @@ a {
 .header-product-name {
     font-size: 1em;
     color: #1d1d1f;
-    line-height: 1.5;
+    line-height: 2;
 }
 
 /* 修改 .dropdown-content1 的样式 - 卡片居中对齐 */
@@ -493,7 +497,7 @@ a {
 /* 修改 .product-card-1 的样式 - 设置宽度，确保一行最多4个 */
 .header-product-card-1 {
     width: calc(25% - 1.40625em);
-    background: #fff;
+    /* background: #fff; */
     border-radius: 0.5em;
     max-width: 362px;
     flex-shrink: 0;
@@ -512,6 +516,7 @@ a {
     padding-bottom: 53%;
     height: 0;
     overflow: hidden;
+    font-size: 16px;
 }
 
 /* 图片样式 - 确保图片正确显示 */
@@ -531,18 +536,20 @@ a {
     font-size: 1em;
     color: #1d1d1f;
     text-align: left;
-    margin-top: 1.125em;
+    margin-top: 1em;
     padding: 0 0.5em;
+    line-height: 1.5;
     word-break: break-word;
 }
 
 .header-product-name-1 {
-    font-size: 1em;
+    font-size: 0.875em;
     color: #686a70;
     text-align: left;
     margin-top: 0.25em;
     margin-bottom: 1.0625em;
     padding: 0 0.5em;
+    line-height: 1.5;
     word-break: break-word;
 }
 
@@ -816,9 +823,9 @@ a {
     width: 100%;
     position: absolute;
     top: 3.75em;
-    left: 0;
+    left: 0;             
     right: 0;
-    background-color: #fafafb;
+    background-color: #fff;
     z-index: 999;
     border-top: none;
     overflow: visible;
@@ -847,18 +854,22 @@ a {
     width: 96px;
     text-align: center;
     cursor: pointer;
-    margin-right: calc((100% - (96px * 7)) / 6);
+    margin-right: calc((100% - (96px * 7)) / 4);
 
 }
 
+
+/* 每行第7个卡片（一行最后一个）清除右边距 */
+.header-buy-product-card:last-of-type {
+    margin-right: 0;
+}
+
+
 .header-buy-product-card:hover {
     transform: translateY(-2px)
 }
 
-/* 每行第7个卡片（一行最后一个）清除右边距 */
-.header-buy-product-card:nth-child(7n) {
-    margin-right: 0;
-}
+
 
 .header-buy-product-card a {
     text-decoration: none;
@@ -1024,4 +1035,15 @@ a {
         max-width: 1000px;
         row-gap: 60px;
     }
-}
+}
+#mhk {
+    width: 100%;
+    height: 100%;
+    position: fixed;
+    top: 0;
+    left: 0;
+    backdrop-filter: blur(5px);
+    background-color: rgba(0, 0, 0, 0.5);
+    z-index: 88;
+    display: none;
+}