feat: 🎸 新增许多页面

src/pages/ExpertSupportPage/index.css

@@ -31,7 +31,7 @@
   gap: 12px;
 }
 
-.sidebar-title {
+.expert-support-sidebar-title {
   font-size: 18px;
   font-weight: 600;
   color: #111827;
@@ -164,7 +164,8 @@
 }
 
 @keyframes pulse-red {
-  0%, 100% {
+  0%,
+  100% {
     opacity: 1;
     transform: scale(1);
   }
@@ -541,32 +542,32 @@
   .expert-support-page {
     grid-template-columns: 300px 1fr;
   }
-  
+
   .conversation-sidebar {
     width: 300px;
   }
-  
+
   .sidebar-header {
     padding: 20px 16px;
   }
-  
+
   .new-conversation-btn .btn-text {
     display: none;
   }
-  
+
   .new-conversation-btn {
     padding: 8px;
     border-radius: 6px;
   }
-  
+
   .chat-header {
     padding: 20px 24px;
   }
-  
+
   .messages-container {
     padding: 20px 24px;
   }
-  
+
   .chat-input-area {
     padding: 16px 24px;
   }
@@ -577,40 +578,40 @@
     grid-template-columns: 1fr;
     grid-template-rows: auto 1fr;
   }
-  
+
   .conversation-sidebar {
     height: 200px;
     width: 100%;
     border-right: none;
     border-bottom: 1px solid #e5e7eb;
   }
-  
+
   .sidebar-header {
     padding: 16px;
     flex-direction: column;
     gap: 8px;
     align-items: stretch;
   }
-  
+
   .new-conversation-btn {
     width: 100%;
     justify-content: center;
   }
-  
+
   .new-conversation-btn .btn-text {
     display: inline;
   }
-  
-     .conversation-groups {
-     overflow-x: auto;
-   }
-   
-   .conversation-list {
-     display: flex;
-     gap: 8px;
-     padding: 8px 16px;
-   }
-  
+
+  .conversation-groups {
+    overflow-x: auto;
+  }
+
+  .conversation-list {
+    display: flex;
+    gap: 8px;
+    padding: 8px 16px;
+  }
+
   .conversation-item {
     min-width: 280px;
     flex-shrink: 0;
@@ -619,27 +620,27 @@
     border: 1px solid #e5e7eb;
     margin-bottom: 0;
   }
-  
+
   .chat-header {
     padding: 16px 20px;
   }
-  
+
   .service-title {
     font-size: 20px;
   }
-  
+
   .messages-container {
     padding: 16px 20px;
   }
-  
+
   .chat-input-area {
     padding: 16px 20px;
   }
-  
+
   .message-bubble {
     max-width: 85%;
   }
-  
+
   .chat-title-bar {
     padding: 16px 20px;
     flex-direction: column;
@@ -648,33 +649,32 @@
   }
 }
 
- @media (max-width: 480px) {
-  
+@media (max-width: 480px) {
   .chat-header {
     padding: 12px 16px;
   }
-  
+
   .service-title {
     font-size: 18px;
   }
-  
+
   .service-subtitle {
     font-size: 13px;
   }
-  
+
   .messages-container {
     padding: 12px 16px;
   }
-  
+
   .chat-input-area {
     padding: 12px 16px;
   }
-  
+
   .input-container {
     flex-direction: column;
     gap: 8px;
   }
-  
+
   .send-button {
     width: 100%;
   }
@@ -703,7 +703,8 @@
   border-radius: 12px;
   width: 90%;
   max-width: 480px;
-  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
+    0 10px 10px -5px rgba(0, 0, 0, 0.04);
   overflow: hidden;
   animation: modalAppear 0.2s ease-out;
 }
@@ -826,22 +827,22 @@
     width: 95%;
     margin: 0 10px;
   }
-  
+
   .modal-header {
     padding: 16px 20px;
   }
-  
+
   .modal-content {
     padding: 20px;
   }
-  
+
   .modal-actions {
     padding: 16px 20px;
     flex-direction: column;
   }
-  
+
   .btn-secondary,
   .btn-primary {
     width: 100%;
   }
-} 
+}

src/pages/ExpertSupportPage/index.jsx

@@ -383,7 +383,7 @@ const ExpertSupportPage = () => {
       {/* 左侧对话记录区域 */}
       <div className="conversation-sidebar">
         <div className="sidebar-header">
-          <h2 className="sidebar-title">对话记录</h2>
+          <h2 className="expert-support-sidebar-title">对话记录</h2>
           <button
             className="new-conversation-btn"
             onClick={createNewConversation}