feat(CF): 现已支持部署到CloudFlare-Workers

src/client/components/FloatingHeader.css

@@ -1,6 +1,6 @@
 .floating-header {
   position: fixed;
-  top: 1.25rem;
+  top: 1rem;
   left: 50%;
   transform: translateX(-50%);
   z-index: 100;
@@ -8,7 +8,7 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding: 1.25rem 3rem;
+  padding: 0.75rem 2rem;
 
   background: var(--card-bg);
   backdrop-filter: var(--glass-blur);
@@ -18,7 +18,7 @@
 
   box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.1);
   transition: opacity var(--transition-smooth);
-  width: calc(100% - 2rem);
+  width: 80%;
   max-width: 1100px;
 }
 
@@ -58,8 +58,9 @@
 
 @media (max-width: 640px) {
   .floating-header {
-    top: 1rem;
+    top: 0.75rem;
     gap: 1rem;
     padding: 0.5rem 1rem;
+    width: 90%;
   }
 }