diff --git a/assets/auto-char-card/index.html b/assets/auto-char-card/index.html
index b8645b6..04a57be 100644
--- a/assets/auto-char-card/index.html
+++ b/assets/auto-char-card/index.html
@@ -106,7 +106,8 @@
                 <div class="acc-message system">
                     <div class="acc-message-content">
                         欢迎使用 Amily2 自动构建器。<br>
-                        请在左侧配置工作区，然后在下方输入您的需求。
+                        请在左侧配置工作区，然后在下方输入您的需求。<br>
+                        当使用时，最好不要进入所选的角色卡中，以便后台执行即时生效。
                     </div>
                 </div>
             </div>
@@ -128,12 +129,12 @@
         <!-- 右栏：实时预览/Diff -->
         <div class="acc-column acc-right-panel">
             <div class="acc-panel-header" style="display: flex; justify-content: space-between; align-items: center;">
-                <div style="display: flex; align-items: center; gap: 5px;">
-                    <i class="fas fa-eye"></i> 
-                    <select id="acc-file-selector" class="acc-select" style="height: 24px; padding: 0 5px; font-size: 12px; max-width: 150px;">
-                        <option value="">-- 选择文件 --</option>
-                    </select>
-                </div>
+            <div style="display: flex; align-items: center; gap: 5px; flex: 1; min-width: 0;">
+                <i class="fas fa-eye" style="flex-shrink: 0;"></i> 
+                <select id="acc-file-selector" class="acc-select" style="height: 24px; padding: 0 5px; font-size: 12px; width: auto; flex: 1; min-width: 100px;">
+                    <option value="">-- 选择文件 --</option>
+                </select>
+            </div>
                 <div class="acc-preview-tabs" style="display: flex; gap: 2px; overflow-x: auto; max-width: 60%;">
                     <!-- Tabs will be injected here -->
                 </div>
diff --git a/assets/auto-char-card/style.css b/assets/auto-char-card/style.css
index c748991..c980eed 100644
--- a/assets/auto-char-card/style.css
+++ b/assets/auto-char-card/style.css
@@ -119,7 +119,7 @@
     display: flex;
     justify-content: space-between;
     align-items: center;
-    overflow: hidden; /* Prevent overflow */
+    /* overflow: hidden; Removed to allow dropdowns to show fully if custom, though native selects are fine. */
 }
 
 .acc-panel-header i.fa-chevron-down,
@@ -235,49 +235,53 @@
     overflow-y: auto;
     display: flex;
     flex-direction: column;
