Refine floating result button and sidebar styles: adjust positioning, enhance button appearance with animations and gradients, and update JavaScript to hide the button when results are displayed. Update versioning in HTML for CSS and JS files.

static/css/style.css

@@ -988,23 +988,46 @@ ul {
     }
     
     .floating-result-btn {
-        bottom: 90px;
+        bottom: 100px;
         left: 50%;
         right: auto;
         transform: translateX(-50%);
-        padding: 12px 20px;
+        padding: 12px 16px;
-        font-size: 0.95rem;
+        border-radius: 50px;
-        box-shadow: 0 6px 24px rgba(245, 158, 11, 0.6);
+        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4), 0 0 20px rgba(245, 158, 11, 0.3);
+        backdrop-filter: blur(8px);
+        background: linear-gradient(135deg, rgba(245, 158, 11, 0.95) 0%, rgba(217, 119, 6, 0.95) 100%);
+        animation: floatPulse 2s ease-in-out infinite;
+        gap: 8px;
     }
     
     .floating-result-btn::before {
-        content: '📋 查看结果';
+        content: '📋';
-        font-size: 0.95rem;
+        font-size: 1.2rem;
+    }
+    
+    .floating-result-btn::after {
+        content: none;
     }
     
     .floating-result-btn .result-badge {
-        padding: 4px 10px;
+        padding: 4px 12px;
-        font-size: 0.85rem;
+        font-size: 0.9rem;
+        font-weight: 700;
+        border-radius: 14px;
+        background: rgba(15, 15, 26, 0.95);
+        min-width: 24px;
+    }
+    
+    @keyframes floatPulse {
+        0%, 100% {
+            transform: translateX(-50%) translateY(0);
+            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4), 0 0 20px rgba(245, 158, 11, 0.3);
+        }
+        50% {
+            transform: translateX(-50%) translateY(-4px);
+            box-shadow: 0 8px 28px rgba(0, 0, 0, 0.3), 0 0 30px rgba(245, 158, 11, 0.5);
+        }
     }
 }
 
@@ -1393,15 +1416,15 @@ ul {
     /* 侧边栏改为底部弹出面板 */
     .sidebar {
         position: fixed;
-        bottom: 0;
+        bottom: 70px; /* 显示在底部操作栏上方 */
         left: 0;
         right: 0;
         top: auto;
         width: 100%;
         min-width: 100%;
-        max-height: 70vh;
+        max-height: 60vh;
         z-index: 100;
-        transform: translateY(100%);
+        transform: translateY(calc(100% + 70px));
         transition: transform var(--transition-normal);
         border-radius: var(--radius-xl) var(--radius-xl) 0 0;
         overflow: hidden;
@@ -1413,6 +1436,7 @@ ul {
     
     .sidebar-overlay {
         display: block;
+        bottom: 70px; /* 不覆盖底部操作栏 */
     }
     
     /* 地图全屏 */

static/js/app.js

@@ -876,6 +876,11 @@ function renderResultList(pois) {
     panel.style.display = 'flex';
     filterInput.value = '';
     
+    // 隐藏浮动结果按钮（因为结果面板已显示）
+    if (window.hideFloatingResultBtn) {
+        window.hideFloatingResultBtn();
+    }
+    
     // 移动端隐藏操作栏
     if (window.toggleMobileActionBar) {
         window.toggleMobileActionBar(false);

templates/index.html

@@ -7,7 +7,7 @@
     <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
     <meta name="theme-color" content="#0f0f1a">
     <title>会面点 - 寻找最佳聚会地点</title>
-    <link rel="stylesheet" href="/static/css/style.css?v=20260112f">
+    <link rel="stylesheet" href="/static/css/style.css?v=20260112i">
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
@@ -179,6 +179,6 @@
     </div>
     
     <!-- 应用脚本 -->
-    <script src="/static/js/app.js?v=20260112i"></script>
+    <script src="/static/js/app.js?v=20260112j"></script>
 </body>
 </html>