From 49e979174634c4bee950eb50a1f2599d1c2f4e50 Mon Sep 17 00:00:00 2001
From: xiaoxia <dev@xiaoxiajianji.com>
Date: Tue, 15 Sep 2026 16:15:01 +0800
Subject: [PATCH] feat(scripts): #1893 add scripts.css

---
 apps/web/src/pages/scripts/scripts.css | 92 ++++++++++++++++++++++++++
 1 file changed, 92 insertions(+)

diff --git a/apps/web/src/pages/scripts/scripts.css b/apps/web/src/pages/scripts/scripts.css
index 39052a2b4..71b8d0055 100644
--- a/apps/web/src/pages/scripts/scripts.css
+++ b/apps/web/src/pages/scripts/scripts.css
@@ -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;
+}