细节

src/app/layout/layout.component.css

@@ -244,7 +244,7 @@
     /*height: 100vh;*/
     background-color: #C5D1EB;
     padding-top: 50px;
-    padding-bottom: 100px;
+    padding-bottom: 80px;
 }
 
 .section-third-container {
@@ -263,8 +263,9 @@
 }
 
 .section-third-grid > div {
-    height: 220px;
+    height: 240px;
     margin-top: 10px;
+    line-height: 240px;
 }
 
 .section-third-pic {
@@ -340,7 +341,7 @@
     text-align: center;
     margin: 0 auto;
     width: 300px;
-    height: 220px;
+    height: 300px;
     background-size: 100% 100%;
 }
 
@@ -359,7 +360,7 @@
 
 .section-card-cover {
     color: #ffffff;
-    height: 220px;
+    height: 300px;
     width: 100%;
     float: right;
     background: rgba(0, 0, 0, 0.8);
@@ -367,18 +368,13 @@
 }
 
 .section-card-cover:hover {
-    color: #ffffff;
-    height: 220px;
-    width: 100%;
-    float: right;
-    background: rgba(0, 0, 0, 0.8);
     opacity: 1;
 }
 .section-card-body {
     margin: 0 auto;
     text-align: center;
     position: relative;
-    top: 50px;
+    top: 80px;
 }
 
 @keyframes iconShow {

src/app/layout/layout.component.html

@@ -62,7 +62,7 @@
               <div nz-col nzSpan="8" class="plant-grid">
                 <i nz-icon nzType="gift" nzTheme="outline" class="icon"></i>
                 <p class="plant-title">免费收录</p>
-                <p class="grid-desc">氪金要素不存在的<br />最开始所有卡片都可选用<br />随心组出想要的卡组</p>
+                <p class="grid-desc">氪金要素不存在的<br />所有卡片都可直接使用<br />随心组出想要的卡组</p>
               </div>
               <div nz-col nzSpan="8" class="plant-grid">
                 <i nz-icon nzType="rocket" nzTheme="outline" class="icon"></i>