feature: 增加备案图标

Author: panhy

css/index.css

@@ -268,6 +268,21 @@ footer {
     transform: translateY(0);
 }
 
+.beian-icon {
+    width: 16px;
+    height: 16px;
+    vertical-align: text-bottom;
+    margin-right: 6px;
+    filter: brightness(0.9);
+    transition: filter 0.3s ease;
+    position: relative;
+    top: -1px;
+}
+
+.icp-info a:hover .beian-icon {
+    filter: brightness(1.2);
+}
+
 @media (max-width: 768px) {
     .logo {
         font-size: 2.5rem;

img/beian.png

@@ -184,7 +184,10 @@ <h1 class="logo">WebTech.wiki</h1>
             <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">贵公网安备52263202522684号</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>
         </footer>
     </div>