feat: 添加分页组件和地址选择组件，优化样式和类型定义

refactor: 重构路由配置，移除订单页面路由

style: 统一使用CSS变量替换硬编码颜色值

docs: 添加前端数据需求分析文档

fix: 修复登录页面记住我功能，更新用户信息页面链接

perf: 优化搜索组件动画效果和响应式设计

chore: 更新TypeScript类型定义，添加订单和地址相关类型

src/Views/Chat.vue

@@ -467,52 +467,52 @@ const sendMessage = () => {
     display: flex;
     align-items: center;
     width: 100%;
-    padding: 10px;
-    border-bottom: 1px solid #e0e0e0;
+    padding: var(--spacing-sm);
+    border-bottom: 1px solid var(--border-color);
 }
 
 .chat-user-info h3 {
     margin: 0 0 2px;
-    font-size: 16px;
+    font-size: var(--font-size-base);
     font-weight: 600;
-    color: #333333;
+    color: var(--text-primary);
 }
 
 .user-status {
-    font-size: 12px;
-    color: #4caf50;
+    font-size: var(--font-size-xs);
+    color: var(--success-color);
     margin: 0;
 }
 
 .chat-actions {
     display: flex;
-    gap: 10px;
+    gap: var(--spacing-sm);
 }
 
 .action-btn {
     width: 36px;
     height: 36px;
-    border-radius: 50%;
-    background-color: #f0f0f0;
+    border-radius: var(--border-radius-full);
+    background-color: var(--bg-light);
     border: none;
     cursor: pointer;
-    font-size: 16px;
+    font-size: var(--font-size-base);
     display: flex;
     align-items: center;
     justify-content: center;
-    transition: all 0.3s ease;
+    transition: all var(--transition-normal);
 }
 
 .action-btn:hover {
-    background-color: #e0e0e0;
+    background-color: var(--border-color);
 }
 
 /* 聊天历史 */
 .chat-history {
     flex: 1;
-    padding: 20px;
+    padding: var(--spacing-xl);
     overflow-y: auto;
-    background-color: #f5f5f5;
+    background-color: var(--bg-color);
     background-image: url('?prompt=chat%20background%20pattern%20subtle%20light&image_size=landscape_16_9');
     background-size: cover;
     background-position: center;
@@ -520,7 +520,7 @@ const sendMessage = () => {
 
 .chat-message {
     display: flex;
-    margin-bottom: 15px;
+    margin-bottom: var(--spacing-md);
     align-items: flex-end;
 }
 
@@ -530,7 +530,7 @@ const sendMessage = () => {
 
 .chat-message.sent .user-avatar {
     margin-right: 0;
-    margin-left: 10px;
+    margin-left: var(--spacing-sm);
 }
 
 .message-content {
@@ -544,55 +544,55 @@ const sendMessage = () => {
 }
 
 .message-text {
-    padding: 10px 15px;
-    border-radius: 18px;
+    padding: var(--spacing-sm) var(--spacing-md);
+    border-radius: var(--message-radius);
     margin-bottom: 4px;
     line-height: 1.4;
 }
 
 .chat-message.received .message-text {
-    background-color: #ffffff;
+    background-color: var(--card-bg);
     border-bottom-left-radius: 4px;
 }
 
 .chat-message.sent .message-text {
-    background-color: #ff5000;
+    background-color: var(--primary-color);
     color: #ffffff;
     border-bottom-right-radius: 4px;
 }
 
 .message-time {
-    font-size: 11px;
-    color: #999999;
+    font-size: var(--font-size-xs);
+    color: var(--text-tertiary);
 }
 
 /* 消息输入区 */
 .chat-input-area {
-    background-color: #f5f5f5;
-    padding: 15px 20px;
-    border-top: 1px solid #e0e0e0;
-    border-radius: 0 0 10px 0;
+    background-color: var(--bg-color);
+    padding: var(--spacing-md) var(--spacing-xl);
+    border-top: 1px solid var(--border-color);
+    border-radius: 0 0 var(--border-radius-lg) 0;
     display: flex;
     align-items: center;
-    gap: 10px;
+    gap: var(--spacing-sm);
 }
 
 .input-container {
     flex: 1;
     display: flex;
     align-items: center;
-    background-color: #f0f0f0;
-    border-radius: 24px;
-    padding: 8px 15px;
-    gap: 10px;
+    background-color: var(--bg-light);
+    border-radius: var(--border-radius-xl);
+    padding: var(--spacing-xs) var(--spacing-md);
+    gap: var(--spacing-sm);
 }
 
 .input-btn {
     background: none;
     border: none;
-    font-size: 16px;
+    font-size: var(--font-size-base);
     cursor: pointer;
-    padding: 4px;
+    padding: var(--spacing-xs);
 }
 
 .message-input {
@@ -600,29 +600,29 @@ const sendMessage = () => {
     border: none;
     background: none;
     outline: none;
-    font-size: 14px;
-    color: #333333;
+    font-size: var(--font-size-sm);
+    color: var(--text-primary);
     min-width: 0;
 }
 
 .message-input::placeholder {
-    color: #999999;
+    color: var(--text-tertiary);
 }
 
 .send-btn {
-    padding: 8px 20px;
-    background-color: #ff5000;
+    padding: var(--spacing-xs) var(--spacing-xl);
+    background-color: var(--primary-color);
     color: #ffffff;
     border: none;
-    border-radius: 20px;
+    border-radius: var(--border-radius-xl);
     cursor: pointer;
-    font-size: 14px;
+    font-size: var(--font-size-sm);
     font-weight: 600;
-    transition: all 0.3s ease;
+    transition: all var(--transition-normal);
 }
 
 .send-btn:hover {
-    background-color: #ff6a00;
+    background-color: var(--primary-hover);
 }
 
 /* 空状态 */
@@ -632,29 +632,29 @@ const sendMessage = () => {
     flex-direction: column;
     align-items: center;
     justify-content: center;
-    background-color: #f5f5f5;
-    padding: 40px;
+    background-color: var(--bg-color);
+    padding: var(--spacing-xxl);
     text-align: center;
 }
 
 .empty-state img {
     width: 120px;
     height: 120px;
-    margin-bottom: 20px;
+    margin-bottom: var(--spacing-xl);
     opacity: 0.6;
 }
 
 .empty-state h3 {
-    margin: 0 0 10px;
-    font-size: 18px;
+    margin: 0 0 var(--spacing-md);
+    font-size: var(--font-size-lg);
     font-weight: 600;
-    color: #333333;
+    color: var(--text-primary);
 }
 
 .empty-state p {
     margin: 0;
-    font-size: 14px;
-    color: #999999;
+    font-size: var(--font-size-sm);
+    color: var(--text-tertiary);
 }
 
 /* 响应式设计 */