diff --git a/docker-compose.yml b/docker-compose.yml
index 2ae67dd..f9044a7 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -5,7 +5,7 @@ services:
     build:
       context: .
       dockerfile: Dockerfile
-    image: tradus-web:1.2.9
+    image: tradus-web:1.3.0
     container_name: tradus-web
     ports:
       - '6000:80'
diff --git a/src/App.vue b/src/App.vue
index 4b3e85f..7630824 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -302,19 +302,7 @@ onUnmounted(() => {
             </svg>
             <span class="agent-name">首页</span>
           </RouterLink>
-          <RouterLink to="/crypto-analysis" class="agent-item" @click="showMobileMenu = false">
-            <svg
-              class="agent-icon"
-              viewBox="0 0 24 24"
-              fill="none"
-              stroke="currentColor"
-              stroke-width="2"
-            >
-              <path stroke-linecap="round" stroke-linejoin="round" d="M7 12l5-5 5 5M7 17l5-5 5 5" />
-            </svg>
-            <span class="agent-name">加密货币分析</span>
-          </RouterLink>
-          <RouterLink to="/astock-analysis" class="agent-item" @click="showMobileMenu = false">
+          <RouterLink to="/ai-agents" class="agent-item" @click="showMobileMenu = false">
             <svg
               class="agent-icon"
               viewBox="0 0 24 24"
@@ -330,7 +318,7 @@ onUnmounted(() => {
               <polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline>
               <line x1="12" y1="22.08" x2="12" y2="12"></line>
             </svg>
-            <span class="agent-name">A股分析</span>
+            <span class="agent-name">AI分析智能体</span>
           </RouterLink>
         </div>
 
diff --git a/src/router/index.ts b/src/router/index.ts
index 2d9d1aa..26e322f 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -20,12 +20,6 @@ const router = createRouter({
         title: 'AI 助理团队',
       },
     },
-    {
-      path: '/ai-agent',
-      name: 'ai-agent',
-      component: () => import('../views/AIAgentView.vue'),
-      meta: { requiresVIP: true },
-    },
     {
       path: '/download',
       name: 'download',
@@ -42,21 +36,12 @@ const router = createRouter({
       },
     },
     {
-      path: '/crypto-analysis',
-      name: 'crypto-analysis',
-      component: () => import('../views/CryptoAnalysisView.vue'),
+      path: '/analysis/:type',
+      name: 'universal-analysis',
+      component: () => import('../views/UniversalAnalysisView.vue'),
       meta: {
         requiresAuth: true,
-        title: '加密货币分析助理',
-      },
-    },
-    {
-      path: '/astock-analysis',
-      name: 'astock-analysis',
-      component: () => import('../views/AStockAnalysisView.vue'),
-      meta: {
-        requiresAuth: true,
-        title: 'A股分析助理',
+        title: '智能分析助理',
       },
     },
   ],
diff --git a/src/views/AIAgentView.vue b/src/views/AIAgentView.vue
deleted file mode 100644
index 131a33f..0000000
--- a/src/views/AIAgentView.vue
+++ /dev/null
@@ -1,1241 +0,0 @@
-<script setup lang="ts">
-import { ref, nextTick, computed, onMounted, watch } from 'vue'
-import { useUserStore } from '../stores/user'
-import { http } from '../services/api'
-
-// 定义Agent类型
-interface Agent {
-  id: string
-  name: string
-  description: string
-  icon?: string
-  hello_prompt?: string
-}
-
-// 定义API返回的Agent类型
-interface AgentResponse {
-  id: string
-  name: string
-  description: string
-  hello_prompt: string
-}
-
-// 获取用户状态
-const userStore = useUserStore()
-const isAuthenticated = computed(() => userStore.isAuthenticated)
-
-// 显示访问限制提示
-const showAccessDeniedAlert = ref(false)
-
-// Agent列表
-const agents = ref<Agent[]>([])
-const isLoadingAgents = ref(false)
-
-// 当前选中的Agent
-const selectedAgent = ref<Agent | null>(null)
-
-// 根据环境选择API基础URL
-const apiBaseUrl =
-  import.meta.env.MODE === 'development' ? 'http://127.0.0.1:8000' : 'https://api.ibtc.work'
-
-// 获取Agent列表
-const fetchAgents = async () => {
-  if (isLoadingAgents.value) return
-  isLoadingAgents.value = true
-
-  try {
-    const response = await http.get(`${apiBaseUrl}/agent/list`)
-
-    if (!response.ok) {
-      throw new Error(`HTTP error! status: ${response.status}`)
-    }
-
-    const data = await response.json()
-    agents.value = data.map((agent: AgentResponse) => ({
-      ...agent,
-    }))
-
-    if (agents.value.length > 0 && !selectedAgent.value) {
-      selectedAgent.value = agents.value[0]
-      addInitialGreeting(agents.value[0])
-    }
-  } catch (error) {
-    console.error('获取Agent列表失败:', error)
-  } finally {
-    isLoadingAgents.value = false
-  }
-}
-
-// 当用户登录状态改变时获取Agent列表
-onMounted(() => {
-  if (isAuthenticated.value) {
-    fetchAgents()
-  }
-})
-
-interface ChatMessage {
-  role: 'user' | 'assistant' | 'thought'
-  content: string
-  files: Array<{
-    type: string
-    url: string
-  }>
-  thought?: {
-    thought: string
-    observation: string
-    tool: string
-    tool_input: string
-  }
-  tools?: string[]
-}
-
-const userInput = ref('')
-const chatHistory = ref<ChatMessage[]>([])
-const isLoading = ref(false)
-const messagesContainer = ref<HTMLElement | null>(null)
-const currentResponseText = ref('')
-
-// 当用户不是VIP时，显示提示
-onMounted(() => {
-  if (isAuthenticated.value) {
-    fetchAgents()
-  }
-})
-
-const closeAlert = () => {
-  showAccessDeniedAlert.value = false
-}
-
-const scrollToBottom = async () => {
-  await nextTick()
-  if (messagesContainer.value) {
-    messagesContainer.value.scrollTop = messagesContainer.value.scrollHeight
-  }
-}
-
-// 添加打字机效果的状态
-const typingText = ref('')
-const isTyping = ref(false)
-const typingMessageIndex = ref(-1)
-
-// 打字机效果函数
-const typeMessage = async (message: string, messageIndex: number) => {
-  isTyping.value = true
-  typingMessageIndex.value = messageIndex
-  typingText.value = ''
-  chatHistory.value[messageIndex].content = ''
-
-  for (let i = 0; i < message.length; i++) {
-    typingText.value += message[i]
-    chatHistory.value[messageIndex].content = typingText.value
-    await new Promise((resolve) => setTimeout(resolve, 50))
-  }
-
-  isTyping.value = false
-  typingMessageIndex.value = -1
-  chatHistory.value[messageIndex].content = message
-  return message
-}
-
-// 添加初始问候语
-const addInitialGreeting = async (agent: Agent) => {
-  const message: ChatMessage = {
-    role: 'assistant',
-    content: '',
-    files: [],
-  }
-  chatHistory.value = [message]
-
-  const greetingText =
-    agent.hello_prompt ||
-    '你好！我是AI Agent，可以回答你的任何关于Web3的问题。请告诉我你想了解什么？'
-  await typeMessage(greetingText, 0)
-}
-
-// 监听选中的Agent变化
-watch(selectedAgent, (newAgent) => {
-  if (newAgent && chatHistory.value.length === 0) {
-    addInitialGreeting(newAgent).catch(console.error)
-  }
-})
-
-const showConfirmDialog = ref(false)
-const confirmDialogTitle = ref('')
-const confirmDialogMessage = ref('')
-const confirmCallback = ref<(() => void) | null>(null)
-
-const showConfirm = (title: string, message: string, callback: () => void) => {
-  confirmDialogTitle.value = title
-  confirmDialogMessage.value = message
-  confirmCallback.value = callback
-  showConfirmDialog.value = true
-}
-
-// 选择Agent
-const selectAgent = (agent: Agent) => {
-  if (!selectedAgent.value || agent.id !== selectedAgent.value.id) {
-    // 直接切换到新的 Agent
-    selectedAgent.value = agent
-    chatHistory.value = []
-    addInitialGreeting(agent).catch(console.error)
-  } else {
-    // 点击当前 Agent，显示确认框
-    showConfirm('重新开始对话', '是否重新开启新会话？', () => {
-      chatHistory.value = []
-      addInitialGreeting(agent).catch(console.error)
-      showConfirmDialog.value = false
-    })
-  }
-}
-
-const sendMessage = async () => {
-  if (!userInput.value.trim() || isLoading.value || !isAuthenticated.value || !selectedAgent.value)
-    return
-
-  // 重置当前响应文本
-  currentResponseText.value = ''
-
-  // 添加用户消息到历史记录
-  chatHistory.value.push({
-    role: 'user',
-    content: userInput.value,
-    files: [],
-  })
-
-  // 滚动到底部以显示用户消息
-  await scrollToBottom()
-
-  const currentInput = userInput.value
-  userInput.value = ''
-  isLoading.value = true
-
-  // 添加临时助手消息用于流式显示
-  const tempMessageIndex = chatHistory.value.length
-  chatHistory.value.push({
-    role: 'assistant',
-    content: 'AI 正在思考...',
-    files: [],
-    tools: [],
-  })
-
-  await scrollToBottom()
-
-  try {
-    // 调用流式接口
-    const response = await http.post(`${apiBaseUrl}/agent/chat`, {
-      agent_id: selectedAgent.value.id,
-      user_prompt: currentInput,
-    })
-
-    if (!response.ok) {
-      const errorText = await response.text()
-      console.error('API响应错误:', response.status, errorText)
-      throw new Error(`服务器响应错误: ${response.status} - ${errorText || '未知错误'}`)
-    }
-
-    const reader = response.body?.getReader()
-    if (!reader) {
-      throw new Error('无法获取响应流')
-    }
-
-    const decoder = new TextDecoder()
-    let buffer = '' // 用于存储不完整的JSON数据
-
-    // 处理流式响应
-    while (true) {
-      const { done, value } = await reader.read()
-      if (done) break
-
-      const chunk = decoder.decode(value, { stream: true })
-      buffer += chunk
-
-      // 处理可能的多行数据
-      const lines = buffer.split('\n')
-      // 保留最后一行（可能不完整）
-      buffer = lines.pop() || ''
-
-      for (const line of lines) {
-        if (!line.trim() || !line.startsWith('data: ')) continue
-
-        try {
-          const jsonStr = line.slice(6) // 移除 "data: " 前缀
-          console.log('收到的JSON数据:', jsonStr) // 调试日志
-          const data = JSON.parse(jsonStr)
-
-          switch (data.event) {
-            case 'agent_message':
-              if (data.answer) {
-                currentResponseText.value += data.answer
-                chatHistory.value[tempMessageIndex].content = currentResponseText.value
-                await scrollToBottom()
-              }
-              break
-
-            case 'agent_thought':
-              if (data.tool) {
-                const thoughtText = `Agent 正在调用 ${data.tool} 工具`
-                chatHistory.value[tempMessageIndex].content = currentResponseText.value
-                  ? `${thoughtText}\n\n${currentResponseText.value}`
-                  : thoughtText
-                await scrollToBottom()
-              }
-              break
-
-            case 'error':
-              const errorMessage = data.error || '未知错误'
-              chatHistory.value[tempMessageIndex].content =
-                `抱歉，处理您的请求时出错了：${errorMessage}`
-              isLoading.value = false
-              await scrollToBottom()
-              break
-
-            case 'message_end':
-              if (currentResponseText.value.trim()) {
-                chatHistory.value[tempMessageIndex].content = currentResponseText.value
-              }
-              break
-          }
-        } catch (e) {
-          console.error('解析JSON数据出错:', e, '原始数据:', line)
-          if (line.includes('<!DOCTYPE html>') || line.includes('<html>')) {
-            chatHistory.value[tempMessageIndex].content =
-              '抱歉，服务器返回了错误的响应格式，请稍后再试。'
-          } else {
-            chatHistory.value[tempMessageIndex].content = '抱歉，解析响应数据时出错了，请稍后再试。'
-          }
-          await scrollToBottom()
-        }
-      }
-    }
-  } catch (error) {
-    console.error('调用API出错:', error)
-    const errorMessage = error instanceof Error ? error.message : '未知错误'
-    chatHistory.value[tempMessageIndex].content = `抱歉，请求出错了：${errorMessage}`
-    await scrollToBottom()
-  } finally {
-    isLoading.value = false
-  }
-}
-
-// 在 script 部分添加图标渲染函数
-const getAgentIcon = (agent: Agent) => {
-  // 根据 agent 类型返回对应的 SVG 图标
-  return `<svg class="agent-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-    ${getIconPath(agent)}
-  </svg>`
-}
-
-const getIconPath = (agent: Agent) => {
-  // 根据 agent id 或其他属性返回不同的图标路径
-  switch (agent.id) {
-    case 'market_analysis':
-      return '<path d="M7 12l5-5 5 5M7 17l5-5 5 5"/>'
-    case 'trading_strategy':
-      return '<path d="M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1zM4 22v-7"/>'
-    default:
-      return '<path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line"/>'
-  }
-}
-
-// 在 script 部分修改获取首字母的函数
-const getInitial = (nickname: string) => {
-  if (!nickname) return '?'
-  return nickname.trim()[0].toUpperCase()
-}
-</script>
-
-<template>
-  <div class="ai-agent-view">
-    <!-- 访问限制提示 -->
-    <div v-if="showAccessDeniedAlert" class="access-denied-alert">
-      <div class="alert-content">
-        <span>AI Agent功能仅对VIP及超级VIP用户开放</span>
-        <button class="close-alert" @click="closeAlert">×</button>
-      </div>
-    </div>
-
-    <!-- <h1 class="page-title">AI Agent</h1>
-    <p class="page-description">为您提供全面区块链信息查询和专业分析</p> -->
-
-    <!-- 未登录状态显示登录提示 -->
-    <div v-if="!isAuthenticated" class="login-prompt">
-      <div class="login-prompt-content">
-        <h2>需要登录</h2>
-        <p>请登录或注册账号以使用AI Agent功能</p>
-      </div>
-    </div>
-
-    <!-- 已登录用户显示聊天界面 -->
-    <div v-else class="main-container">
-      <!-- 右侧聊天界面 -->
-      <div class="chat-container">
-        <div class="chat-window">
-          <div class="messages-container" ref="messagesContainer">
-            <div v-for="(message, index) in chatHistory" :key="index" class="message-wrapper">
-              <div
-                :class="[
-                  'message',
-                  message.role === 'user'
-                    ? 'user-message'
-                    : message.role === 'thought'
-                      ? 'thought-message'
-                      : 'ai-message',
-                ]"
-              >
-                <div v-if="message.role === 'assistant'" class="avatar ai-avatar">
-                  <svg
-                    viewBox="0 0 24 24"
-                    fill="none"
-                    stroke="currentColor"
-                    stroke-width="2"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  >
-                    <path
-                      d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"
-                    ></path>
-                    <polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline>
-                    <line x1="12" y1="22.08" x2="12" y2="12"></line>
-                  </svg>
-                </div>
-                <div v-if="message.role === 'user'" class="avatar user-avatar">
-                  {{ getInitial(userStore.userInfo?.nickname || '') }}
-                </div>
-                <div
-                  class="message-content"
-                  :class="{
-                    typing:
-                      isTyping && typingMessageIndex === index && message.role === 'assistant',
-                  }"
-                >
-                  {{ message.content }}
-                </div>
-              </div>
-            </div>
-          </div>
-
-          <!-- Agent 选择器移到这里 -->
-          <div class="agent-selector">
-            <div class="agent-list">
-              <div v-if="isLoadingAgents" class="agent-loading">加载中...</div>
-              <template v-else>
-                <button
-                  v-for="agent in agents"
-                  :key="agent.id"
-                  class="agent-item"
-                  :class="{ active: selectedAgent?.id === agent.id }"
-                  @click="selectAgent(agent)"
-                >
-                  <span class="agent-icon" v-html="getAgentIcon(agent)"></span>
-                  <span class="agent-name">{{ agent.name }}</span>
-                </button>
-              </template>
-            </div>
-          </div>
-
-          <div class="input-container">
-            <div class="input-wrapper">
-              <textarea
-                v-model="userInput"
-                class="message-input"
-                placeholder="请输入您的问题..."
-                @keydown.enter.prevent="sendMessage"
-                :disabled="isLoading || !isAuthenticated || !selectedAgent"
-              ></textarea>
-              <button
-                class="send-button"
-                @click="sendMessage"
-                :disabled="isLoading || !isAuthenticated || !selectedAgent"
-              >
-                <span class="send-icon">➤</span>
-              </button>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- 添加确认对话框 -->
-    <div v-if="showConfirmDialog" class="confirm-popup">
-      <div class="confirm-popup-content">
-        <p>{{ confirmDialogMessage }}</p>
-        <div class="confirm-actions">
-          <button
-            @click="
-              () => {
-                confirmCallback?.()
-                showConfirmDialog = false
-              }
-            "
-          >
-            确认
-          </button>
-          <button @click="showConfirmDialog = false">取消</button>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<style scoped>
-.ai-agent-view {
-  width: 100%;
-  height: 100%;
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-  background-color: var(--color-bg-primary);
-}
-
-/* 访问限制提示样式 */
-.access-denied-alert {
-  position: fixed;
-  top: calc(var(--header-height) + 20px);
-  left: 50%;
-  transform: translateX(-50%);
-  background-color: rgba(255, 152, 0, 0.95);
-  color: #000;
-  padding: 12px 20px;
-  border-radius: var(--border-radius);
-  z-index: 1000;
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
-  animation: slideDown 0.3s ease-out;
-  max-width: 90%;
-  width: auto;
-}
-
-.alert-content {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 16px;
-  font-weight: 500;
-}
-
-.close-alert {
-  background: none;
-  border: none;
-  color: #000;
-  font-size: 1.2rem;
-  cursor: pointer;
-  padding: 0 4px;
-}
-
-@keyframes slideDown {
-  from {
-    transform: translate(-50%, -20px);
-    opacity: 0;
-  }
-  to {
-    transform: translate(-50%, 0);
-    opacity: 1;
-  }
-}
-
-.page-title {
-  font-size: 2.2rem;
-  font-weight: 700;
-  margin-bottom: 0.5rem;
-}
-
-.page-description {
-  color: var(--color-text-secondary);
-  margin-bottom: 2rem;
-}
-
-/* 登录提示样式 */
-.login-prompt {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  padding: 3rem 1rem;
-  width: 100%;
-  height: calc(80vh - 150px);
-}
-
-.login-prompt-content {
-  background-color: var(--color-bg-elevated);
-  border-radius: var(--border-radius);
-  padding: 2rem;
-  text-align: center;
-  max-width: 500px;
-  width: 100%;
-  border: 1px solid var(--color-border);
-}
-
-.login-prompt-content h2 {
-  font-size: 1.8rem;
-  margin-bottom: 1rem;
-}
-
-.login-prompt-content p {
-  color: var(--color-text-secondary);
-  margin-bottom: 2rem;
-}
-
-.login-prompt-actions {
-  display: flex;
-  justify-content: center;
-  gap: 1rem;
-}
-
-.login-button,
-.register-button {
-  padding: 0.8rem 2rem;
-  border-radius: var(--border-radius);
-  font-weight: 500;
-  text-decoration: none;
-  transition: all 0.2s ease;
-}
-
-.login-button {
-  background-color: transparent;
-  border: 1px solid var(--color-border);
-  color: var(--color-text-primary);
-}
-
-.login-button:hover {
-  background-color: var(--color-bg-elevated);
-  border-color: var(--color-border-hover);
-}
-
-.register-button {
-  background-color: #3355ff;
-  color: white;
-  border: 1px solid #3355ff;
-}
-
-.register-button:hover {
-  background-color: #2244ee;
-}
-
-/* 聊天界面样式 */
-.main-container {
-  display: flex;
-  width: 100%;
-  height: 100%;
-  min-height: 0;
-  background-color: var(--color-bg-primary);
-  overflow: hidden;
-  position: relative;
-}
-
-.chat-container {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  min-width: 0;
-  min-height: 0;
-  background-color: var(--color-bg-primary);
-  height: 100%;
-}
-
-.chat-window {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  background-color: var(--color-bg-primary);
-  max-width: 900px;
-  margin: 0 auto;
-  box-sizing: border-box;
-  width: 100%;
-  position: relative;
-}
-
-.messages-container {
-  flex: 1;
-  overflow-y: auto;
-  padding: 2rem 0.5rem;
-  padding-bottom: 2rem;
-  scroll-behavior: smooth;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-}
-
-.message-wrapper {
-  margin: 0.75rem 0;
-  display: flex;
-  width: 100%;
-}
-
-/* 用户消息样式 */
-.message-wrapper .user-message {
-  justify-content: flex-end;
-  width: fit-content;
-  display: flex;
-  gap: 12px;
-  flex-direction: row-reverse;
-  margin-left: auto;
-  max-width: 80%;
-}
-
-/* AI消息样式 */
-.message-wrapper .ai-message,
-.message-wrapper .thought-message {
-  justify-content: flex-start;
-  width: fit-content;
-  display: flex;
-  gap: 12px;
-  max-width: 80%;
-  margin-right: auto;
-}
-
-.avatar {
-  width: 36px;
-  height: 36px;
-  border-radius: 50%;
-  flex-shrink: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background-color: var(--color-bg-secondary);
-  border: 1px solid var(--color-border);
-}
-
-.user-avatar {
-  background-color: var(--color-accent);
-  color: white;
-  font-size: 1.1rem;
-  font-weight: 500;
-  border: none;
-}
-
-.ai-avatar {
-  background-color: var(--color-bg-secondary);
-  border: 1px solid var(--color-border);
-}
-
-.ai-avatar svg {
-  width: 24px;
-  height: 24px;
-  color: var(--color-accent);
-}
-
-.message {
-  display: flex;
-  padding: 0;
-}
-
-.message-content {
-  display: inline-block;
-  max-width: 100%;
-  min-width: 4em;
-  word-break: break-word;
-  overflow-wrap: break-word;
-  white-space: pre-wrap;
-  box-sizing: border-box;
-  background-clip: padding-box;
-  line-height: 1.6;
-  letter-spacing: 0.3px;
-}
-
-.message-content.typing :deep(.markdown-body) {
-  display: inline;
-}
-
-.message-content :deep(p) {
-  margin: 0;
-  line-height: 1.4;
-  display: inline;
-}
-
-.message-content :deep(p:not(:last-child)) {
-  display: block;
-  margin-bottom: 0.75em;
-}
-
-/* 确保markdown内容正确显示 */
-:deep(.markdown-body) {
-  color: inherit;
-  line-height: inherit;
-}
-
-.user-message .message-content {
-  background-color: var(--color-accent);
-  color: white;
-  border-radius: 1rem 0 1rem 1rem;
-  padding: 1.25rem;
-}
-
-.ai-message .message-content {
-  background-color: var(--color-bg-secondary);
-  color: var(--color-text-primary);
-  border-radius: 0 1rem 1rem 1rem;
-  border: 1px solid var(--color-border);
-  padding: 1.25rem;
-  margin-top: 0.5rem;
-}
-
-.thought-message .message-content {
-  background-color: rgba(var(--color-accent-rgb), 0.08);
-  color: var(--color-text-secondary);
-  border-radius: 0.75rem;
-  font-style: italic;
-  padding: 0.75rem 1rem;
-  border: 1px solid rgba(var(--color-accent-rgb), 0.15);
-  font-size: 0.95rem;
-  max-width: 600px;
-  line-height: 1.5;
-}
-
-/* 调整思考消息的间距 */
-.thought-message + .ai-message {
-  margin-top: 0.25rem;
-}
-
-/* 确保思考消息和AI回复之间的视觉关联 */
-.thought-message {
-  margin-bottom: 0.25rem;
-}
-
-/* 移动端适配 */
-@media (max-width: 768px) {
-  .message-content {
-    max-width: 90%;
-  }
-
-  .avatar {
-    width: 32px;
-    height: 32px;
-  }
-
-  .avatar svg {
-    width: 20px;
-    height: 20px;
-  }
-
-  .thought-message .message-content {
-    max-width: 85%;
-    font-size: 0.9rem;
-    padding: 0.6rem 0.8rem;
-  }
-}
-
-.input-container {
-  padding: 0.5rem 0.5rem 2rem 0.5rem;
-  background-color: var(--color-bg-primary);
-  width: 100%;
-  max-width: 900px;
-  margin: 0 auto;
-  box-sizing: border-box;
-}
-
-.input-wrapper {
-  position: relative;
-  display: flex;
-  align-items: flex-end;
-  gap: 0.5rem;
-  width: 100%;
-  box-sizing: border-box;
-}
-
-.message-input {
-  flex: 1;
-  height: 3rem;
-  min-height: 3rem;
-  max-height: 6rem;
-  padding: 0.75rem 3rem 0.75rem 1rem;
-  background-color: var(--color-bg-secondary);
-  border: 1px solid var(--color-border);
-  border-radius: var(--border-radius);
-  color: var(--color-text-primary);
-  font-size: 1rem;
-  line-height: 1.4;
-  resize: none;
-  outline: none;
-  transition: all 0.2s ease;
-  overflow-y: hidden;
-  display: block;
-  width: 100%;
-  box-sizing: border-box;
-}
-
-.message-input::placeholder {
-  color: var(--color-text-secondary);
-}
-
-.message-input:focus {
-  border-color: var(--color-accent);
-}
-
-.message-input:disabled {
-  opacity: 0.7;
-  cursor: not-allowed;
-}
-
-.send-button {
-  position: absolute;
-  right: 0.75rem;
-  bottom: 0.5rem;
-  width: 2rem;
-  height: 2rem;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background-color: var(--color-accent);
-  border: none;
-  border-radius: 50%;
-  color: white;
-  cursor: pointer;
-  transition: background-color 0.2s ease;
-}
-
-.send-button:hover:not(:disabled) {
-  background-color: var(--color-accent-hover);
-}
-
-.send-button:disabled {
-  opacity: 0.7;
-  cursor: not-allowed;
-}
-
-.send-icon {
-  font-size: 1rem;
-  transform: rotate(270deg);
-}
-
-:deep(.markdown-body) {
-  color: inherit;
-  line-height: inherit;
-}
-
-:deep(.markdown-body p) {
-  margin: 0;
-  line-height: inherit;
-  display: inline;
-}
-
-:deep(.markdown-body p:not(:last-child)) {
-  display: block;
-  margin-bottom: 0.75em;
-}
-
-/* 修改 Agent 选择器样式 */
-.agent-selector {
-  background-color: #ffffff;
-  max-width: 900px;
-  margin: 0 auto;
-  width: 100%;
-}
-
-.agent-list {
-  display: flex;
-  flex-direction: row;
-  gap: 0.75rem;
-  padding: 0.75rem;
-  overflow-x: auto;
-  scrollbar-width: none; /* Firefox */
-  -ms-overflow-style: none; /* IE and Edge */
-}
-
-.agent-list::-webkit-scrollbar {
-  display: none; /* Chrome, Safari and Opera */
-}
-
-.agent-item {
-  display: inline-flex;
-  align-items: center;
-  gap: 0.75rem;
-  padding: 0.75rem 1rem;
-  background-color: var(--color-bg-secondary);
-  border: 1px solid rgba(51, 85, 255, 0.15);
-  border-radius: 8px;
-  color: var(--color-text-primary);
-  cursor: pointer;
-  transition: all 0.2s ease;
-  white-space: nowrap;
-  font-size: 0.95rem;
-  font-weight: 500;
-  min-width: 120px;
-  width: fit-content;
-  justify-content: flex-start;
-  flex-shrink: 0;
-}
-
-.agent-item:hover {
-  border-color: var(--color-accent);
-  background-color: rgba(51, 85, 255, 0.04);
-}
-
-.agent-item.active {
-  background-color: var(--color-accent);
-  border-color: var(--color-accent);
-  color: #ffffff;
-}
-
-.agent-icon {
-  width: 20px;
-  height: 20px;
-  flex-shrink: 0;
-  stroke: currentColor;
-}
-
-.agent-item.active .agent-icon {
-  stroke: #ffffff;
-}
-
-.agent-name {
-  text-align: left;
-}
-
-.agent-loading {
-  padding: 0.75rem;
-  text-align: center;
-  color: var(--color-text-secondary);
-}
-
-/* 移动端适配 */
-@media (max-width: 768px) {
-  .agent-list {
-    padding: 0.5rem;
-    gap: 0.5rem;
-  }
-
-  .agent-item {
-    padding: 0.6rem 1rem;
-    font-size: 0.9rem;
-    min-width: 100px;
-  }
-}
-
-@media (max-width: 480px) {
-  .messages-container {
-    padding: 0.75rem 0.5rem;
-    padding-bottom: calc(8rem + 60px); /* 为 Agent 选择器预留空间 */
-  }
-
-  .input-container {
-    position: fixed;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    padding: 0.75rem;
-    padding-bottom: calc(0.75rem + env(safe-area-inset-bottom));
-    background-color: var(--color-bg-primary);
-    border-top: 1px solid var(--color-border);
-    z-index: 10;
-    width: 100%;
-    max-width: 100%;
-    margin: 0;
-    box-sizing: border-box;
-    overflow: hidden;
-  }
-
-  .input-wrapper {
-    max-width: 100%;
-    margin: 0;
-    padding: 0;
-  }
-
-  .message-input {
-    width: 100%;
-    box-sizing: border-box;
-  }
-
-  .send-button {
-    position: absolute;
-    right: 0.75rem;
-    bottom: 0.5rem;
-  }
-
-  .agent-selector {
-    position: fixed;
-    bottom: calc(4rem + env(safe-area-inset-bottom));
-    left: 0;
-    right: 0;
-    background-color: var(--color-bg-primary);
-    border-top: 1px solid var(--color-border);
-    z-index: 11; /* 确保比输入框的z-index高 */
-    padding: 0;
-    box-shadow: 0 -4px 6px rgba(0, 0, 0, 0.05);
-  }
-
-  .agent-list {
-    padding: 0.5rem;
-    gap: 0.5rem;
-    overflow-x: auto;
-    -webkit-overflow-scrolling: touch;
-    margin: 0;
-    background-color: var(--color-bg-primary);
-  }
-
-  .agent-item {
-    padding: 0.5rem 0.75rem;
-    font-size: 0.9rem;
-    min-width: auto;
-    white-space: nowrap;
-  }
-
-  .message-content {
-    padding: 1rem;
-    font-size: 0.95rem;
-  }
-}
-
-.message-content {
-  overflow: auto;
-  word-break: break-all;
-}
-
-.message-content pre,
-.message-content table {
-  max-width: 100%;
-  overflow-x: auto;
-  word-break: break-all;
-}
-
-.message-content ul,
-.message-content ol {
-  /* margin: 0.5em 0; */
-  padding-left: 1.5em;
-  box-sizing: border-box;
-  max-width: 100%;
-  overflow-wrap: break-word;
-  word-break: break-word;
-}
-
-.message-content li {
-  /* margin: 0.25em 0; */
-  word-break: break-word;
-  overflow-wrap: break-word;
-}
-
-.user-message .markdown-body {
-  color: white;
-}
-
-.user-message :deep(.markdown-body) {
-  color: inherit;
-}
-
-.user-message :deep(.markdown-body pre) {
-  background-color: rgba(255, 255, 255, 0.1);
-  border-color: rgba(255, 255, 255, 0.2);
-}
-
-.user-message :deep(.markdown-body blockquote) {
-  background-color: rgba(255, 255, 255, 0.1);
-  border-left-color: rgba(255, 255, 255, 0.3);
-}
-
-.user-message :deep(.markdown-body a) {
-  color: inherit;
-  text-decoration: underline;
-}
-
-.user-message :deep(.markdown-body code) {
-  color: inherit;
-  background-color: rgba(255, 255, 255, 0.1);
-}
-
-/* 添加确认对话框样式 */
-.confirm-popup {
-  position: fixed;
-  top: 20px;
-  left: 50%;
-  transform: translateX(-50%);
-  z-index: 1000;
-  animation: slideDown 0.3s ease-out;
-}
-
-.confirm-popup-content {
-  background-color: #ffffff;
-  padding: 1rem 1.5rem;
-  border-radius: 8px;
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
-  display: flex;
-  align-items: center;
-  gap: 1rem;
-  min-width: 300px;
-  max-width: 90vw;
-}
-
-.confirm-popup-content p {
-  margin: 0;
-  color: #000000;
-  font-size: 0.95rem;
-  flex: 1;
-}
-
-.confirm-actions {
-  display: flex;
-  gap: 0.5rem;
-}
-
-.confirm-actions button {
-  padding: 0.4rem 0.8rem;
-  border-radius: 6px;
-  font-size: 0.9rem;
-  font-weight: 500;
-  cursor: pointer;
-  transition: all 0.2s ease;
-  border: none;
-  background: none;
-}
-
-.confirm-actions button:first-child {
-  color: var(--color-accent);
-}
-
-.confirm-actions button:first-child:hover {
-  background-color: rgba(51, 85, 255, 0.1);
-}
-
-.confirm-actions button:last-child {
-  color: #666666;
-}
-
-.confirm-actions button:last-child:hover {
-  background-color: #f3f4f6;
-}
-
-@keyframes slideDown {
-  from {
-    transform: translate(-50%, -100%);
-    opacity: 0;
-  }
-  to {
-    transform: translate(-50%, 0);
-    opacity: 1;
-  }
-}
-
-@media (max-width: 480px) {
-  .confirm-popup {
-    top: 10px;
-    width: calc(100% - 20px);
-  }
-
-  .confirm-popup-content {
-    padding: 0.8rem 1rem;
-    min-width: auto;
-  }
-}
-
-@keyframes blink {
-  0%,
-  100% {
-    opacity: 1;
-  }
-  50% {
-    opacity: 0;
-  }
-}
-
-/* 调整用户头像样式以更好地显示中文字符 */
-.user-avatar {
-  font-size: 1.1rem;
-  font-weight: 500;
-  color: white;
-  background-color: var(--color-accent);
-  border: none;
-}
-
-@media (max-width: 768px) {
-  .user-avatar {
-    font-size: 1rem;
-  }
-}
-</style>
diff --git a/src/views/AIAgentsView.vue b/src/views/AIAgentsView.vue
index 06185d1..f275a2f 100644
--- a/src/views/AIAgentsView.vue
+++ b/src/views/AIAgentsView.vue
@@ -6,23 +6,23 @@ const router = useRouter()
 const agents = [
   {
     id: 'crypto-analysis',
-    name: '加密货币AI分析助理',
-    description: '通过 AI 技术，获取加密货币的深度分析报告',
+    name: '加密货币分析智能体',
+    description: '获取加密货币的深度AI智能分析报告',
     icon: `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
       <path d="M7 12l5-5 5 5M7 17l5-5 5 5"/>
     </svg>`,
-    route: '/crypto-analysis',
+    route: '/analysis/crypto',
   },
   {
     id: 'astock-analysis',
-    name: 'A股AI分析助理',
-    description: '通过 AI 技术，获取 A 股上市公司的深度分析报告',
+    name: 'A股股票分析智能体',
+    description: '获取A股上市公司的深度AI智能分析报告',
     icon: `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
       <path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path>
       <polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline>
       <line x1="12" y1="22.08" x2="12" y2="12"></line>
     </svg>`,
-    route: '/astock-analysis',
+    route: '/analysis/stock',
   },
 ]
 
@@ -35,8 +35,8 @@ const navigateToAgent = (route: string) => {
   <div class="ai-agents-view">
     <div class="content-container">
       <div class="header-section">
-        <h1 class="title">AI 助理团队</h1>
-        <p class="description">选择专业的 AI 助手，获取精准的分析和建议</p>
+        <h1 class="title">AI 分析智能体</h1>
+        <p class="description">选择专业的 AI 分析智能体，获取精准的分析和建议</p>
       </div>
 
       <div class="agents-grid">
diff --git a/src/views/CryptoAnalysisView.vue b/src/views/CryptoAnalysisView.vue
deleted file mode 100644
index e7a3fce..0000000
--- a/src/views/CryptoAnalysisView.vue
+++ /dev/null
@@ -1,1477 +0,0 @@
-<script setup lang="ts">
-import { ref, nextTick } from 'vue'
-import { http } from '../services/api'
-
-interface AnalysisRequest {
-  symbol: string
-}
-
-const cryptoCode = ref('')
-const isAnalyzing = ref(false)
-const analysisContent = ref('')
-const analysisContainer = ref<HTMLElement | null>(null)
-const currentThought = ref('')
-const showInitialView = ref(true)
-const copySuccess = ref(false)
-
-// 根据环境选择API基础URL
-const apiBaseUrl =
-  import.meta.env.MODE === 'development' ? 'http://127.0.0.1:8000' : 'https://api.ibtc.work'
-
-const scrollToBottom = async () => {
-  await nextTick()
-  if (analysisContainer.value) {
-    analysisContainer.value.scrollTop = analysisContainer.value.scrollHeight
-  }
-}
-
-// 处理回车键
-const handleKeydown = (event: KeyboardEvent) => {
-  if (event.key === 'Enter') {
-    event.preventDefault()
-    handleAnalysis()
-  }
-}
-
-// 处理错误消息的显示
-const setErrorMessage = (message: string) => {
-  // 直接使用错误消息内容
-  analysisContent.value = `错误: ${message}`
-  currentThought.value = '分析失败'
-}
-
-const handleAnalysis = async () => {
-  if (!cryptoCode.value.trim() || isAnalyzing.value) return
-
-  showInitialView.value = false
-  isAnalyzing.value = true
-  analysisContent.value = ''
-  currentThought.value = '准备开始分析...'
-
-  try {
-    const requestData: AnalysisRequest = {
-      symbol: cryptoCode.value.trim().toUpperCase(),
-    }
-
-    const response = await http.post(`${apiBaseUrl}/crypto/analysis_v2`, requestData)
-
-    if (!response.ok) {
-      // 解析错误响应
-      try {
-        const errorData = await response.json()
-        if (errorData && errorData.detail) {
-          setErrorMessage(errorData.detail)
-        } else {
-          setErrorMessage(`请求失败，状态码: ${response.status}`)
-        }
-      } catch {
-        setErrorMessage(`请求失败，状态码: ${response.status}`)
-      }
-      return
-    }
-
-    const reader = response.body?.getReader()
-    if (!reader) {
-      throw new Error('无法获取响应流')
-    }
-
-    const decoder = new TextDecoder()
-    let buffer = ''
-
-    while (true) {
-      const { done, value } = await reader.read()
-      if (done) break
-
-      const chunk = decoder.decode(value, { stream: true })
-      buffer += chunk
-
-      const lines = buffer.split('\n')
-      buffer = lines.pop() || ''
-
-      for (const line of lines) {
-        if (!line.trim() || !line.startsWith('data: ')) continue
-
-        try {
-          const jsonStr = line.slice(6)
-          const data = JSON.parse(jsonStr)
-
-          switch (data.event) {
-            case 'workflow_started':
-              currentThought.value = '开始分析...'
-              break
-
-            case 'text_chunk':
-              if (data.data && data.data.text) {
-                analysisContent.value += data.data.text
-                await scrollToBottom()
-              }
-              break
-
-            case 'workflow_finished':
-              if (data.data && data.data.outputs && data.data.outputs.text) {
-                if (analysisContent.value !== data.data.outputs.text) {
-                  analysisContent.value = data.data.outputs.text
-                  await scrollToBottom()
-                }
-                currentThought.value = `分析完成 (用时 ${Math.round(data.data.elapsed_time)}秒)`
-              }
-              break
-
-            case 'error':
-              const errorMessage = data.error || '未知错误'
-              setErrorMessage(errorMessage)
-              await scrollToBottom()
-              break
-          }
-        } catch (error) {
-          console.error('解析响应数据出错:', error)
-          setErrorMessage('解析响应数据时出错，请稍后重试')
-        }
-      }
-    }
-  } catch {
-    setErrorMessage('抱歉，分析请求失败，请稍后重试')
-  } finally {
-    isAnalyzing.value = false
-    await scrollToBottom()
-  }
-}
-
-const resetView = () => {
-  showInitialView.value = true
-  cryptoCode.value = ''
-  analysisContent.value = ''
-  currentThought.value = ''
-  isAnalyzing.value = false
-}
-
-// 清除输入
-const clearInput = () => {
-  cryptoCode.value = ''
-  analysisContent.value = ''
-  currentThought.value = ''
-}
-
-const copyAnalysis = async () => {
-  if (!analysisContent.value) return
-
-  try {
-    const tempDiv = document.createElement('div')
-    tempDiv.innerHTML = analysisContent.value
-    const textContent = tempDiv.textContent || tempDiv.innerText || ''
-
-    await navigator.clipboard.writeText(textContent)
-    copySuccess.value = true
-    setTimeout(() => {
-      copySuccess.value = false
-    }, 2000)
-  } catch {
-    console.error('复制失败')
-  }
-}
-
-// 修改快速分析列表数据
-const commonAnalysisList = [
-  { code: 'BTC', label: 'BTC' },
-  { code: 'ETH', label: 'ETH' },
-  { code: 'SOL', label: 'SOL' },
-  { code: 'SUI', label: 'SUI' },
-  { code: 'TRX', label: 'TRX' },
-  { code: 'XRP', label: 'XRP' },
-  { code: 'BNB', label: 'BNB' },
-  { code: 'ADA', label: 'ADA' },
-  { code: 'DOGE', label: 'DOGE' },
-  { code: 'SHIB', label: 'SHIB' },
-]
-
-// 处理快速分析项的点击
-const handleCommonAnalysis = (item: { code: string }) => {
-  cryptoCode.value = item.code
-  handleAnalysis()
-}
-</script>
-
-<template>
-  <div class="crypto-analysis-view">
-    <div class="content-container">
-      <!-- 初始视图 -->
-      <div v-if="showInitialView" class="initial-content">
-        <div class="header-section">
-          <h1 class="title">加密货币AI分析助理</h1>
-          <p class="description">通过 AI 技术，获取加密货币的深度分析报告</p>
-        </div>
-
-        <div class="search-section">
-          <div class="search-container" :class="{ 'is-analyzing': isAnalyzing }">
-            <div class="input-wrapper">
-              <div class="input-container">
-                <div class="input-area">
-                  <input
-                    v-model="cryptoCode"
-                    type="text"
-                    class="search-input"
-                    placeholder="请输入BTC、ETH，仅支持输入一个分析币种"
-                    @keydown="handleKeydown"
-                    :disabled="isAnalyzing"
-                  />
-                  <button
-                    v-if="cryptoCode.trim() || analysisContent"
-                    class="clear-button"
-                    @click="clearInput"
-                    :disabled="isAnalyzing"
-                  >
-                    <svg
-                      viewBox="0 0 24 24"
-                      fill="none"
-                      stroke="currentColor"
-                      stroke-width="2"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                    >
-                      <line x1="18" y1="6" x2="6" y2="18"></line>
-                      <line x1="6" y1="6" x2="18" y2="18"></line>
-                    </svg>
-                  </button>
-                </div>
-                <button
-                  class="analyze-button"
-                  @click="handleAnalysis"
-                  :disabled="isAnalyzing || !cryptoCode.trim()"
-                >
-                  {{ isAnalyzing ? '分析中...' : '开始分析' }}
-                </button>
-              </div>
-            </div>
-          </div>
-        </div>
-
-        <!-- 快速分析列表 -->
-        <div class="common-analysis-section">
-          <div class="common-analysis-container">
-            <div class="section-header">
-              <span class="section-title">点击直接快速分析币种</span>
-            </div>
-            <div class="common-analysis-list">
-              <button
-                v-for="item in commonAnalysisList"
-                :key="item.label"
-                class="common-analysis-item"
-                @click="handleCommonAnalysis(item)"
-                :disabled="isAnalyzing"
-              >
-                {{ item.label }}
-              </button>
-            </div>
-          </div>
-        </div>
-      </div>
-
-      <!-- 分析视图 -->
-      <div v-else class="analysis-view">
-        <div class="analysis-header">
-          <div class="target-info">
-            <span class="label">正在分析：</span>
-            <span class="value">{{ cryptoCode.toUpperCase() }}</span>
-          </div>
-          <div class="action-buttons" v-if="!isAnalyzing">
-            <button class="action-button" @click="resetView">
-              <svg
-                class="icon"
-                viewBox="0 0 24 24"
-                fill="none"
-                stroke="currentColor"
-                stroke-width="2"
-                stroke-linecap="round"
-                stroke-linejoin="round"
-              >
-                <polyline points="22 12 18 12 15 12"></polyline>
-                <path d="M11.5 3a17 17 0 0 0-6.5 2.5L2 8"></path>
-                <path d="M2 3v5h5"></path>
-                <path d="M13.5 21a17 17 0 0 0 6.5-2.5L22 16"></path>
-                <path d="M22 21v-5h-5"></path>
-              </svg>
-              <span>重新分析</span>
-            </button>
-            <button
-              class="action-button copy"
-              @click="copyAnalysis"
-              :class="{ success: copySuccess }"
-            >
-              <span v-if="!copySuccess">复制结果</span>
-              <span v-else>复制成功</span>
-            </button>
-          </div>
-        </div>
-
-        <div v-if="isAnalyzing" class="analysis-status">
-          <div class="progress-dots">
-            <span></span>
-            <span></span>
-            <span></span>
-          </div>
-          <div class="status-text">
-            <div class="status-label">AI 正在分析</div>
-          </div>
-        </div>
-
-        <div
-          class="analysis-container"
-          ref="analysisContainer"
-          :class="{ 'fade-in': analysisContent }"
-        >
-          <div v-if="analysisContent.startsWith('错误:')" class="error-message">
-            {{ analysisContent.substring(4) }}
-          </div>
-          <div v-else class="analysis-content">
-            {{ analysisContent }}
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<style scoped>
-/* 移除所有时间周期相关样式 */
-.timeframe-selector,
-.timeframe-selector::-webkit-scrollbar,
-.timeframe-selector .timeframe-option,
-.timeframe-selector .timeframe-label,
-.timeframe-selector .timeframe-option:not(.active):hover .timeframe-label,
-.timeframe-selector .timeframe-option.active .timeframe-label,
-.target-info .timeframe,
-.history-code .timeframe {
-  display: none;
-}
-
-.crypto-analysis-view {
-  min-height: 100vh;
-  height: 100vh;
-  background-color: var(--color-bg-primary);
-  padding: 1rem;
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-}
-
-.content-container {
-  max-width: 800px;
-  margin: 0 auto;
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-  justify-content: center;
-}
-
-.initial-content {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  margin-bottom: 15vh;
-  gap: 1.5rem;
-  transition: all 0.5s ease;
-}
-
-.header-section {
-  text-align: center;
-  transition: all 0.5s ease;
-}
-
-.title {
-  font-size: 2rem;
-  font-weight: 700;
-  color: var(--color-text-primary);
-  margin-bottom: 0.5rem;
-  transition: all 0.5s ease;
-}
-
-.description {
-  font-size: 0.95rem;
-  color: var(--color-text-secondary);
-  transition: all 0.5s ease;
-}
-
-.search-section {
-  width: 100%;
-  max-width: 800px;
-  transition: all 0.5s ease;
-  padding: 0 1.5rem;
-}
-
-.main-section {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  min-height: 0;
-  overflow: hidden;
-}
-
-.main-section.centered {
-  justify-content: center;
-  padding: 2rem 0;
-}
-
-.main-section.top-aligned {
-  justify-content: flex-start;
-  padding-top: 1rem;
-}
-
-.search-container {
-  position: relative;
-  padding: 1.5rem;
-  transition: all 0.3s ease;
-}
-
-.input-wrapper {
-  position: relative;
-  margin-bottom: 0;
-}
-
-.input-container {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  min-height: 5.5rem;
-  border: 2px solid var(--color-accent);
-  border-radius: var(--border-radius);
-  background-color: var(--color-bg-primary);
-  padding: 0.75rem 1rem;
-  transition: all 0.3s ease;
-  gap: 0.75rem;
-}
-
-.input-area {
-  display: flex;
-  align-items: center;
-  width: 100%;
-  gap: 0.5rem;
-}
-
-.input-container:hover {
-  border-color: var(--color-accent);
-  opacity: 0.8;
-}
-
-.input-container.has-selection {
-  background-color: transparent;
-}
-
-.selected-tag {
-  display: flex;
-  align-items: center;
-  background-color: var(--color-accent);
-  color: white;
-  padding: 0.5rem 0.75rem;
-  border-radius: var(--border-radius);
-  margin-right: 0.5rem;
-  font-size: 1rem;
-  font-weight: 500;
-  transition: all 0.3s ease;
-  gap: 0.5rem;
-}
-
-.tag-text {
-  margin-right: 0.25rem;
-}
-
-.tag-remove {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0.15rem;
-  border: none;
-  background: rgba(255, 255, 255, 0.2);
-  border-radius: 50%;
-  cursor: pointer;
-  transition: all 0.2s ease;
-  line-height: 0;
-}
-
-.tag-remove:hover {
-  background: rgba(255, 255, 255, 0.3);
-  transform: scale(1.1);
-}
-
-.tag-remove svg {
-  width: 14px;
-  height: 14px;
-  stroke: currentColor;
-  stroke-width: 2.5;
-}
-
-.search-input {
-  flex: 1;
-  border: none;
-  background: none;
-  padding: 0;
-  font-size: 0.95rem;
-  color: var(--color-text-primary);
-  outline: none;
-  height: 2.5rem;
-}
-
-.crypto-options {
-  position: absolute;
-  top: calc(100% + 5px);
-  left: 0;
-  right: 0;
-  background-color: var(--color-bg-primary);
-  border: 2px solid var(--color-border);
-  border-radius: var(--border-radius);
-  max-height: 300px;
-  overflow-y: auto;
-  z-index: 10;
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
-  margin: 0 1.5rem;
-}
-
-.crypto-option {
-  padding: 1rem 1.5rem;
-  cursor: pointer;
-  transition: background-color 0.2s ease;
-  border-bottom: 1px solid var(--color-border);
-}
-
-.crypto-option:last-child {
-  border-bottom: none;
-}
-
-.crypto-option:hover {
-  background-color: var(--color-bg-secondary);
-}
-
-.crypto-name {
-  font-weight: 500;
-  color: var(--color-text-primary);
-}
-
-.analyze-button {
-  width: 100%;
-  padding: 0.75rem;
-  font-size: 0.9rem;
-  font-weight: 500;
-  color: white;
-  background-color: var(--color-accent);
-  border: none;
-  border-radius: var(--border-radius);
-  cursor: pointer;
-  transition: all 0.2s ease;
-}
-
-.analyze-button:hover:not(:disabled) {
-  background-color: var(--color-accent-hover);
-}
-
-.analyze-button:disabled {
-  opacity: 0.7;
-  cursor: not-allowed;
-}
-
-.clear-button {
-  position: absolute;
-  right: 0.5rem;
-  top: 50%;
-  transform: translateY(-50%);
-  background: none;
-  border: none;
-  padding: 0.25rem;
-  cursor: pointer;
-  color: var(--color-text-secondary);
-  opacity: 0.6;
-  transition: all 0.2s ease;
-}
-
-.clear-button:hover:not(:disabled) {
-  opacity: 1;
-}
-
-.clear-button:disabled {
-  opacity: 0.4;
-  cursor: not-allowed;
-}
-
-.clear-button svg {
-  width: 16px;
-  height: 16px;
-}
-
-.selected-crypto-info {
-  margin-bottom: 2rem;
-}
-
-.crypto-card {
-  width: 100%;
-  max-width: 800px;
-  margin: 0 auto;
-}
-
-.crypto-card.is-analyzing {
-  position: relative;
-  overflow: hidden;
-}
-
-.analysis-status {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-  padding: 1rem;
-  text-align: center;
-  gap: 1rem;
-  margin-top: 1rem;
-}
-
-.progress-dots {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 6px;
-}
-
-.progress-dots span {
-  width: 8px;
-  height: 8px;
-  background-color: var(--color-accent);
-  border-radius: 50%;
-  opacity: 0.3;
-  animation: pulse-dot 1s infinite;
-}
-
-.progress-dots span:nth-child(2) {
-  animation-delay: 0.2s;
-}
-
-.progress-dots span:nth-child(3) {
-  animation-delay: 0.4s;
-}
-
-.status-text {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: 0.5rem;
-}
-
-.status-label {
-  font-weight: 500;
-  color: var(--color-accent);
-  font-size: 0.85rem;
-}
-
-.thought-text {
-  font-size: 0.9rem;
-  color: var(--color-text-secondary);
-}
-
-.no-results {
-  padding: 1rem;
-  text-align: center;
-  color: var(--color-text-secondary);
-  background-color: var(--color-bg-primary);
-  border: 1px solid var(--color-border);
-  border-radius: var(--border-radius);
-  margin-top: 0.5rem;
-}
-
-.analysis-container {
-  flex: 1;
-  min-height: 0;
-  overflow-y: auto;
-  border-radius: var(--border-radius);
-  margin-top: 1rem;
-  display: flex;
-  flex-direction: column;
-}
-
-.analysis-container.fade-in {
-  background-color: var(--color-bg-secondary);
-}
-
-.analysis-content {
-  font-size: 1rem;
-  line-height: 1.6;
-  white-space: pre-wrap;
-  word-break: break-word;
-  color: var(--color-text-primary);
-  padding: 1.5rem 2rem;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
-}
-
-.analysis-content :deep(h1),
-.analysis-content :deep(h2),
-.analysis-content :deep(h3),
-.analysis-content :deep(h4) {
-  margin-top: 1.5em;
-  margin-bottom: 0.8em;
-  font-weight: 600;
-  line-height: 1.4;
-}
-
-.analysis-content :deep(p) {
-  margin-bottom: 1em;
-  white-space: pre-wrap;
-}
-
-.analysis-content :deep(ul),
-.analysis-content :deep(ol) {
-  margin: 1em 0;
-  padding-left: 2em;
-}
-
-.analysis-content :deep(li) {
-  margin: 0.5em 0;
-  line-height: 1.6;
-}
-
-.analysis-content :deep(code) {
-  font-family: monospace;
-  background-color: rgba(var(--color-accent-rgb), 0.1);
-  padding: 0.2em 0.4em;
-  border-radius: 3px;
-  font-size: 0.9em;
-}
-
-.analysis-content :deep(pre) {
-  background-color: rgba(var(--color-accent-rgb), 0.05);
-  padding: 1em;
-  border-radius: var(--border-radius);
-  overflow-x: auto;
-  margin: 1em 0;
-}
-
-.analysis-content :deep(pre code) {
-  background-color: transparent;
-  padding: 0;
-  font-size: 0.9em;
-  line-height: 1.5;
-}
-
-.analysis-content :deep(blockquote) {
-  border-left: 4px solid var(--color-accent);
-  margin: 1em 0;
-  padding: 0.5em 0 0.5em 1em;
-  background-color: rgba(var(--color-accent-rgb), 0.05);
-}
-
-.analysis-content :deep(table) {
-  width: 100%;
-  border-collapse: collapse;
-  margin: 1em 0;
-}
-
-.analysis-content :deep(th),
-.analysis-content :deep(td) {
-  border: 1px solid var(--color-border);
-  padding: 0.5em;
-  text-align: left;
-}
-
-.analysis-content :deep(th) {
-  background-color: rgba(var(--color-accent-rgb), 0.05);
-  font-weight: 600;
-}
-
-:deep(.thought-step) {
-  display: flex;
-  align-items: flex-start;
-  gap: 0.75rem;
-  margin: 1rem 0;
-  padding: 0.75rem;
-  background-color: rgba(var(--color-accent-rgb), 0.05);
-  border-radius: 0.5rem;
-  border: 1px solid rgba(var(--color-accent-rgb), 0.1);
-}
-
-:deep(.thought-icon) {
-  font-size: 1.2rem;
-  line-height: 1;
-  flex-shrink: 0;
-}
-
-:deep(.thought-content) {
-  color: var(--color-text-secondary);
-  font-size: 0.95rem;
-  line-height: 1.5;
-}
-
-.error-message {
-  color: #ff3333;
-  font-weight: 500;
-  padding: 1rem;
-  background-color: rgba(255, 51, 51, 0.08);
-  border: 1px solid rgba(255, 51, 51, 0.2);
-  border-radius: 0.5rem;
-  margin: 1rem;
-  text-align: center;
-  font-size: 1rem;
-  line-height: 1.5;
-}
-
-.error-message::before {
-  content: '⚠️ ';
-}
-
-.analysis-content::-webkit-scrollbar {
-  display: none;
-}
-
-@media (max-width: 768px) {
-  .crypto-analysis-view {
-    padding: 0.75rem;
-  }
-
-  .analysis-view {
-    padding: 0.5rem;
-    margin-top: 4.5rem;
-  }
-
-  .analysis-header {
-    padding: 1rem;
-    flex-direction: column;
-    gap: 0.75rem;
-    align-items: flex-start;
-  }
-
-  .action-buttons {
-    width: 100%;
-    flex-direction: row;
-    gap: 0.75rem;
-  }
-
-  .action-button {
-    flex: 1;
-    justify-content: center;
-    padding: 0.6rem;
-    font-size: 0.85rem;
-  }
-
-  .analysis-content {
-    padding: 1.25rem 1.5rem;
-    font-size: 0.95rem;
-  }
-
-  .initial-content {
-    margin-bottom: 12vh;
-    gap: 1.5rem;
-  }
-
-  .title {
-    font-size: 1.75rem;
-  }
-
-  .description {
-    font-size: 0.9rem;
-  }
-
-  .search-input {
-    font-size: 0.9rem;
-  }
-
-  .timeframe-selector .timeframe-label {
-    font-size: 0.85rem;
-  }
-
-  .analyze-button {
-    font-size: 0.85rem;
-  }
-
-  .search-container {
-    padding: 1rem;
-  }
-
-  .search-section {
-    padding: 0 1rem;
-  }
-
-  .search-history-container {
-    padding: 1rem;
-  }
-
-  .search-history-section {
-    padding: 0 1rem;
-  }
-
-  .history-code {
-    padding: 0.25rem 0.6rem;
-    font-size: 0.85rem;
-  }
-
-  .history-code .timeframe {
-    font-size: 0.8rem;
-    padding: 0.1rem 0.3rem;
-  }
-}
-
-@media (max-width: 480px) {
-  .crypto-analysis-view {
-    padding: 0.5rem;
-  }
-
-  .analysis-view {
-    padding: 0.5rem;
-  }
-
-  .analysis-header {
-    padding: 1rem;
-  }
-
-  .target-info {
-    flex-wrap: wrap;
-  }
-
-  .target-info .label {
-    font-size: 0.8rem;
-  }
-
-  .target-info .value {
-    font-size: 0.85rem;
-  }
-
-  .target-info .timeframe {
-    font-size: 0.75rem;
-  }
-
-  .analysis-content {
-    padding: 1rem;
-    font-size: 0.9rem;
-    line-height: 2;
-  }
-
-  .initial-content {
-    margin-bottom: 10vh;
-    gap: 1rem;
-  }
-
-  .title {
-    font-size: 1.5rem;
-  }
-
-  .description {
-    font-size: 0.85rem;
-  }
-
-  .search-input {
-    font-size: 0.85rem;
-  }
-
-  .timeframe-selector .timeframe-label {
-    font-size: 0.8rem;
-    padding: 0.2rem 0.6rem;
-  }
-
-  .analyze-button {
-    font-size: 0.85rem;
-    padding: 0.6rem;
-  }
-
-  .action-buttons {
-    gap: 0.5rem;
-  }
-
-  .action-button {
-    padding: 0.5rem;
-    font-size: 0.8rem;
-  }
-
-  .search-container {
-    padding: 0.75rem;
-  }
-
-  .search-section {
-    padding: 0 0.75rem;
-  }
-
-  .search-history-container {
-    padding: 1rem;
-  }
-
-  .search-history-section {
-    padding: 0 0.75rem;
-  }
-
-  .history-title {
-    font-size: 0.85rem;
-  }
-
-  .clear-history {
-    font-size: 0.8rem;
-  }
-
-  .history-code {
-    padding: 0.2rem 0.5rem;
-    font-size: 0.8rem;
-  }
-
-  .history-code .timeframe {
-    font-size: 0.75rem;
-    padding: 0.1rem 0.25rem;
-  }
-
-  .remove-icon {
-    width: 12px;
-    height: 12px;
-  }
-}
-
-.search-container.is-analyzing {
-  opacity: 0.8;
-  pointer-events: none;
-}
-
-.search-input.is-selected {
-  border-color: var(--color-accent);
-  background-color: rgba(var(--color-accent-rgb), 0.05);
-}
-
-.search-tips {
-  position: absolute;
-  top: 100%;
-  left: 1.5rem;
-  right: 1.5rem;
-  margin-top: 0.5rem;
-  padding: 0.75rem;
-  background-color: rgba(var(--color-accent-rgb), 0.1);
-  border-radius: var(--border-radius);
-  color: var(--color-accent);
-  font-size: 0.9rem;
-  text-align: center;
-  animation: fadeInOut 3s forwards;
-}
-
-@keyframes pulse-dot {
-  0%,
-  100% {
-    transform: scale(1);
-    opacity: 0.3;
-  }
-  50% {
-    transform: scale(1.2);
-    opacity: 1;
-  }
-}
-
-.fade-in {
-  animation: fadeIn 0.3s ease-out;
-}
-
-@keyframes fadeIn {
-  from {
-    opacity: 0;
-    transform: translateY(-10px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-
-@keyframes fadeInOut {
-  0% {
-    opacity: 0;
-    transform: translateY(-10px);
-  }
-  10% {
-    opacity: 1;
-    transform: translateY(0);
-  }
-  90% {
-    opacity: 1;
-    transform: translateY(0);
-  }
-  100% {
-    opacity: 0;
-    transform: translateY(-10px);
-  }
-}
-
-@media (prefers-color-scheme: dark) {
-  .search-tips {
-    background-color: rgba(var(--color-accent-rgb), 0.2);
-  }
-
-  .progress-dots span {
-    background-color: var(--color-accent);
-    opacity: 0.4;
-  }
-
-  .status-label {
-    color: var(--color-accent);
-  }
-
-  .thought-text {
-    color: var(--color-text-secondary);
-  }
-
-  :deep(.thought-step) {
-    background-color: rgba(var(--color-accent-rgb), 0.1);
-    border-color: rgba(var(--color-accent-rgb), 0.2);
-  }
-
-  :deep(.error-message) {
-    background-color: rgba(255, 0, 0, 0.1);
-    border-color: rgba(255, 0, 0, 0.2);
-  }
-
-  .search-container {
-    border-color: var(--color-border);
-  }
-
-  .search-input {
-    background-color: rgba(255, 255, 255, 0.05);
-    border-color: var(--color-accent);
-  }
-
-  .search-input:focus,
-  .search-input:hover {
-    border-color: var(--color-accent);
-  }
-}
-
-.timeframe-selector {
-  display: flex;
-  gap: 0.5rem;
-  flex-wrap: nowrap;
-  margin-top: 0.5rem;
-  overflow-x: auto;
-  scrollbar-width: none; /* Firefox */
-  -ms-overflow-style: none; /* IE and Edge */
-  padding-bottom: 4px;
-}
-
-/* 隐藏滚动条 */
-.timeframe-selector::-webkit-scrollbar {
-  display: none;
-}
-
-.timeframe-selector .timeframe-option {
-  cursor: pointer;
-  transition: all 0.2s ease;
-  flex-shrink: 0;
-}
-
-.timeframe-selector .timeframe-label {
-  display: inline-block;
-  padding: 0.25rem 0.75rem;
-  border-radius: var(--border-radius);
-  /* font-size: 0.9rem; */
-  color: var(--color-text-secondary);
-  background-color: var(--color-bg-secondary);
-  transition: all 0.2s ease;
-  white-space: nowrap;
-  border: 1px solid transparent;
-}
-
-.timeframe-selector .timeframe-option:not(.active):hover .timeframe-label {
-  border-color: var(--color-accent);
-  color: var(--color-accent);
-  background-color: transparent;
-}
-
-.timeframe-selector .timeframe-option.active .timeframe-label {
-  background-color: transparent;
-  color: var(--color-accent);
-  border: 1px solid var(--color-accent);
-}
-
-@media (prefers-color-scheme: dark) {
-  .timeframe-selector .timeframe-label {
-    background-color: rgba(255, 255, 255, 0.05);
-  }
-
-  .timeframe-selector .timeframe-option:not(.active):hover .timeframe-label {
-    background-color: transparent;
-  }
-}
-
-.input-area {
-  display: flex;
-  align-items: center;
-  width: 100%;
-  gap: 0.5rem;
-}
-
-.search-button {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  padding: 0.5rem 1rem;
-  background-color: var(--color-accent);
-  color: white;
-  border: none;
-  border-radius: var(--border-radius);
-  font-size: 0.95rem;
-  font-weight: 500;
-  cursor: pointer;
-  transition: all 0.2s ease;
-  min-width: 100px;
-}
-
-.search-button:hover:not(:disabled) {
-  background-color: var(--color-accent-hover);
-  transform: translateY(-1px);
-}
-
-.search-button:disabled {
-  opacity: 0.6;
-  cursor: not-allowed;
-}
-
-.search-icon {
-  width: 18px;
-  height: 18px;
-  stroke: currentColor;
-}
-
-.search-button-text {
-  white-space: nowrap;
-}
-
-@media (max-width: 480px) {
-  .search-button {
-    padding: 0.4rem 0.75rem;
-    min-width: 80px;
-    font-size: 0.9rem;
-  }
-
-  .search-icon {
-    width: 16px;
-    height: 16px;
-  }
-}
-
-.clear-button {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0.5rem;
-  background: transparent;
-  border: none;
-  color: var(--color-text-secondary);
-  cursor: pointer;
-  transition: all 0.2s ease;
-}
-
-.clear-button:hover:not(:disabled) {
-  color: var(--color-text-primary);
-}
-
-.clear-button:disabled {
-  opacity: 0.6;
-  cursor: not-allowed;
-}
-
-.analysis-view {
-  display: flex;
-  flex-direction: column;
-  height: calc(100vh - 2rem);
-  padding: 0.5rem;
-  animation: fadeIn 0.3s ease-out;
-}
-
-.analysis-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 1rem;
-  background-color: var(--color-bg-secondary);
-  border-radius: var(--border-radius);
-  flex-shrink: 0;
-}
-
-.analysis-status {
-  flex-shrink: 0;
-}
-
-.analysis-container {
-  flex: 1;
-  min-height: 0;
-  overflow-y: auto;
-  border-radius: var(--border-radius);
-  margin-top: 1rem;
-  display: flex;
-  flex-direction: column;
-}
-
-.target-info {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-}
-
-.target-info .label {
-  color: var(--color-text-secondary);
-  font-size: 0.85rem;
-}
-
-.target-info .value {
-  color: var(--color-accent);
-  font-weight: 500;
-  font-size: 0.9rem;
-}
-
-.target-info .timeframe {
-  color: var(--color-text-secondary);
-  font-size: 0.8rem;
-  padding: 0.15rem 0.5rem;
-  background-color: var(--color-bg-primary);
-  border-radius: var(--border-radius);
-}
-
-.action-buttons {
-  display: flex;
-  gap: 1rem;
-  align-items: center;
-}
-
-.action-button {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  padding: 0.5rem 1rem;
-  border: 1px solid var(--color-accent);
-  border-radius: var(--border-radius);
-  background: transparent;
-  color: var(--color-accent);
-  cursor: pointer;
-  transition: all 0.2s ease;
-  font-size: 0.9rem;
-  font-weight: 500;
-}
-
-.action-button:hover {
-  background-color: var(--color-accent);
-  color: white;
-}
-
-.action-button.copy {
-  background-color: var(--color-accent);
-  color: white;
-}
-
-.action-button.copy:hover {
-  opacity: 0.9;
-}
-
-.action-button.copy.success {
-  background-color: #4caf50;
-  border-color: #4caf50;
-}
-
-.action-button .icon {
-  width: 16px;
-  height: 16px;
-}
-
-@media (max-width: 768px) {
-  .analysis-view {
-    height: calc(100vh - 4.5rem);
-  }
-}
-
-@media (max-width: 480px) {
-  .analysis-view {
-    height: calc(100vh - 4.5rem);
-  }
-}
-
-:deep(*::-webkit-scrollbar) {
-  width: 6px;
-  height: 6px;
-}
-
-:deep(*::-webkit-scrollbar-track) {
-  background: transparent;
-}
-
-:deep(*::-webkit-scrollbar-thumb) {
-  background-color: rgba(125, 125, 125, 0.2);
-  border-radius: 3px;
-}
-
-:deep(*::-webkit-scrollbar-thumb:hover) {
-  background-color: rgba(125, 125, 125, 0.3);
-}
-
-/* 快速分析列表样式 */
-.common-analysis-section {
-  width: 100%;
-  max-width: 800px;
-  margin: 0 auto;
-  padding: 0 1.5rem;
-}
-
-.common-analysis-container {
-  width: 100%;
-  padding: 0 1.5rem;
-  margin-bottom: 1.5rem;
-}
-
-.section-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 0.75rem;
-}
-
-.section-title {
-  font-size: 0.9rem;
-  color: var(--color-text-secondary);
-}
-
-.common-analysis-list {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.5rem;
-}
-
-.common-analysis-item {
-  padding: 0.35rem 0.75rem;
-  font-size: 0.9rem;
-  color: var(--color-accent);
-  background-color: var(--color-bg-secondary);
-  border: 1px solid var(--color-accent);
-  border-radius: var(--border-radius);
-  cursor: pointer;
-  transition: all 0.2s ease;
-}
-
-.common-analysis-item:hover:not(:disabled) {
-  background-color: var(--color-accent);
-  color: white;
-}
-
-.common-analysis-item:disabled {
-  opacity: 0.6;
-  cursor: not-allowed;
-  border-color: var(--color-border);
-  color: var(--color-text-secondary);
-}
-
-@media (max-width: 768px) {
-  .common-analysis-section {
-    padding: 0 1rem;
-  }
-
-  .common-analysis-container {
-    padding: 0 1rem;
-  }
-}
-
-@media (max-width: 480px) {
-  .common-analysis-section {
-    padding: 0 0.75rem;
-  }
-
-  .common-analysis-container {
-    padding: 0 0.75rem;
-  }
-
-  .common-analysis-item {
-    font-size: 0.85rem;
-    padding: 0.3rem 0.6rem;
-  }
-}
-</style>
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 25c6da7..0467418 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -18,7 +18,7 @@ const openAuthModal = (mode: 'login' | 'register') => {
       <div class="hero-content">
         <h1 class="hero-title">
           <span class="accent">tradus</span>
-          <span class="free-tag">Alpha</span>
+          <span class="free-tag">测试版</span>
         </h1>
         <p class="hero-subtitle">基于AI大语言模型的智能投研助理</p>
         <div class="hero-actions" v-if="!isAuthenticated">
diff --git a/src/views/AStockAnalysisView.vue b/src/views/UniversalAnalysisView.vue
similarity index 65%
rename from src/views/AStockAnalysisView.vue
rename to src/views/UniversalAnalysisView.vue
index 4b8f183..3939346 100644
--- a/src/views/AStockAnalysisView.vue
+++ b/src/views/UniversalAnalysisView.vue
@@ -1,8 +1,14 @@
 <script setup lang="ts">
-import { ref, nextTick } from 'vue'
+import { ref, computed, nextTick, watch } from 'vue'
+import { useRoute } from 'vue-router'
 import { http } from '../services/api'
 
-const stockCode = ref('')
+// 获取路由参数，确定分析类型
+const route = useRoute()
+const analysisType = computed(() => (route.params.type as string) || 'crypto')
+
+// 分析标的代码
+const symbolCode = ref('')
 const isAnalyzing = ref(false)
 const analysisContent = ref('')
 const analysisContainer = ref<HTMLElement | null>(null)
@@ -14,6 +20,74 @@ const copySuccess = ref(false)
 const apiBaseUrl =
   import.meta.env.MODE === 'development' ? 'http://127.0.0.1:8000' : 'https://api.ibtc.work'
 
+// 根据类型设置页面标题和预设列表
+const pageTitle = computed(() => {
+  switch (analysisType.value) {
+    case 'stock':
+      return 'A股股票分析智能体'
+    case 'crypto':
+    default:
+      return '加密货币分析智能体'
+  }
+})
+
+const pageDescription = computed(() => {
+  switch (analysisType.value) {
+    case 'stock':
+      return '获取A股上市公司的深度AI智能分析'
+    case 'crypto':
+    default:
+      return '获取加密货币的深度AI智能分析'
+  }
+})
+
+const inputPlaceholder = computed(() => {
+  switch (analysisType.value) {
+    case 'stock':
+      return '请输入上市公司股票代码'
+    case 'crypto':
+    default:
+      return '请输入BTC、ETH， 一次只能分析一个币种'
+  }
+})
+
+// 是否为股票分析模式
+const isStockMode = computed(() => analysisType.value === 'stock')
+
+// 常见标的列表
+const commonItemsList = computed(() => {
+  switch (analysisType.value) {
+    case 'stock':
+      return [
+        { code: '000001', label: '平安银行' },
+        { code: '000651', label: '格力电器' },
+        { code: '601318', label: '中国平安' },
+        { code: '600519', label: '贵州茅台' },
+        { code: '601888', label: '中国中免' },
+        { code: '000858', label: '五粮液' },
+        { code: '600276', label: '恒瑞医药' },
+        { code: '002594', label: '比亚迪' },
+        { code: '600036', label: '招商银行' },
+        { code: '603288', label: '海天味业' },
+      ]
+    case 'crypto':
+    default:
+      return [
+        { code: 'BTC', label: 'BTC' },
+        { code: 'ETH', label: 'ETH' },
+        { code: 'SOL', label: 'SOL' },
+        { code: 'SUI', label: 'SUI' },
+        { code: 'TRX', label: 'TRX' },
+        { code: 'XRP', label: 'XRP' },
+        { code: 'BNB', label: 'BNB' },
+        { code: 'ADA', label: 'ADA' },
+        { code: 'DOGE', label: 'DOGE' },
+        { code: 'SHIB', label: 'SHIB' },
+      ]
+  }
+})
+
+// 滚动到底部
 const scrollToBottom = async () => {
   await nextTick()
   if (analysisContainer.value) {
@@ -22,25 +96,26 @@ const scrollToBottom = async () => {
 }
 
 // 处理回车键
-const handleKeyup = (event: KeyboardEvent) => {
+const handleKeydown = (event: KeyboardEvent) => {
   if (event.key === 'Enter') {
+    event.preventDefault()
     handleAnalysis()
   }
 }
 
 // 处理错误消息的显示
 const setErrorMessage = (message: string) => {
-  // 直接使用错误消息内容
   analysisContent.value = `错误: ${message}`
   currentThought.value = '分析失败'
 }
 
+// 分析逻辑
 const handleAnalysis = async () => {
-  const code = stockCode.value.trim()
+  const code = symbolCode.value.trim()
   if (!code || isAnalyzing.value) return
 
-  // 验证股票代码格式
-  if (!/^\d{6}$/.test(code)) {
+  // 股票模式下验证股票代码格式
+  if (isStockMode.value && !/^\d{6}$/.test(code)) {
     setErrorMessage('请输入正确的6位股票代码')
     return
   }
@@ -51,7 +126,19 @@ const handleAnalysis = async () => {
   currentThought.value = '准备开始分析...'
 
   try {
-    const response = await http.post(`${apiBaseUrl}/adata/${code}/analysis`, {})
+    let response
+
+    // 根据分析类型调用不同的API
+    if (isStockMode.value) {
+      // 调用A股分析接口
+      response = await http.post(`${apiBaseUrl}/adata/${code}/analysis`, {})
+    } else {
+      // 调用加密货币分析接口
+      const requestData = {
+        symbol: code.toUpperCase(),
+      }
+      response = await http.post(`${apiBaseUrl}/crypto/analysis_v2`, requestData)
+    }
 
     if (!response.ok) {
       // 解析错误响应
@@ -95,7 +182,16 @@ const handleAnalysis = async () => {
 
           switch (data.event) {
             case 'workflow_started':
-              currentThought.value = '开始分析...'
+              currentThought.value = 'Agent 正在分析...'
+              break
+            case 'node_started':
+              currentThought.value = `Agent 调用： ${data.data.title}`
+              break
+            case 'node_finished':
+              currentThought.value = `Agent 完成： ${data.data.title}`
+              break
+            case 'node_failed':
+              currentThought.value = `Agent 分析失败 ${data.data.title}`
               break
 
             case 'text_chunk':
@@ -107,7 +203,6 @@ const handleAnalysis = async () => {
 
             case 'workflow_finished':
               if (data.data && data.data.outputs && data.data.outputs.text) {
-                // 如果最终结果与当前内容不同，则更新
                 if (analysisContent.value !== data.data.outputs.text) {
                   analysisContent.value = data.data.outputs.text
                   await scrollToBottom()
@@ -122,14 +217,13 @@ const handleAnalysis = async () => {
               await scrollToBottom()
               break
           }
-        } catch (e) {
-          console.error('解析响应数据出错:', e)
+        } catch (error) {
+          console.error('解析响应数据出错:', error)
           setErrorMessage('解析响应数据时出错，请稍后重试')
         }
       }
     }
-  } catch (error) {
-    console.error('分析请求失败:', error)
+  } catch {
     setErrorMessage('抱歉，分析请求失败，请稍后重试')
   } finally {
     isAnalyzing.value = false
@@ -139,14 +233,15 @@ const handleAnalysis = async () => {
 
 const resetView = () => {
   showInitialView.value = true
-  stockCode.value = ''
+  symbolCode.value = ''
   analysisContent.value = ''
   currentThought.value = ''
   isAnalyzing.value = false
 }
 
+// 清除输入
 const clearInput = () => {
-  stockCode.value = ''
+  symbolCode.value = ''
   analysisContent.value = ''
   currentThought.value = ''
 }
@@ -168,37 +263,50 @@ const copyAnalysis = async () => {
     console.error('复制失败')
   }
 }
+
+// 处理快速分析项的点击
+const handleCommonAnalysis = (item: { code: string }) => {
+  symbolCode.value = item.code
+  handleAnalysis()
+}
+
+// 监听路由变化，重置视图
+watch(
+  () => route.params.type,
+  () => {
+    resetView()
+  },
+)
 </script>
 
 <template>
-  <div class="stock-analysis-view">
+  <div class="universal-analysis-view">
     <div class="content-container">
       <!-- 初始视图 -->
       <div v-if="showInitialView" class="initial-content">
         <div class="header-section">
-          <h1 class="title">A股AI分析助理</h1>
-          <p class="description">通过 AI 技术，获取 A 股上市公司的深度分析报告</p>
+          <h1 class="title">{{ pageTitle }}</h1>
+          <p class="description">{{ pageDescription }}</p>
         </div>
 
         <div class="search-section">
           <div class="search-container" :class="{ 'is-analyzing': isAnalyzing }">
             <div class="input-wrapper">
-              <div class="input-container" :class="{ 'has-input': stockCode }">
+              <div class="input-container">
                 <div class="input-area">
                   <input
-                    v-model="stockCode"
+                    v-model="symbolCode"
                     type="text"
                     class="search-input"
-                    :class="{ 'is-selected': stockCode }"
-                    placeholder="请输入6位股票代码"
-                    maxlength="6"
-                    @keyup="handleKeyup"
+                    :placeholder="inputPlaceholder"
+                    @keydown="handleKeydown"
                     :disabled="isAnalyzing"
+                    :maxlength="isStockMode ? 6 : undefined"
                   />
                   <button
-                    v-if="stockCode"
+                    v-if="symbolCode.trim() || analysisContent"
                     class="clear-button"
-                    @click.stop="clearInput"
+                    @click="clearInput"
                     :disabled="isAnalyzing"
                   >
                     <svg
@@ -216,8 +324,8 @@ const copyAnalysis = async () => {
                 </div>
                 <button
                   class="analyze-button"
-                  @click="() => handleAnalysis()"
-                  :disabled="!stockCode || isAnalyzing"
+                  @click="handleAnalysis"
+                  :disabled="isAnalyzing || !symbolCode.trim()"
                 >
                   {{ isAnalyzing ? '分析中...' : '开始分析' }}
                 </button>
@@ -225,14 +333,34 @@ const copyAnalysis = async () => {
             </div>
           </div>
         </div>
+
+        <!-- 快速分析列表 -->
+        <div class="common-analysis-section">
+          <div class="common-analysis-container">
+            <div class="section-header">
+              <span class="section-title">点击直接快速分析</span>
+            </div>
+            <div class="common-analysis-list">
+              <button
+                v-for="item in commonItemsList"
+                :key="item.label"
+                class="common-analysis-item"
+                @click="handleCommonAnalysis(item)"
+                :disabled="isAnalyzing"
+              >
+                {{ item.label }}
+              </button>
+            </div>
+          </div>
+        </div>
       </div>
 
       <!-- 分析视图 -->
       <div v-else class="analysis-view">
         <div class="analysis-header">
           <div class="target-info">
-            <span class="label">正在分析股票：</span>
-            <span class="value">{{ stockCode }}</span>
+            <span class="label">正在分析：</span>
+            <span class="value">{{ symbolCode.toUpperCase() }}</span>
           </div>
           <div class="action-buttons" v-if="!isAnalyzing">
             <button class="action-button" @click="resetView">
@@ -271,7 +399,8 @@ const copyAnalysis = async () => {
             <span></span>
           </div>
           <div class="status-text">
-            <div class="status-label">AI 正在分析</div>
+            <!-- <div class="status-label">Agent 正在分析</div> -->
+            <div class="thought-text" v-if="currentThought">{{ currentThought }}</div>
           </div>
         </div>
 
@@ -293,8 +422,7 @@ const copyAnalysis = async () => {
 </template>
 
 <style scoped>
-/* 基础样式 */
-.stock-analysis-view {
+.universal-analysis-view {
   min-height: 100vh;
   height: 100vh;
   background-color: var(--color-bg-primary);
@@ -311,7 +439,7 @@ const copyAnalysis = async () => {
   height: 100%;
   display: flex;
   flex-direction: column;
-  min-height: 0;
+  overflow: hidden;
   justify-content: center;
 }
 
@@ -320,7 +448,7 @@ const copyAnalysis = async () => {
   flex-direction: column;
   align-items: center;
   margin-bottom: 15vh;
-  gap: 2rem;
+  gap: 1.5rem;
   transition: all 0.5s ease;
 }
 
@@ -343,11 +471,11 @@ const copyAnalysis = async () => {
   transition: all 0.5s ease;
 }
 
-/* 搜索区域样式 */
 .search-section {
   width: 100%;
   max-width: 800px;
   transition: all 0.5s ease;
+  padding: 0 1.5rem;
 }
 
 .search-container {
@@ -358,6 +486,7 @@ const copyAnalysis = async () => {
 
 .input-wrapper {
   position: relative;
+  margin-bottom: 0;
 }
 
 .input-container {
@@ -365,6 +494,7 @@ const copyAnalysis = async () => {
   display: flex;
   flex-direction: column;
   width: 100%;
+  min-height: 5.5rem;
   border: 2px solid var(--color-accent);
   border-radius: var(--border-radius);
   background-color: var(--color-bg-primary);
@@ -377,14 +507,14 @@ const copyAnalysis = async () => {
   display: flex;
   align-items: center;
   width: 100%;
-  position: relative;
+  gap: 0.5rem;
 }
 
 .search-input {
   flex: 1;
   border: none;
   background: none;
-  padding: 0.5rem;
+  padding: 0;
   font-size: 0.95rem;
   color: var(--color-text-primary);
   outline: none;
@@ -405,10 +535,15 @@ const copyAnalysis = async () => {
   transition: all 0.2s ease;
 }
 
-.clear-button:hover {
+.clear-button:hover:not(:disabled) {
   opacity: 1;
 }
 
+.clear-button:disabled {
+  opacity: 0.4;
+  cursor: not-allowed;
+}
+
 .clear-button svg {
   width: 16px;
   height: 16px;
@@ -455,6 +590,100 @@ const copyAnalysis = async () => {
   flex-shrink: 0;
 }
 
+.analysis-status {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  padding: 1rem;
+  text-align: center;
+  gap: 1rem;
+  margin-top: 1rem;
+}
+
+.progress-dots {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+}
+
+.progress-dots span {
+  width: 8px;
+  height: 8px;
+  background-color: var(--color-accent);
+  border-radius: 50%;
+  opacity: 0.3;
+  animation: pulse-dot 1s infinite;
+}
+
+.progress-dots span:nth-child(2) {
+  animation-delay: 0.2s;
+}
+
+.progress-dots span:nth-child(3) {
+  animation-delay: 0.4s;
+}
+
+.status-text {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 0.5rem;
+}
+
+.status-label {
+  font-weight: 500;
+  color: var(--color-accent);
+  font-size: 0.85rem;
+}
+
+.thought-text {
+  font-size: 0.9rem;
+  color: var(--color-text-secondary);
+}
+
+.analysis-container {
+  flex: 1;
+  min-height: 0;
+  overflow-y: auto;
+  border-radius: var(--border-radius);
+  margin-top: 1rem;
+  display: flex;
+  flex-direction: column;
+}
+
+.analysis-container.fade-in {
+  background-color: var(--color-bg-secondary);
+}
+
+.analysis-content {
+  font-size: 1rem;
+  line-height: 1.6;
+  white-space: pre-wrap;
+  word-break: break-word;
+  color: var(--color-text-primary);
+  padding: 1.5rem 2rem;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
+}
+
+.error-message {
+  color: #ff3333;
+  font-weight: 500;
+  padding: 1rem;
+  background-color: rgba(255, 51, 51, 0.08);
+  border: 1px solid rgba(255, 51, 51, 0.2);
+  border-radius: 0.5rem;
+  margin: 1rem;
+  text-align: center;
+  font-size: 1rem;
+  line-height: 1.5;
+}
+
+.error-message::before {
+  content: '⚠️ ';
+}
+
 .target-info {
   display: flex;
   align-items: center;
@@ -517,96 +746,73 @@ const copyAnalysis = async () => {
   height: 16px;
 }
 
-/* 分析状态样式 */
-.analysis-status {
+/* 快速分析列表样式 */
+.common-analysis-section {
+  width: 100%;
+  max-width: 800px;
+  margin: 0 auto;
+  padding: 0 1.5rem;
+}
+
+.common-analysis-container {
+  width: 100%;
+  padding: 0 1.5rem;
+  margin-bottom: 1.5rem;
+}
+
+.section-header {
   display: flex;
-  flex-direction: row;
+  justify-content: space-between;
   align-items: center;
-  justify-content: center;
-  padding: 1rem;
-  text-align: center;
-  gap: 1rem;
-  margin-top: 1rem;
+  margin-bottom: 0.75rem;
 }
 
-.progress-dots {
+.section-title {
+  font-size: 0.9rem;
+  color: var(--color-text-secondary);
+}
+
+.common-analysis-list {
   display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 6px;
-}
-
-.progress-dots span {
-  width: 8px;
-  height: 8px;
-  background-color: var(--color-accent);
-  border-radius: 50%;
-  opacity: 0.3;
-  animation: pulse-dot 1s infinite;
-}
-
-.progress-dots span:nth-child(2) {
-  animation-delay: 0.2s;
-}
-
-.progress-dots span:nth-child(3) {
-  animation-delay: 0.4s;
-}
-
-.status-text {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
+  flex-wrap: wrap;
   gap: 0.5rem;
 }
 
-.status-label {
-  font-weight: 500;
+.common-analysis-item {
+  padding: 0.35rem 0.75rem;
+  font-size: 0.9rem;
   color: var(--color-accent);
-  font-size: 0.85rem;
-}
-
-/* 分析内容样式 */
-.analysis-container {
-  flex: 1;
-  min-height: 0;
-  overflow-y: auto;
-  border-radius: var(--border-radius);
-  margin-top: 1rem;
-  display: flex;
-  flex-direction: column;
-}
-
-.analysis-container.fade-in {
   background-color: var(--color-bg-secondary);
+  border: 1px solid var(--color-accent);
+  border-radius: var(--border-radius);
+  cursor: pointer;
+  transition: all 0.2s ease;
 }
 
-.analysis-content {
-  padding: 1.5rem;
-  line-height: 2;
-  white-space: pre-wrap;
-  word-break: break-word;
-  color: var(--color-text-primary);
+.common-analysis-item:hover:not(:disabled) {
+  background-color: var(--color-accent);
+  color: white;
 }
 
-.error-message {
-  color: #ff3333;
-  font-weight: 500;
-  padding: 1rem;
-  background-color: rgba(255, 51, 51, 0.08);
-  border: 1px solid rgba(255, 51, 51, 0.2);
-  border-radius: 0.5rem;
-  margin: 1rem;
-  text-align: center;
-  font-size: 1rem;
-  line-height: 1.5;
-}
-
-.error-message::before {
-  content: '⚠️ ';
+.common-analysis-item:disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+  border-color: var(--color-border);
+  color: var(--color-text-secondary);
 }
 
 /* 动画 */
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+    transform: translateY(-10px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
 @keyframes pulse-dot {
   0%,
   100% {
@@ -619,43 +825,10 @@ const copyAnalysis = async () => {
   }
 }
 
-.fade-in {
-  animation: fadeIn 0.3s ease-out;
-}
-
-@keyframes fadeIn {
-  from {
-    opacity: 0;
-    transform: translateY(-10px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-
-/* 响应式样式 */
+/* 响应式设计 */
 @media (max-width: 768px) {
-  .initial-content {
-    margin-bottom: 12vh;
-    gap: 1.5rem;
-  }
-
-  .title {
-    font-size: 1.75rem;
-  }
-
-  .search-container {
-    padding: 1rem;
-  }
-
-  .search-input {
-    font-size: 0.9rem;
-  }
-
-  .analysis-content {
-    padding: 1.25rem 1.5rem;
-    font-size: 0.95rem;
+  .universal-analysis-view {
+    padding: 0.75rem;
   }
 
   .analysis-view {
@@ -664,7 +837,7 @@ const copyAnalysis = async () => {
   }
 
   .analysis-header {
-    padding: 0.75rem;
+    padding: 1rem;
     flex-direction: column;
     gap: 0.75rem;
     align-items: flex-start;
@@ -682,9 +855,81 @@ const copyAnalysis = async () => {
     padding: 0.6rem;
     font-size: 0.85rem;
   }
+
+  .analysis-content {
+    padding: 1.25rem 1.5rem;
+    font-size: 0.95rem;
+  }
+
+  .initial-content {
+    margin-bottom: 12vh;
+    gap: 1.5rem;
+  }
+
+  .title {
+    font-size: 1.75rem;
+  }
+
+  .description {
+    font-size: 0.9rem;
+  }
+
+  .search-input {
+    font-size: 0.9rem;
+  }
+
+  .analyze-button {
+    font-size: 0.85rem;
+  }
+
+  .search-container {
+    padding: 1rem;
+  }
+
+  .search-section {
+    padding: 0 1rem;
+  }
+
+  .common-analysis-section {
+    padding: 0 1rem;
+  }
+
+  .common-analysis-container {
+    padding: 0 1rem;
+  }
 }
 
 @media (max-width: 480px) {
+  .universal-analysis-view {
+    padding: 0.5rem;
+  }
+
+  .analysis-view {
+    padding: 0.5rem;
+  }
+
+  .analysis-header {
+    padding: 1rem;
+  }
+
+  .target-info {
+    flex-wrap: wrap;
+  }
+
+  .target-info .label {
+    font-size: 0.8rem;
+  }
+
+  .target-info .value {
+    font-size: 0.85rem;
+  }
+
+  .analysis-content {
+    padding: 1rem;
+    font-size: 0.9rem;
+    line-height: 2;
+  }
+
   .initial-content {
     margin-bottom: 10vh;
     gap: 1rem;
@@ -707,20 +952,6 @@ const copyAnalysis = async () => {
     padding: 0.6rem;
   }
 
-  .analysis-content {
-    padding: 1rem;
-    font-size: 0.9rem;
-    line-height: 2;
-  }
-
-  .target-info .label {
-    font-size: 0.8rem;
-  }
-
-  .target-info .value {
-    font-size: 0.85rem;
-  }
-
   .action-buttons {
     gap: 0.5rem;
   }
@@ -729,24 +960,26 @@ const copyAnalysis = async () => {
     padding: 0.5rem;
     font-size: 0.8rem;
   }
-}
 
-/* 滚动条样式 */
-:deep(*::-webkit-scrollbar) {
-  width: 6px;
-  height: 6px;
-}
+  .search-container {
+    padding: 0.75rem;
+  }
 
-:deep(*::-webkit-scrollbar-track) {
-  background: transparent;
-}
+  .search-section {
+    padding: 0 0.75rem;
+  }
 
-:deep(*::-webkit-scrollbar-thumb) {
-  background-color: rgba(125, 125, 125, 0.2);
-  border-radius: 3px;
-}
+  .common-analysis-section {
+    padding: 0 0.75rem;
+  }
 
-:deep(*::-webkit-scrollbar-thumb:hover) {
-  background-color: rgba(125, 125, 125, 0.3);
+  .common-analysis-container {
+    padding: 0 0.75rem;
+  }
+
+  .common-analysis-item {
+    font-size: 0.85rem;
+    padding: 0.3rem 0.6rem;
+  }
 }
 </style>