From bb1800d8803ea14d00bc96dfd5b8527ae6cc8baf Mon Sep 17 00:00:00 2001 From: Wx-2025 <351320169@qq.com> Date: Fri, 2 Jan 2026 09:11:00 +0800 Subject: [PATCH] Add files via upload --- assets/auto-char-card/index.html | 15 ++-- assets/auto-char-card/style.css | 131 +++++++++++++++++++++++-------- 2 files changed, 107 insertions(+), 39 deletions(-) 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 @@
欢迎使用 Amily2 自动构建器。
- 请在左侧配置工作区，然后在下方输入您的需求。 + 请在左侧配置工作区，然后在下方输入您的需求。
+ 当使用时，最好不要进入所选的角色卡中，以便后台执行即时生效。
@@ -128,12 +129,12 @@
-
- - -
+
+ + +
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; } /* 输入区域 */