-    gap: 20px;
+    gap: 24px;
     background-color: #1e1e1e;
 }
 
 .acc-message {
-    max-width: 95%;
     display: flex;
-    gap: 12px;
-    margin-bottom: 5px;
+    gap: 16px;
+    max-width: 100%;
+    padding: 0 10px;
 }
 
 .acc-avatar {
-    width: 24px;
-    height: 24px;
-    border-radius: 4px;
+    width: 30px;
+    height: 30px;
+    border-radius: 6px;
     display: flex;
     align-items: center;
     justify-content: center;
-    font-size: 14px;
+    font-size: 16px;
     flex-shrink: 0;
-    margin-top: 4px;
+    margin-top: 2px;
+    background-color: #2d2d2d;
 }
 
 .acc-message-content {
+    flex: 1;
     font-size: 14px;
     line-height: 1.6;
-    color: #cccccc;
-    word-wrap: break-word;
-    flex: 1;
+    color: #d4d4d4;
+    overflow-wrap: break-word;
 }
 
 /* User Message */
 .acc-message.user {
-    background-color: #2b2d31; /* VSCode sidebar/input bg */
-    padding: 12px 16px;
-    border-radius: 6px;
-    align-self: stretch; /* Full width block like Cline */
-    flex-direction: row; /* Keep avatar on left or remove it? Cline puts user msg in a box */
+    background-color: rgba(255, 255, 255, 0.04);
     border: 1px solid #333;
+    border-radius: 8px;
+    padding: 16px;
+    margin-left: 10px;
+    margin-right: 10px;
+    width: auto;
 }
 
 .acc-message.user .acc-avatar {
-    display: none; /* Hide avatar for user, just show text box */
+    display: flex; /* Show avatar for user */
+    background-color: #0e639c;
+    color: #fff;
 }
 
 .acc-message.user .acc-message-content {
@@ -287,34 +291,90 @@
 
 /* Assistant Message */
 .acc-message.assistant {
-    align-self: stretch;
-    padding: 0 10px;
+    padding: 16px;
+    background-color: #252526;
+    border-radius: 8px;
+    border: 1px solid #333;
+    margin-left: 10px;
+    margin-right: 10px;
+    width: auto;
 }
 
 .acc-message.assistant .acc-avatar {
     background-color: transparent;
     color: #4caf50; /* Green robot */
+    font-size: 20px;
+}
+
+/* Markdown Styles */
+.acc-message-content code {
+    background-color: rgba(110, 118, 129, 0.4); /* VSCode style inline code bg */
+    color: #e0e0e0;
+    padding: 2px 5px;
+    border-radius: 4px;
+    font-family: 'JetBrains Mono', 'Consolas', monospace;
+    font-size: 0.9em;
+}
+
+.acc-message-content pre {
+    background-color: #1e1e1e;
+    padding: 12px;
+    border-radius: 6px;
+    overflow-x: auto;
+    border: 1px solid #333;
+    margin: 12px 0;
+}
+
+.acc-message-content pre code {
+    background-color: transparent;
+    padding: 0;
+    border: none;
+    color: #9cdcfe;
+}
+
+.acc-message-content p {
+    margin: 0 0 10px 0;
+}
+
+.acc-message-content p:last-child {
+    margin-bottom: 0;
+}
+
+.acc-message-content ul, .acc-message-content ol {
+    margin: 10px 0;
+    padding-left: 24px;
+}
+
+.acc-message-content li {
+    margin-bottom: 6px;
 }
 
 /* Tool Request Styles */
 .acc-tool-request {
     background-color: #252526;
     border: 1px solid #333;
-    border-radius: 6px;
-    margin: 10px 0;
+    border-radius: 8px;
+    margin: 12px 0;
     overflow: hidden;
+    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
 }
 
 .acc-tool-header {
     background-color: #2d2d2d;
-    padding: 8px 12px;
+    padding: 10px 14px;
     font-size: 12px;
     font-weight: 600;
-    color: #cccccc;
+    color: #e0e0e0;
     border-bottom: 1px solid #333;
     display: flex;
     align-items: center;
-    gap: 8px;
+    gap: 10px;
+    cursor: pointer;
+    transition: background-color 0.2s;
+}
+
+.acc-tool-header:hover {
+    background-color: #333;
 }
 
 .acc-tool-header i {
@@ -322,28 +382,35 @@
 }
 
 .acc-tool-content {
-    padding: 12px;
+    padding: 14px;
     margin: 0;
     background-color: #1e1e1e;
     color: #9cdcfe;
-    font-family: 'JetBrains Mono', monospace;
+    font-family: 'JetBrains Mono', 'Consolas', monospace;
     font-size: 12px;
     overflow-x: auto;
     white-space: pre-wrap;
+    line-height: 1.5;
 }
 
 /* System/Thought Message */
 .acc-message.system, .acc-message.thought {
-    align-self: stretch;
     padding: 0 10px;
-    opacity: 0.8;
+    opacity: 0.9;
+}
+
+.acc-message.thought .acc-avatar {
+    color: #9c27b0;
+    background-color: transparent;
 }
 
 .acc-message.thought .acc-message-content {
     color: #8b949e;
     font-style: italic;
-    border-left: 2px solid #333;
-    padding-left: 10px;
+    background-color: rgba(156, 39, 176, 0.05);
+    padding: 10px 14px;
+    border-radius: 6px;
+    border-left: 3px solid #9c27b0;
 }
 
 /* 输入区域 */