feat(scripts): #1893 文案库对接三个AI能力（抖音提取/AI改写/AI生成标题） (#1935)

feat(scripts): #1893 AI能力对接（抖音提取/AI改写/AI生成标题）
2026-09-15 16:49:05 +08:00
parent 59fbbd8e26
commit dc0a5834f1
4 changed files with 537 additions and 19 deletions
@@ -166,3 +166,95 @@
    flex: 1;
  }
 }
+
+/* ── #1893 AI 能力样式 ── */
+
+/* 抖音提取 / AI 按钮与主按钮间距 */
+.xx-scripts-filters-right .ant-btn + .ant-btn {
+  margin-left: 8px;
+}
+
+/* AI 改写工具条（贴在正文 TextArea 下方） */
+.xx-ai-rewrite-bar {
+  display: flex;
+  align-items: center;
+  margin-top: -8px;
+  margin-bottom: 16px;
+  padding: 8px 12px;
+  background: linear-gradient(90deg, #f7f5ff 0%, #fff 100%);
+  border: 1px dashed #d3c6ff;
+  border-radius: 8px;
+}
+
+/* AI 生成标题候选 */
+.xx-ai-title-candidates {
+  margin-top: -8px;
+  margin-bottom: 12px;
+  padding: 10px 12px;
+  background: #fafaff;
+  border-radius: 8px;
+  border: 1px solid #eee6ff;
+}
+.xx-ai-title-list {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  margin-top: 6px;
+}
+.xx-ai-title-tag {
+  cursor: pointer;
+  font-size: 13px;
+  padding: 4px 12px;
+  border-radius: 16px;
+  transition: transform 0.15s;
+  margin: 0;
+}
+.xx-ai-title-tag:hover {
+  transform: translateY(-1px);
+  box-shadow: 0 2px 8px rgba(114, 46, 209, 0.18);
+}
+
+/* loading 提示文本 */
+.xx-ai-loading-hint {
+  display: flex;
+  align-items: center;
+  margin-top: 12px;
+  padding: 10px 12px;
+  color: var(--text-secondary, #666);
+  font-size: 13px;
+  background: #fafafa;
+  border-radius: 6px;
+}
+
+/* AI 改写对比块 */
+.xx-ai-rewrite-item {
+  border-bottom: 1px solid var(--border-color, #f0f0f0) !important;
+  padding: 12px 0 !important;
+}
+.xx-ai-rewrite-item:last-child {
+  border-bottom: none !important;
+}
+.xx-ai-rewrite-block {
+  width: 100%;
+}
+.xx-ai-rewrite-label {
+  margin-bottom: 6px;
+}
+.xx-ai-rewrite-text {
+  font-size: 13px;
+  line-height: 1.7;
+  color: var(--text-primary, #1f1f1f);
+  padding: 8px 12px;
+  background: #fafafa;
+  border-radius: 6px;
+  max-height: 180px;
+  overflow-y: auto;
+}
+.xx-ai-rewrite-item:first-child .xx-ai-rewrite-text {
+  color: var(--text-secondary, #666);
+  background: #f7f7f7;
+}
+.xx-ai-rewrite-item:last-child .xx-ai-rewrite-text {
+  background: linear-gradient(180deg, #faf5ff 0%, #ffffff 100%);
+  border: 1px solid #eee6ff;
+}