1.完成ai聊天页面新

static/scss/ai_index.css

@@ -65,12 +65,13 @@
 /* ============= 消息列表（可滚动区域） ============= */
 .message-list {
 	flex: 1;
+	height: calc(100vh - 120px);
+	/* 设置固定高度，为输入框和导航栏预留空间 */
 	padding: 16px 0 calc(env(safe-area-inset-bottom) + 80px) 0;
 	/* 增加底部内边距 */
 	background-color: #f5f5f5;
 	box-sizing: border-box;
-	overflow-y: auto;
-	/* 确保内容超出时可滚动 */
+	/* 移除overflow-y: auto，因为scroll-view自己处理滚动 */
 	-webkit-overflow-scrolling: touch;
 	/* 增加iOS设备上的滚动流畅度 */
 }
@@ -199,6 +200,30 @@
 	/* 增加图标之间的间距 */
 }
 
+.send-button {
+	height: 36px;
+	padding: 0 16px;
+	background-color: #4f46e5;
+	color: #fff;
+	border: none;
+	border-radius: 18px;
+	font-size: 14px;
+	font-weight: 500;
+	cursor: pointer;
+	margin: 0 8px;
+	transition: background-color 0.2s;
+	min-width: 60px;
+}
+
+.send-button:hover {
+	background-color: #337ecc;
+}
+
+.send-button:active {
+	background-color: #2b6cb0;
+	transform: scale(0.98);
+}
+
 .toggle-button {
 	margin-top: 10px;
 	color: blue;