feat: add footer ICP link and style adjustments for improved layout

src/main.ts

@@ -7,6 +7,7 @@ import { projects } from "./data/projects";
 import { infraServices } from "./data/infra";
 import { contacts } from "./data/contacts";
 import { fetchInfraSnapshot, type InfraSnapshot } from "./komari";
+import { IS_CN_SITE } from "./site-config";
 
 const app = document.querySelector<HTMLDivElement>("#app")!;
 
@@ -156,7 +157,10 @@ app.innerHTML = `
   </main>
 
   <footer class="footer">
-    <div class="container" data-i18n="footer.text"></div>
+    <div class="container footer__inner">
+      <span data-i18n="footer.text"></span>
+      ${IS_CN_SITE ? `<a class="footer__icp" href="https://beian.miit.gov.cn/" target="_blank" rel="noopener noreferrer">粤ICP备2026004383号-1</a>` : ""}
+    </div>
   </footer>
 
   <div class="modal-overlay" id="modal-overlay">

src/styles/components.css

@@ -823,6 +823,23 @@ img.modal__media {
   border-top: 1px solid var(--border-faint);
 }
 
+.footer__inner {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 8px;
+}
+
+.footer__icp {
+  color: inherit;
+  transition: color 0.2s var(--ease-standard);
+}
+
+.footer__icp:hover,
+.footer__icp:focus-visible {
+  color: var(--accent);
+}
+