From 958b346ea9815f77134e8cca9c008bea6c1dcdde Mon Sep 17 00:00:00 2001
From: hsuvivi1000 <hsuvivi1000@gmail.com>
Date: Wed, 18 Mar 2026 09:56:51 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E6=8F=9B=E6=88=90=E6=97=A5=E7=B3=BB?=
 =?UTF-8?q?=E5=92=8C=E9=A2=A8=E9=85=8D=E8=89=B2=EF=BC=88=E8=97=A4=E8=89=B2?=
 =?UTF-8?q?=E3=80=81=E6=92=AB=E5=AD=90=E8=89=B2=E3=80=81=E6=8A=B9=E8=8C=B6?=
 =?UTF-8?q?=E7=B6=A0=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 style.css | 30 ++++++++++++++++++------------
 1 file changed, 18 insertions(+), 12 deletions(-)

diff --git a/style.css b/style.css
index e420ff3..3be7bcc 100644
--- a/style.css
+++ b/style.css
@@ -8,7 +8,8 @@
 body {
   font-family: 'Noto Sans TC', sans-serif;
   /* 練習：把背景色改成你喜歡的顏色 */
-  background-color: #f0f4f8;
+  /* 和紙米白 — 日系背景色 */
+  background-color: #f5f0e8;
   display: flex;
   justify-content: center;
   align-items: center;
@@ -16,9 +17,9 @@ body {
 }
 
 .container {
-  background: white;
+  background: #fffdf7;
   border-radius: 16px;
-  box-shadow: 0 4px 20px rgba(0,0,0,0.1);
+  box-shadow: 0 4px 20px rgba(90, 60, 80, 0.12);
   width: 480px;
   max-width: 95vw;
   overflow: hidden;
@@ -26,8 +27,9 @@ body {
 
 header {
   /* 練習：把標題列顏色從藍色改成其他顏色 */
-  background: #4f8ef7;
-  color: white;
+  /* 藤色（Fuji-iro）— 日本傳統藤紫色 */
+  background: #6f4e8c;
+  color: #fff;
   padding: 20px 24px;
 }
 
@@ -52,15 +54,17 @@ header .subtitle { font-size: 13px; opacity: 0.85; margin-top: 4px; }
 }
 
 .message.bot {
-  background: #f0f4f8;
-  color: #333;
+  /* 薄萌黃（Usumoeji）— 淡抹茶綠 */
+  background: #e8f0e0;
+  color: #3a3a3a;
   align-self: flex-start;
   border-bottom-left-radius: 4px;
 }
 
 .message.user {
   /* 練習：把使用者訊息顏色從綠色改成你喜歡的顏色 */
-  background: #4caf87;
+  /* 撫子色（Nadeshiko）— 日本石竹花粉 */
+  background: #d4607a;
   color: white;
   align-self: flex-end;
   border-bottom-right-radius: 4px;
@@ -70,27 +74,29 @@ header .subtitle { font-size: 13px; opacity: 0.85; margin-top: 4px; }
   display: flex;
   padding: 16px;
   gap: 10px;
-  border-top: 1px solid #eee;
+  border-top: 1px solid #e8dfd0;
 }
 
 .input-area input {
   flex: 1;
   padding: 10px 14px;
-  border: 1px solid #ddd;
+  border: 1px solid #c8b8d0;
   border-radius: 8px;
   font-size: 14px;
   outline: none;
+  background: #fdfaf5;
 }
 
 .input-area input:focus {
-  border-color: #4f8ef7;
+  border-color: #6f4e8c;
 }
 
 .input-area button {
   /* 練習：把按鈕顏色改成你喜歡的顏色
      conflict-a 分支：改成 #4f8ef7（藍色）
      conflict-b 分支：改成 #e84393（粉色）  */
-  background: #4f8ef7;
+  /* 深藤色（Fuka-fuji）— 深藤紫 */
+  background: #6f4e8c;
   color: white;
   border: none;
   padding: 10px 20px;