From bd2ddcd3ecc02c62fd0ca94478c2a8cc9da8d70e Mon Sep 17 00:00:00 2001
From: YiYi <zhouhaoze512@gmail.com>
Date: Mon, 24 Aug 2026 10:04:14 +0800
Subject: [PATCH] feat: add footer ICP link and style adjustments for improved
 layout

---
 src/main.ts               |  6 +++++-
 src/styles/components.css | 17 +++++++++++++++++
 2 files changed, 22 insertions(+), 1 deletion(-)

diff --git a/src/main.ts b/src/main.ts
index 4033074..28e40ba 100644
--- a/src/main.ts
+++ b/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">
diff --git a/src/styles/components.css b/src/styles/components.css
index 3626bc3..84a63f0 100644
--- a/src/styles/components.css
+++ b/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);
+}
+