feature: 调整备案信息样式

Author: panhy

css/index.css

@@ -268,6 +268,19 @@ footer {
     transform: translateY(0);
 }
 
+.icp-info {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    gap: 15px;
+    align-items: center;
+}
+
+.icp-item {
+    display: flex;
+    align-items: center;
+}
+
 .beian-icon {
     width: 16px;
     height: 16px;
@@ -283,7 +296,17 @@ footer {
     filter: brightness(1.2);
 }
 
+/* 移动端响应式样式 */
 @media (max-width: 768px) {
+    .icp-info {
+        flex-direction: column;
+        gap: 8px;
+    }
+    
+    .icp-item {
+        justify-content: center;
+    }
+    
     .logo {
         font-size: 2.5rem;
     }

index.html

@@ -183,11 +183,15 @@ <h1 class="logo">WebTech.wiki</h1>
             <p>&copy; 2025 WebTech.wiki - 为开发者精心打造的技术导航站点</p>
             <p>收录优质技术资源，助力开发者成长</p>
             <div class="icp-info">
-                <a href="https://beian.miit.gov.cn/" target="_blank">黔ICP备2024030886号-2</a> | 
-                <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=52263202522684" target="_blank">
-                    <img src="./img/beian.png" alt="公安备案图标" class="beian-icon">
-                    贵公网安备52263202522684号
-                </a>
+                <div class="icp-item">
+                    <a href="https://beian.miit.gov.cn/" target="_blank">黔ICP备2024030886号-2</a>
+                </div>
+                <div class="icp-item">
+                    <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=52263202522684" target="_blank">
+                        <img src="./img/beian.png" alt="公安备案图标" class="beian-icon">
+                        贵公网安备52263202522684号
+                    </a>
+                </div>
             </div>
         </footer>
     </div>