From 2b14ceeeffc66060a2473140da5620af357b7dea Mon Sep 17 00:00:00 2001
From: ClovertaTheTrilobita <cloverta@petalmail.com>
Date: Fri, 27 Mar 2026 11:06:11 +0200
Subject: [PATCH] fix icp style

---
 src/components/Footer.astro | 27 +++++++++++++++++++++++----
 1 file changed, 23 insertions(+), 4 deletions(-)

diff --git a/src/components/Footer.astro b/src/components/Footer.astro
index 33e2d2b..77908be 100644
--- a/src/components/Footer.astro
+++ b/src/components/Footer.astro
@@ -10,10 +10,14 @@ const t = getTranslations(lang);
   <p set:html={t.footer.repoIntro} />
 
   <div
-    style="display: flex; flex-direction: column; align-items: center; font-size: 0.7rem; padding-bottom: 12px;"
+    id="beian-wrap"
+    style="display: flex; flex-direction: column; align-items: center; font-size: 0.7rem; padding-bottom: 12px; width: 100%; overflow: hidden;"
   >
-    <!-- 备案信息 -->
-    <div class="beian" style="display: flex; gap: 4px; justify-content: center">
+    <div
+      id="beian-inner"
+      class="beian"
+      style="display: flex; gap: 4px; justify-content: center; white-space: nowrap; transform-origin: center;"
+    >
       <a href="https://beian.miit.gov.cn" target="_blank" style="color: gray;"
         >赣ICP备2025059789号</a
       >
@@ -21,7 +25,7 @@ const t = getTranslations(lang);
       <a
         href="https://beian.mps.gov.cn/#/query/webSearch?code=36020002000597"
         target="_blank"
-        style="display: flex; gap: 2px; color: gray;"
+        style="display: flex; gap: 2px; color: gray; white-space: nowrap;"
       >
         <img
           src="/images/beian.png"
@@ -78,3 +82,18 @@ const t = getTranslations(lang);
     }
   </style>
 </footer>
+
+<script>
+  function fitBeian() {
+    const wrap = document.getElementById("beian-wrap");
+    const inner = document.getElementById("beian-inner");
+    if (!wrap || !inner) return;
+
+    inner.style.transform = "scale(1)";
+    const scale = Math.min(1, wrap.clientWidth / inner.scrollWidth);
+    inner.style.transform = `scale(${scale})`;
+  }
+
+  window.addEventListener("load", fitBeian);
+  window.addEventListener("resize", fitBeian);
+</script>