修复首屏按钮图标显示

assets/css/components.css

@@ -73,8 +73,13 @@
 }
 
 .nav-icon {
-  font-size: 1.35rem;
+  width: 24px;
-  line-height: 1;
+  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;

index.html

@@ -19,11 +19,18 @@
 
       <nav class="nav-links" aria-label="主导航">
         <a class="is-active" href="#services">
-          <span class="nav-icon" aria-hidden="true">▦</span>
+          <svg class="nav-icon" aria-hidden="true" viewBox="0 0 24 24">
+            <rect x="4" y="4" width="6" height="6" rx="1.2"></rect>
+            <rect x="14" y="4" width="6" height="6" rx="1.2"></rect>
+            <rect x="4" y="14" width="6" height="6" rx="1.2"></rect>
+            <rect x="14" y="14" width="6" height="6" rx="1.2"></rect>
+          </svg>
           服务入口
         </a>
         <a href="#status">
-          <span class="nav-icon" aria-hidden="true">╱╲</span>
+          <svg class="nav-icon" aria-hidden="true" viewBox="0 0 24 24">
+            <path d="M4 12h4l3-7 4 14 3-7h2"></path>
+          </svg>
           连接状态
         </a>
       </nav>
@@ -50,12 +57,28 @@
           </p>
 
           <div class="hero-actions">
-            <a class="button primary" href="#services"><span aria-hidden="true">▦</span> 查看服务</a>
+            <a class="button primary" href="#services">
-            <a class="button secondary" href="https://platform.deepseek.com/" target="_blank" rel="noreferrer">鲸 打开 DeepSeek</a>
+              <svg aria-hidden="true" viewBox="0 0 24 24">
+                <rect x="4" y="4" width="6" height="6" rx="1.2"></rect>
+                <rect x="14" y="4" width="6" height="6" rx="1.2"></rect>
+                <rect x="4" y="14" width="6" height="6" rx="1.2"></rect>
+                <rect x="14" y="14" width="6" height="6" rx="1.2"></rect>
+              </svg>
+              查看服务
+            </a>
+            <a class="button secondary" href="https://platform.deepseek.com/" target="_blank" rel="noreferrer">
+              <img src="assets/icons/deepseek.svg" alt="" aria-hidden="true" />
+              打开 DeepSeek
+            </a>
           </div>
 
           <div class="status-row" id="status" aria-label="服务状态">
-            <span class="shield" aria-hidden="true">◇</span>
+            <span class="shield" aria-hidden="true">
+              <svg viewBox="0 0 24 24">
+                <path d="M12 3.2 19 6v5.2c0 4.4-2.8 7.9-7 9.6-4.2-1.7-7-5.2-7-9.6V6l7-2.8Z"></path>
+                <path d="m9.5 12 1.7 1.7 3.6-4"></path>
+              </svg>
+            </span>
             <strong>HTTPS 已启用</strong>
             <span>安全连接 · 在线</span>
             <i aria-hidden="true"></i>