From 2c06c1102b9321e946b1ca0c174a2f4bc39b642e Mon Sep 17 00:00:00 2001
From: wanrong <wanrongc526@gmail.com>
Date: Wed, 18 Mar 2026 09:52:27 +0800
Subject: [PATCH] style: update general styling and layout properties

---
 style.css | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/style.css b/style.css
index e420ff3..367db00 100644
--- a/style.css
+++ b/style.css
@@ -8,7 +8,7 @@
 body {
   font-family: 'Noto Sans TC', sans-serif;
   /* 練習：把背景色改成你喜歡的顏色 */
-  background-color: #f0f4f8;
+  background-color: #f5f4f0;
   display: flex;
   justify-content: center;
   align-items: center;
@@ -26,7 +26,7 @@ body {
 
 header {
   /* 練習：把標題列顏色從藍色改成其他顏色 */
-  background: #4f8ef7;
+  background: #6c8065;
   color: white;
   padding: 20px 24px;
 }
@@ -52,15 +52,15 @@ header .subtitle { font-size: 13px; opacity: 0.85; margin-top: 4px; }
 }
 
 .message.bot {
-  background: #f0f4f8;
-  color: #333;
+  background: #ecebe6;
+  color: #4a423e;
   align-self: flex-start;
   border-bottom-left-radius: 4px;
 }
 
 .message.user {
   /* 練習：把使用者訊息顏色從綠色改成你喜歡的顏色 */
-  background: #4caf87;
+  background: #c9a099;
   color: white;
   align-self: flex-end;
   border-bottom-right-radius: 4px;
@@ -83,14 +83,14 @@ header .subtitle { font-size: 13px; opacity: 0.85; margin-top: 4px; }
 }
 
 .input-area input:focus {
-  border-color: #4f8ef7;
+  border-color: #6c8065;
 }
 
 .input-area button {
   /* 練習：把按鈕顏色改成你喜歡的顏色
      conflict-a 分支：改成 #4f8ef7（藍色）
      conflict-b 分支：改成 #e84393（粉色）  */
-  background: #4f8ef7;
+  background: #6c8065;
   color: white;
   border: none;
   padding: 10px 20px;