From 08506f74e46c5559648cf0c35ce5f8b88a8ecec3 Mon Sep 17 00:00:00 2001 From: Wx-2025 <351320169@qq.com> Date: Tue, 23 Dec 2025 08:40:47 +0800 Subject: [PATCH] Add files via upload --- assets/auto-char-card/index.html | 152 +++++++++++++ assets/auto-char-card/style.css | 379 +++++++++++++++++++++++++++++++ 2 files changed, 531 insertions(+) create mode 100644 assets/auto-char-card/index.html create mode 100644 assets/auto-char-card/style.css diff --git a/assets/auto-char-card/index.html b/assets/auto-char-card/index.html new file mode 100644 index 0000000..811616f --- /dev/null +++ b/assets/auto-char-card/index.html @@ -0,0 +1,152 @@ +
+ +
+
+ + Amily2 自动构建器 + 空闲 +
+
+ + + +
+
+ + +
+ +
+
+ 工作区设置 +
+
+
+ + +
+
+ + +
+ +
+ +
当前任务
+
+
等待指令...
+
+ +
+ +
+ API 配置 +
+ +
+
+ + +
+
+ 交互控制台 +
+
+
+
+ 欢迎使用 Amily2 自动构建器。
+ 请在左侧配置工作区，然后在下方输入您的需求。 +
+
+
+
+
+ + +
+
+ +
+
+
+ + +
+
+ 内容预览 +
+ + +
+
+
+ +
+ +

暂无修改内容

