🎨 修复通知和按钮显示问题

1. Toast通知改为只显示最新一条，避免多条同时出现
2. 修复首页"已有账号"按钮在渐变背景上看不清的问题
   - 使用白色边框和文字
   - 添加半透明背景和模糊效果
   - 移动端也能清晰显示

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

frontend/app.js

@@ -2049,7 +2049,8 @@ handleDragLeave(e) {
         hiding: false
       };
 
-      this.toasts.push(toast);
+      // 清除之前的所有通知，只保留最新的一个
+      this.toasts = [toast];
 
       // 4.5秒后开始淡出动画
       setTimeout(() => {

frontend/index.html

@@ -193,6 +193,22 @@
       box-shadow: 0 6px 20px rgba(102, 126, 234, 0.3);
     }
 
+    /* Hero区域的outline按钮使用白色配色，在渐变背景上更清晰 */
+    .hero .btn-outline {
+      background: rgba(255, 255, 255, 0.15);
+      color: white;
+      border: 2px solid rgba(255, 255, 255, 0.8);
+      backdrop-filter: blur(10px);
+    }
+
+    .hero .btn-outline:hover {
+      background: rgba(255, 255, 255, 0.95);
+      color: var(--primary);
+      border-color: white;
+      transform: translateY(-3px);
+      box-shadow: 0 6px 20px rgba(255, 255, 255, 0.3);
+    }
+
     /* Hero Section */
     .hero {
       max-width: 1200px;