style

static/style.css

@@ -2096,9 +2096,11 @@ button:disabled {
 /* Footer Styles */
 .app-footer {
     background-color: var(--surface);
-    padding: 1rem;
-    border-top: 1px solid var(--border-color);
+    padding: 0.75rem 1.5rem;
+    border-top: 1px solid rgba(0,0,0,0.05);
     margin-top: auto;
+    box-shadow: 0 -2px 10px rgba(0,0,0,0.02);
+    position: relative;
 }
 
 .footer-content {
@@ -2113,16 +2115,19 @@ button:disabled {
 
 .footer-text {
     color: var(--text-secondary);
-    font-size: 0.9rem;
+    font-size: 0.85rem;
     display: flex;
     align-items: center;
     gap: 1rem;
+    font-weight: 500;
+    opacity: 0.85;
+    letter-spacing: 0.02em;
 }
 
 .footer-links {
     display: flex;
     align-items: center;
-    gap: 1.5rem;
+    gap: 1.2rem;
 }
 
 .footer-link {
@@ -2131,20 +2136,27 @@ button:disabled {
     gap: 0.5rem;
     color: var(--text-secondary);
     text-decoration: none;
-    font-size: 0.9rem;
-    transition: color 0.2s ease;
+    font-size: 0.85rem;
+    transition: all 0.25s ease;
+    padding: 0.35rem 0.8rem;
+    border-radius: 20px;
+    font-weight: 500;
 }
 
 .footer-link:hover {
     color: var(--primary);
+    background-color: rgba(var(--primary-rgb), 0.08);
+    transform: translateY(-1px);
 }
 
 .footer-link i {
-    font-size: 1rem;
+    font-size: 0.95rem;
 }
 
 .star-icon {
-    font-size: 1rem;
+    font-size: 0.95rem;
+    color: #FFB400;
+    margin-right: 0.15rem;
 }
 
 .user-counter {
@@ -2187,21 +2199,31 @@ button:disabled {
     .footer-content {
         flex-direction: column;
         text-align: center;
+        padding: 0.5rem 0;
     }
 
     .footer-links {
         flex-wrap: wrap;
         justify-content: center;
     }
+    
+    .app-footer {
+        padding: 0.6rem 1rem;
+    }
 }
 
 @media (max-width: 480px) {
     .footer-links {
-        gap: 1rem;
+        gap: 0.5rem;
     }
 
     .footer-link {
         font-size: 0.8rem;
+        padding: 0.25rem 0.6rem;
+    }
+    
+    .app-footer {
+        padding: 0.5rem 0.8rem;
     }
 }
 
@@ -2260,11 +2282,29 @@ button:disabled {
 /* 版本徽章样式 */
 .version-badge {
     font-size: 0.75rem;
-    opacity: 0.6;
+    opacity: 0.75;
     margin-left: 0.5rem;
     padding: 0.1rem 0.35rem;
     border-radius: 3rem;
     background-color: rgba(var(--surface-rgb), 0.3);
+    font-weight: normal;
+    vertical-align: middle;
+}
+
+.app-header h1 .version-badge {
+    font-size: 0.65rem;
+    opacity: 0.8;
+    margin-left: 0.3rem;
+    padding: 0.1rem 0.35rem;
+    position: relative;
+    top: -0.1rem;
+}
+
+@media (max-width: 480px) {
+    .app-header h1 .version-badge {
+        font-size: 0.55rem;
+        padding: 0.05rem 0.25rem;
+    }
 }
 
 /* 媒体查询 */
@@ -3084,7 +3124,8 @@ html {
 /* 底部栏夜间模式 */
 [data-theme="dark"] .app-footer {
     background-color: var(--surface);
-    border-top: 1px solid var(--border-color);
+    border-top: 1px solid rgba(255,255,255,0.05);
+    box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
 }
 
 [data-theme="dark"] .footer-link {