Expose filing details in a cleaner footer layout

Constraint: Homepage footer must show the public ICP filing number and MIIT lookup entry while staying compact.
Rejected: Separate备案说明行 | made the footer visually heavier and less balanced
Confidence: high
Scope-risk: narrow
Directive: Keep future compliance text public-only; do not commit备案后台 credentials or personal filing materials.
Tested: npm run build
Not-tested: Live browser visual review after deployment

src/components/Footer.astro

@@ -5,15 +5,21 @@ import { site } from '../config';
 <footer class="footer">
   <div class="container">
     <div class="footer-card">
-      <div>
-        <p class="eyebrow">Built for public sharing</p>
+      <div class="footer-brand">
         <p class="footer-meta">
           <span>© {new Date().getFullYear()} {site.name}</span>
-          <span>·</span>
-          <span>Astro static site</span>
         </p>
       </div>
 
+      <a
+        class="footer-beian__link"
+        href="https://beian.miit.gov.cn"
+        target="_blank"
+        rel="noreferrer"
+      >
+        湘ICP备2026017510号-1
+      </a>
+
       <div class="inline-links">
         <a class="section-link" href="/logs">查看开发日志</a>
         <a class="section-link" href="/projects">浏览项目</a>

src/styles/global.css

@@ -955,7 +955,7 @@ main {
 
 .footer-card {
   display: flex;
-  flex-wrap: wrap;
+  flex-wrap: nowrap;
   align-items: center;
   justify-content: space-between;
   gap: 1rem;
@@ -970,6 +970,32 @@ main {
   color: var(--muted);
 }
 
+.footer-brand {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+  min-width: 0;
+}
+
+.footer-meta {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 0.45rem;
+}
+
+.footer-beian__link {
+  color: var(--muted-strong);
+  flex-shrink: 0;
+  font-size: 0.95rem;
+  text-decoration: none;
+  white-space: nowrap;
+}
+
+.footer-beian__link:hover {
+  color: var(--text);
+}
+
 @media (max-width: 1024px) {
   .hero-grid,
   .stack-grid,
@@ -1050,6 +1076,12 @@ main {
     flex-direction: column;
   }
 
+  .footer-brand {
+    align-items: flex-start;
+    flex-direction: column;
+    gap: 0.25rem;
+  }
+
   .hero-title {
     font-size: 2.6rem;
   }