From baa2ec87a59f8d2479065175dd7b20369bc66798 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=96=BD=E5=B7=A5=E5=91=98?=
 <4846a27a-ba87-49c9-939d-7275f63efcc7@agents.multica.local>
Date: Sat, 22 Aug 2026 22:28:48 +0800
Subject: [PATCH] fix: restyle sentiment cycle page head (borderless, rounded
 segment, outlined export)

Co-authored-by: multica-agent <github@multica.ai>
---
 app/frontend/pages/sentiment/foundation.css | 30 +++++++++++++++++----
 1 file changed, 25 insertions(+), 5 deletions(-)

diff --git a/app/frontend/pages/sentiment/foundation.css b/app/frontend/pages/sentiment/foundation.css
index 6accf89..d8c4b9b 100644
--- a/app/frontend/pages/sentiment/foundation.css
+++ b/app/frontend/pages/sentiment/foundation.css
@@ -948,13 +948,33 @@
 }
 
 .redesigned-page-head #sentimentExportButton {
-  min-height: 28px;
+  min-height: 32px;
 
-  height: 28px;
+  height: 32px;
 
-  padding: 0px 11px;
+  padding: 0px 12px;
+
+  border: 1px solid var(--border-strong);
+
+  border-radius: 8px;
+
+  background: var(--surface);
+
+  color: var(--text-primary);
 
   font-size: 12px;
+
+  font-weight: 500;
+}
+
+.redesigned-page-head #sentimentExportButton:hover {
+  border-color: var(--r2-blue-line);
+
+  color: var(--r2-blue);
+}
+
+#sentimentCycleView .sentiment-cycle-toolbar .toolbar-controls {
+  gap: 8px;
 }
 
 .redesigned-card-head .sentiment-auto-tag,
@@ -1598,7 +1618,7 @@
   background: var(--surface);
 }
 
-:root[data-theme="dark"] :is(.sentiment-cycle-toolbar, .tbl-tools) {
+:root[data-theme="dark"] .tbl-tools {
   border-color: var(--line-soft);
 
   background: var(--surface);
@@ -1612,7 +1632,7 @@
   color: var(--warning-color);
 }
 
-:root[data-theme="dark"] #sentimentCycleView :is(.sentiment-current-tag, .sentiment-auto-tag, .sentiment-detail-toolbar, .section-toolbar) {
+:root[data-theme="dark"] #sentimentCycleView :is(.sentiment-current-tag, .sentiment-auto-tag, .sentiment-detail-toolbar) {
   border-color: var(--border);
 
   background: var(--surface-muted);