修复首屏按钮图标显示

assets/css/components.css

@@ -73,8 +73,13 @@
 }
 
 .nav-icon {
-  font-size: 1.35rem;
-  line-height: 1;
+  width: 24px;
+  height: 24px;
+  fill: none;
+  stroke: currentColor;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+  stroke-width: 2;
 }
 
 .header-actions {
@@ -158,6 +163,20 @@
     background 160ms ease;
 }
 
+.button svg,
+.button img {
+  width: 24px;
+  height: 24px;
+  flex: 0 0 auto;
+  object-fit: contain;
+}
+
+.button svg {
+  fill: none;
+  stroke: currentColor;
+  stroke-width: 2.2;
+}
+
 .button:hover,
 .button:focus-visible {
   transform: translateY(-2px);
@@ -212,6 +231,16 @@
   color: var(--green);
 }
 
+.shield svg {
+  width: 24px;
+  height: 24px;
+  fill: none;
+  stroke: currentColor;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+  stroke-width: 2;
+}
+
 .hero-art {
   position: relative;
   min-height: 390px;