style: 报告标签样式

src/views/home/components/Input.vue

@@ -197,7 +197,11 @@
 			</div>
 		</div>
 
-		<div v-if="!isAgentMode" class="report-btn flex flex-center" @click="toogltReportTag">
+		<div
+			v-if="!isAgentMode"
+			class="report-btn flex space-between align-center"
+			@click="toogltReportTag"
+		>
 			<SvgIcon class="light-icon" name="light" size="16" />
 			<span>{{ $t('Input.trendingReport') }}</span>
 		</div>
@@ -634,10 +638,7 @@
 							const text = editorRef.value.textContent || ''
 							const cleanedText = text.replace(/[\u200B-\u200D\uFEFF]/g, '')
 
-							if (
-								editorRef.value.innerHTML === '<br>' ||
-								!cleanedText.trim()
-							) {
+							if (editorRef.value.innerHTML === '<br>' || !cleanedText.trim()) {
 								editorRef.value.innerHTML = ''
 								// 检查是否完全为空，需要显示占位符
 								if (editorRef.value.children.length === 0) {
@@ -784,15 +785,16 @@
 		bottom: -7.4rem;
 		height: 4.4rem;
 		border-radius: 2.2rem;
-		width: 20rem;
+		width: 19.7rem;
+		padding: 0 2rem;
+		font-size: 1.8rem;
 		background-color: #fff;
-		border: 1px solid #f6f4ef;
-		column-gap: 1.2rem;
+		border: 1.1px solid #f6f4ef1a;
 		cursor: pointer;
 
 		.c-svg {
 			width: 1.5rem;
-			height: 1.9rem;
+			height: 2rem;
 		}
 	}
 	.assist-input-wrapper {
@@ -846,13 +848,13 @@
 			border: none;
 			outline: none;
 			padding: 0 1.4rem 1.4rem;
-			font-size: 2rem;
+			font-size: 1.8rem;
 			font-family: 'InterRegular';
 			font-weight: 400;
 			color: #000000;
 			overflow-y: auto;
 			overflow-x: hidden;
-			line-height: 1.5;
+			line-height: 2.8rem;
 			white-space: pre-wrap;
 			word-wrap: break-word;
 			&::-webkit-scrollbar {
@@ -1060,9 +1062,9 @@
 
 <style lang="less">
 	.custom-placeholder {
-		color: #999; // 灰色，像 placeholder
-		margin-left: 0.5rem; // 与标签间距
-		pointer-events: auto; // 允许交互
+		color: #999;
+		margin-left: 0.5rem;
+		pointer-events: none;
 	}
 	.fida-style-select-popover {
 		width: 34.2rem !important;
@@ -1171,10 +1173,6 @@
 		border-radius: 0.6rem;
 	}
 
-	// .fida-setting-popover-content {
-	//   padding: 2rem 2.4rem 2.4rem;
-	// }
-
 	.fida-setting-popover-header {
 		font-weight: 400;
 		font-size: 1.4rem;
@@ -1245,12 +1243,12 @@
 
 	/* 动态添加的编辑器标签样式 */
 	.assist-input-wrapper .editor .editor-tag {
-		width: 21.8rem;
-		height: 4.4rem;
+		width: 15.6rem;
+		height: 3.1rem;
 		display: inline-flex;
-		border: 0.11rem solid #bfbfbf;
+		border: 1px solid #0000001a;
 		font-weight: 500;
-		font-size: 1.8rem;
+		font-size: 1.3rem;
 		column-gap: 0;
 		margin: 0 0.5rem;
 		vertical-align: middle;
@@ -1284,14 +1282,14 @@
 		}
 
 		.light-icon {
-			width: 1.5rem;
-			height: 1.9rem;
+			width: 0.9rem;
+			height: 1.2rem;
 			flex-shrink: 0;
 		}
 
 		.close-icon {
-			width: 1rem;
-			height: 1rem;
+			width: 0.9rem;
+			height: 0.9rem;
 			cursor: pointer;
 			flex-shrink: 0;
 			&.restore {