美化ai chat已思考的布局样式

frontend/src/views/pagetype/ai_chat/ChatContainer.vue

@@ -464,25 +464,19 @@ async function sendMessage(chatName: string, content: string, fileRefs?: Array<{
 
 /* ===== 推理模型思考过程（CoT）可折叠面板 ===== */
 .thinking-area {
-  max-width: 720px;
-  margin: 0 auto;
-  padding: 0 24px;
+  width: 100%;
   margin-bottom: 8px;
 }
 
 .thinking-details {
-  background: #fafaf9;
-  border: 1px solid #e7e5e4;
-  border-radius: 8px;
   font-size: 13px;
-  overflow: hidden;
 }
 
 .thinking-summary {
   display: flex;
   align-items: center;
   gap: 6px;
-  padding: 8px 12px;
+  padding: 4px 0;
   cursor: pointer;
   user-select: none;
   color: #78716c;
@@ -495,12 +489,13 @@ async function sendMessage(chatName: string, content: string, fileRefs?: Array<{
 }
 
 .thinking-summary:hover {
-  background: #f5f5f4;
+  /* 引用块风格无 hover 背景 */
 }
 
 .thinking-icon {
   flex-shrink: 0;
   color: #a8a29e;
+  font-size: 14px;
 }
 
 .thinking-pulse {
@@ -513,7 +508,6 @@ async function sendMessage(chatName: string, content: string, fileRefs?: Array<{
 }
 
 .thinking-label {
-  flex: 1;
   text-transform: uppercase;
   letter-spacing: 0.5px;
   font-size: 11px;
@@ -530,7 +524,9 @@ async function sendMessage(chatName: string, content: string, fileRefs?: Array<{
 }
 
 .thinking-content {
-  padding: 0 12px 10px;
+  /* 引用符号样式：左侧竖线（仅内容区，不含标题） */
+  border-left: 3px solid #d4d4d4;
+  padding: 8px 0 4px 16px;
   color: #57534e;
   font-size: 12.5px;
   line-height: 1.7;
@@ -538,8 +534,6 @@ async function sendMessage(chatName: string, content: string, fileRefs?: Array<{
   word-break: break-word;
   max-height: 320px;
   overflow-y: auto;
-  border-top: 1px solid #e7e5e4;
-  padding-top: 10px;
 }
 
 .chat-messages {