+
+
+
+
+
+ + + diff --git a/assets/auto-char-card/style.css b/assets/auto-char-card/style.css new file mode 100644 index 0000000..580a7a4 --- /dev/null +++ b/assets/auto-char-card/style.css @@ -0,0 +1,379 @@ +/* 容器样式 */ +.acc-window { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: #1e1e1e; + color: #e0e0e0; + font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; + z-index: 2000; /* 确保在最上层 */ + display: flex; + flex-direction: column; +} + +/* 顶部栏 */ +.acc-header { + display: flex; + justify-content: space-between; + align-items: center; + padding: 10px 20px; + background-color: #252526; + border-bottom: 1px solid #333; + height: 50px; + box-sizing: border-box; +} + +.acc-header-left { + display: flex; + align-items: center; + gap: 10px; +} + +.acc-logo { + color: #ffc107; + font-size: 18px; +} + +.acc-title { + font-size: 16px; + font-weight: bold; +} + +.acc-status-badge { + font-size: 12px; + padding: 2px 8px; + border-radius: 10px; + background-color: #333; +} + +.status-idle { color: #888; } +.status-working { color: #4CAF50; background-color: rgba(76, 175, 80, 0.1); } +.status-error { color: #f44336; background-color: rgba(244, 67, 54, 0.1); } + +.acc-control-btn { + background: none; + border: none; + color: #aaa; + cursor: pointer; + padding: 8px; + font-size: 14px; + transition: color 0.2s; +} + +.acc-control-btn:hover { + color: #fff; +} + +/* 主体内容 */ +.acc-body { + display: flex; + flex: 1; + overflow: hidden; +} + +.acc-column { + display: flex; + flex-direction: column; + border-right: 1px solid #333; +} + +.acc-column:last-child { + border-right: none; +} + +/* 左栏：设置 */ +.acc-left-panel { + width: 250px; + background-color: #252526; + min-width: 200px; +} + +/* 中栏：交互 */ +.acc-center-panel { + flex: 1; + background-color: #1e1e1e; + min-width: 300px; +} + +/* 右栏：预览 */ +.acc-right-panel { + width: 40%; + background-color: #1e1e1e; + min-width: 300px; +} + +/* 面板通用样式 */ +.acc-panel-header { + padding: 10px 15px; + background-color: #2d2d2d; + border-bottom: 1px solid #333; + font-size: 13px; + font-weight: bold; + color: #ccc; + display: flex; + justify-content: space-between; + align-items: center; +} + +.acc-panel-content { + flex: 1; + padding: 15px; + overflow-y: auto; +} + +/* 表单元素 */ +.acc-form-group { + margin-bottom: 15px; +} + +.acc-form-group label { + display: block; + margin-bottom: 5px; + font-size: 12px; + color: #888; +} + +.acc-select { + width: 100%; + padding: 8px; + background-color: #3c3c3c; + border: 1px solid #555; + color: #fff; + border-radius: 4px; +} + +.acc-divider { + height: 1px; + background-color: #333; + margin: 20px 0; +} + +/* 任务列表 */ +.acc-section-title { + font-size: 12px; + color: #888; + margin-bottom: 10px; + text-transform: uppercase; +} + +.acc-task-item { + padding: 8px; + margin-bottom: 5px; + background-color: #333; + border-radius: 4px; + font-size: 13px; +} + +.acc-task-item.active { + border-left: 3px solid #ffc107; + background-color: rgba(255, 193, 7, 0.1); +} + +/* 聊天区域 */ +.acc-chat-stream { + flex: 1; + padding: 20px; + overflow-y: auto; + display: flex; + flex-direction: column; + gap: 15px; +} + +.acc-message { + max-width: 90%; + display: flex; + gap: 10px; + margin-bottom: 10px; +} + +.acc-avatar { + width: 32px; + height: 32px; + border-radius: 50%; + background-color: #444; + display: flex; + align-items: center; + justify-content: center; + font-size: 16px; + flex-shrink: 0; +} + +.acc-message-content { + padding: 10px 15px; + border-radius: 8px; + font-size: 14px; + line-height: 1.5; + position: relative; + word-wrap: break-word; +} + +.acc-message.user { + align-self: flex-end; + flex-direction: row-reverse; +} + +.acc-message.user .acc-message-content { + background-color: #0e639c; + color: #fff; + border-bottom-right-radius: 0; +} + +.acc-message.assistant { + align-self: flex-start; +} + +.acc-message.assistant .acc-message-content { + background-color: #333; + border: 1px solid #444; + border-bottom-left-radius: 0; +} + +.acc-message.system { + align-self: center; + justify-content: center; +} + +.acc-message.system .acc-message-content { + background-color: transparent; + color: #888; + font-style: italic; + font-size: 12px; + padding: 5px; + border: none; +} + +/* 输入区域 */ +.acc-input-area { + padding: 15px; + background-color: #252526; + border-top: 1px solid #333; +} + +.acc-input-wrapper { + display: flex; + gap: 10px; + margin-bottom: 10px; +} + +#acc-user-input { + flex: 1; + background-color: #3c3c3c; + border: 1px solid #555; + color: #fff; + padding: 10px; + border-radius: 4px; + resize: none; + font-family: inherit; +} + +#acc-user-input:focus { + outline: none; + border-color: #0e639c; +} + +.acc-send-btn { + background-color: #0e639c; + color: #fff; + border: none; + border-radius: 4px; + width: 40px; + cursor: pointer; +} + +.acc-send-btn:hover { + background-color: #1177bb; +} + +.acc-btn-danger { + background-color: #d32f2f; + color: #fff; + border: none; + padding: 5px 10px; + border-radius: 4px; + cursor: pointer; + font-size: 12px; +} + +/* 预览区域 */ +.acc-preview-tabs { + display: flex; + gap: 5px; +} + +.acc-tab-btn { + background: none; + border: none; + color: #888; + cursor: pointer; + padding: 2px 8px; + font-size: 12px; +} + +.acc-tab-btn.active { + color: #fff; + border-bottom: 2px solid #0e639c; +} + +.acc-empty-state { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + height: 100%; + color: #555; +} + +.acc-empty-state i { + font-size: 48px; + margin-bottom: 10px; +} + +/* 最小化图标 */ +.acc-minimized-icon { + position: fixed; + bottom: 20px; + right: 20px; + width: 50px; + height: 50px; + background-color: #0e639c; + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + cursor: pointer; + box-shadow: 0 4px 10px rgba(0,0,0,0.5); + z-index: 2001; + color: #fff; + font-size: 24px; + transition: transform 0.2s; +} + +.acc-minimized-icon:hover { + transform: scale(1.1); +} + +.acc-notification-dot { + position: absolute; + top: 0; + right: 0; + width: 12px; + height: 12px; + background-color: #f44336; + border-radius: 50%; + border: 2px solid #1e1e1e; +} + +/* Diff 高亮样式 */ +.diff-added { + background-color: rgba(76, 175, 80, 0.2); + border-left: 3px solid #4CAF50; +} + +.diff-removed { + background-color: rgba(244, 67, 54, 0.2); + border-left: 3px solid #f44336; + text-decoration: line-through; + opacity: 0.7; +}