placeholder文字处理；

components/DeepMate.vue

@@ -38,6 +38,7 @@
 						class="stock-input" 
 						type="text" 
 						placeholder="请输入股票代码/名称，获取AI洞察" 
+						placeholder-style="color:#fff;opacity:1"
 						v-model="inputValue"
 						@confirm="handleSend"
 					/>
@@ -196,16 +197,20 @@
 .stock-input {
 	flex: 1;
 	height: 36px;
-	font-size: 14px;
+	font-size: 13px;
 	color: #ffffff;
-	padding: 0 10px;
+	padding: 0 8px;
 	border: none;
 	background-color: transparent;
+	min-width: 0;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
 }
 
-.stock-input::placeholder {
+/* .stock-input::placeholder {
 	color: rgba(255, 255, 255, 0.8);
-}
+} */
 
 .send-button-container {
 	display: flex;
@@ -278,4 +283,28 @@
 		opacity: 0;
 	}
 }
+
+/* 小屏幕设备优化 */
+@media screen and (max-width: 375px) {
+	.stock-input {
+		font-size: 12px;
+		padding: 0 6px;
+	}
+	
+	.deepmate-action {
+		padding: 6px 12px;
+	}
+}
+
+/* 超小屏幕设备优化 */
+@media screen and (max-width: 320px) {
+	.stock-input {
+		font-size: 11px;
+		padding: 0 4px;
+	}
+	
+	.deepmate-action {
+		padding: 5px 10px;
+	}
+}
 </style>