feat: enhance site statistics display

- Update footer padding for better spacing
- Add hidden container for site statistics
- Modify display of page and total site statistics

These changes improve the presentation and organization of site statistics, making it easier for users to understand site traffic and engagement.

app/views/layouts/application.html.erb

@@ -74,23 +74,55 @@
   </main>
 
   <!-- 页脚 -->
-  <footer class="footer footer-center p-8 bg-base-200 text-base-content">
+  <footer class="footer footer-center p-6 bg-base-200 text-base-content">
     <div class="container mx-auto flex flex-col gap-2">
       <!-- 站点统计 -->
-      <div class="text-sm opacity-70">
+      <div id="busuanzi_container" class="hidden">
-      <span class="mx-2">
+        <div class="text-xs opacity-70 flex flex-wrap justify-center gap-x-4 gap-y-1">
-        <i class="fas fa-eye"></i> Views: <span id="busuanzi_value_site_pv">...</span>
+          <!-- 页面统计 -->
-      </span>
+          <div class="flex items-center gap-3">
-        <span class="mx-2">
+            <span class="text-primary/70 font-medium">PAGE:</span>
-        <i class="fas fa-user"></i> Visitors: <span id="busuanzi_value_site_uv">...</span>
+            <span class="flex items-center gap-2">
-      </span>
+            <span class="flex items-center gap-1">
+              <svg xmlns="http://www.w3.org/2000/svg" class="h-3 w-3" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
+              </svg>
+              <span id="busuanzi_value_page_pv"></span>
+            </span>
+            <span class="flex items-center gap-1">
+              <svg xmlns="http://www.w3.org/2000/svg" class="h-3 w-3" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0z" />
+              </svg>
+              <span id="busuanzi_value_page_uv"></span>
+            </span>
+          </span>
+          </div>
+
+          <!-- 总站统计 -->
+          <div class="flex items-center gap-3">
+            <span class="text-secondary/70 font-medium">TOTAL:</span>
+            <span class="flex items-center gap-2">
+            <span class="flex items-center gap-1">
+              <svg xmlns="http://www.w3.org/2000/svg" class="h-3 w-3" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2z" />
+              </svg>
+              <span id="busuanzi_value_site_pv"></span>
+            </span>
+            <span class="flex items-center gap-1">
+              <svg xmlns="http://www.w3.org/2000/svg" class="h-3 w-3" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1z" />
+              </svg>
+              <span id="busuanzi_value_site_uv"></span>
+            </span>
+          </span>
+          </div>
+        </div>
       </div>
 
-      <p class="font-display opacity-80">
+      <p class="font-display opacity-80 text-sm">
         Copyright © 2024 - All rights reserved by AI Weather Art
       </p>
     </div>
   </footer>
-
   </body>
 </html>