| {"version":3,"file":"static/css/main.1eeb7222.css","mappings":"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","sources":["index.css","ChatPage.css","App.css","foot.css"],"sourcesContent":["body {\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\n 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\ncode {\n font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\n monospace;\n}\n",".chat-container {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100vh;\r\n max-width: 800px;\r\n margin: auto;\r\n font-family: Arial, sans-serif;\r\n}\r\n\r\n.chat-header {\r\n padding: 16px;\r\n background-color: #4a90e2;\r\n color: white;\r\n font-size: 1.5rem;\r\n text-align: center;\r\n}\r\n\r\n.chat-messages {\r\n flex: 1;\r\n padding: 16px;\r\n overflow-y: auto;\r\n background-color: #f5f5f5;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 12px;\r\n}\r\n\r\n.chat-bubble {\r\n max-width: 70%;\r\n padding: 12px;\r\n border-radius: 16px;\r\n white-space: pre-wrap;\r\n word-wrap: break-word;\r\n}\r\n\r\n.chat-bubble.user {\r\n align-self: flex-end;\r\n background-color: #dcf8c6;\r\n}\r\n\r\n.chat-bubble.ai {\r\n align-self: flex-start;\r\n background-color: #ffffff;\r\n border: 1px solid #ddd;\r\n}\r\n\r\n.chat-bubble.loading {\r\n font-style: italic;\r\n opacity: 0.6;\r\n}\r\n\r\n.chat-input-area {\r\n display: flex;\r\n padding: 12px;\r\n border-top: 1px solid #ccc;\r\n background-color: #fff;\r\n}\r\n\r\n.chat-input-area input {\r\n flex: 1;\r\n padding: 8px;\r\n border: 1px solid #ccc;\r\n border-radius: 8px;\r\n margin-right: 8px;\r\n}\r\n\r\n.chat-input-area button {\r\n padding: 8px 16px;\r\n background-color: #4a90e2;\r\n color: white;\r\n border: none;\r\n border-radius: 8px;\r\n cursor: pointer;\r\n}\r\n\r\n.chat-input-area button:disabled {\r\n background-color: #a0c4f2;\r\n cursor: not-allowed;\r\n}\r\n\r\n.back-button {\r\n float: right;\r\n margin-right: 20px;\r\n background-color: #f2f2f2;\r\n border: none;\r\n padding: 6px 12px;\r\n border-radius: 8px;\r\n cursor: pointer;\r\n font-size: 14px;\r\n}\r\n\r\n.back-button:hover {\r\n background-color: #ddd;\r\n}",".App {\n text-align: center;\n}\n\n.App-logo {\n height: 40vmin;\n pointer-events: none;\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .App-logo {\n animation: App-logo-spin infinite 20s linear;\n }\n}\n\n.App-header {\n background-color: #282c34;\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n font-size: calc(10px + 2vmin);\n color: white;\n}\n\n.App-link {\n color: #61dafb;\n}\n\n@keyframes App-logo-spin {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n}\n\n/* Landing Page Styles */\n.landing-container { font-family: Arial, sans-serif; min-height: 100vh; display: flex; flex-direction: column; }\n.landing-header, .landing-footer { background: #f8f9fb; padding: 20px 40px; display: flex; justify-content: space-between; align-items: center; }\n.landing-main { flex: 1; padding: 40px; display: flex; flex-direction: column; align-items: center; }\n.landing-header .logo { font-weight: bold; font-size: 1.5rem; }\n.landing-nav a, .lang-select { margin: 0 10px; text-decoration: none; color: #222; }\n.start-btn { background: #2563eb; color: #fff; border: none; padding: 14px 32px; border-radius: 8px; font-size: 1.1rem; margin: 24px 0; cursor: pointer; }\n.how-it-works { margin: 40px 0; width: 100%; max-width: 900px; }\n.how-it-works h2 {text-align: center; }\n.steps { display: flex; justify-content: space-between; }\n.step { background: #fff; border-radius: 12px; box-shadow: 0 2px 8px #e5e7eb; padding: 24px; flex: 1; margin: 0 10px; text-align: center; }\n.step-number { background: #2563eb; color: #fff; border-radius: 50%; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; margin: 0 auto 12px; font-size: 1.2rem; }\n.download-resources { margin: 40px 0; width: 100%; max-width: 900px; }\n.download-resources h2 {text-align: center; }\n.resources { display: flex; justify-content: space-between; }\n.resource-card { background: #fff; border-radius: 12px; box-shadow: 0 2px 8px #e5e7eb; padding: 24px; flex: 1; margin: 0 10px; text-align: center; }\n.view-all { display: block; margin-top: 16px; text-align: right; color: #2563eb; text-decoration: none; }\n\n/* Chat Page Styles */\n.chat-container { min-height: 100vh; display: flex; flex-direction: column; background: #f4f6fa; }\n.chat-header { background: #2563eb; color: #fff; padding: 20px; font-size: 1.3rem; text-align: center; }\n.chat-messages { flex: 1; padding: 24px; overflow-y: auto; display: flex; flex-direction: column; gap: 12px; }\n.chat-message { max-width: 60%; padding: 12px 18px; border-radius: 16px; margin-bottom: 8px; }\n.chat-message.user { align-self: flex-end; background: #2563eb; color: #fff; }\n.chat-message.ai { align-self: flex-start; background: #fff; color: #222; border: 1px solid #e5e7eb; }\n.chat-input-area { display: flex; padding: 16px; background: #fff; border-top: 1px solid #e5e7eb; }\n.chat-input-area input { flex: 1; padding: 10px; border-radius: 8px; border: 1px solid #e5e7eb; margin-right: 10px; font-size: 1rem; }\n.chat-input-area button { background: #2563eb; color: #fff; border: none; border-radius: 8px; padding: 10px 24px; font-size: 1rem; cursor: pointer; }\n",".labassist-footer {\r\n background-color: #111122; /* 頁腳背景色，比 body 略深 */\r\n padding: 60px 40px; /* 上下左右內邊距 */\r\n display: flex;\r\n flex-direction: column; /* 讓主要內容和底部版權資訊垂直堆疊 */\r\n align-items: center; /* 讓整個 footer 的內容水平居中（在有 max-width 的情況下） */\r\n}\r\n\r\n/* 主要內容區域：包含四個列 */\r\n.footer-main-content {\r\n display: flex;\r\n justify-content: space-between; /* 將四個列均勻分佈在水平空間 */\r\n width: 100%; /* 佔滿父容器寬度 */\r\n max-width: 1200px; /* 限制內容的最大寬度，使其不會太寬 */\r\n margin-bottom: 50px; /* 與底部版權資訊的間距 */\r\n flex-wrap: wrap; /* 允許在小螢幕上換行 */\r\n}\r\n\r\n/* 每一個列（公司資訊、Product、Support、Company） */\r\n.footer-column {\r\n flex-basis: 22%; /* 讓每列佔據大約 22% 的空間，以便容納 4 列並留有間距 */\r\n /* 可以根據內容調整 flex-basis，或者使用 flex-grow: 1; 讓它們自動分配空間 */\r\n margin-bottom: 20px; /* 小螢幕換行時的間距 */\r\n}\r\n\r\n.footer-column h4 {\r\n font-size: 1.1em;\r\n color: #FFFFFF; /* 標題文字白色 */\r\n margin-bottom: 15px; /* 標題與下方連結的間距 */\r\n font-weight: bold;\r\n}\r\n\r\n.footer-column ul {\r\n list-style: none; /* 移除列表點 */\r\n}\r\n\r\n.footer-column ul li {\r\n margin-bottom: 8px; /* 連結之間的間距 */\r\n}\r\n\r\n.footer-column ul li a {\r\n color: #B0B0B0; /* 連結文字顏色 */\r\n text-decoration: none; /* 移除下劃線 */\r\n font-size: 0.95em;\r\n transition: color 0.3s ease; /* 平滑過渡效果 */\r\n}\r\n\r\n.footer-column ul li a:hover {\r\n color: #FFFFFF; /* 鼠標懸停時變白 */\r\n}\r\n\r\n/* 左側公司資訊區塊特有樣式 */\r\n.company-info {\r\n flex-basis: 30%; /* 給公司資訊列更多空間 */\r\n min-width: 250px; /* 確保在小螢幕上有足夠寬度 */\r\n}\r\n\r\n.company-logo-section {\r\n display: flex;\r\n align-items: center;\r\n margin-bottom: 15px;\r\n}\r\n\r\n.footer-logo {\r\n height: 30px; /* Logo 高度 */\r\n margin-right: 10px;\r\n}\r\n\r\n.company-logo-section span {\r\n font-size: 1.2em;\r\n font-weight: bold;\r\n color: #FFFFFF;\r\n}\r\n\r\n.company-info p {\r\n font-size: 0.9em;\r\n line-height: 1.6;\r\n margin-bottom: 20px;\r\n color: #B0B0B0;\r\n}\r\n\r\n.social-icons {\r\n display: flex;\r\n gap: 15px; /* 圖標間距 */\r\n}\r\n\r\n.social-icons a img {\r\n width: 20px; /* 圖標大小 */\r\n height: 20px;\r\n filter: invert(100%) brightness(80%); /* 將圖標顏色反轉為淺色 */\r\n transition: filter 0.3s ease;\r\n}\r\n\r\n.social-icons a:hover img {\r\n filter: invert(100%) brightness(100%); /* 鼠標懸停時變亮 */\r\n}\r\n\r\n\r\n/* 底部版權資訊區域 */\r\n.footer-bottom-bar {\r\n border-top: 1px solid #333344; /* 上方加一條細分隔線 */\r\n padding-top: 30px;\r\n width: 100%;\r\n max-width: 1200px; /* 與主要內容寬度保持一致 */\r\n display: flex;\r\n justify-content: space-between; /* 版權資訊靠左，法律連結靠右 */\r\n align-items: center; /* 垂直居中對齊 */\r\n font-size: 0.85em;\r\n color: #888899; /* 較淺的灰色 */\r\n}\r\n\r\n.footer-legal-links a {\r\n color: #888899;\r\n text-decoration: none;\r\n margin-left: 20px; /* 連結之間的間距 */\r\n transition: color 0.3s ease;\r\n}\r\n\r\n.footer-legal-links a:hover {\r\n color: #FFFFFF;\r\n}\r\n\r\n/* 響應式設計：小螢幕適應 */\r\n@media (max-width: 768px) {\r\n .labassist-footer {\r\n padding: 40px 20px;\r\n }\r\n\r\n .footer-main-content {\r\n flex-direction: column; /* 小螢幕時，列變成垂直堆疊 */\r\n align-items: flex-start; /* 讓每個列都靠左對齊 */\r\n gap: 30px; /* 列之間的間距 */\r\n }\r\n\r\n .footer-column {\r\n flex-basis: 100%; /* 每列佔據全部寬度 */\r\n max-width: 100%; /* 確保最大寬度 */\r\n }\r\n\r\n .footer-bottom-bar {\r\n flex-direction: column; /* 版權和法律連結垂直堆疊 */\r\n text-align: center;\r\n }\r\n\r\n .footer-legal-links {\r\n margin-top: 15px; /* 與版權資訊的間距 */\r\n }\r\n\r\n .footer-legal-links a {\r\n margin: 0 10px; /* 調整連結間距 */\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .labassist-footer {\r\n padding: 30px 15px;\r\n }\r\n\r\n .footer-main-content {\r\n gap: 20px;\r\n }\r\n\r\n .social-icons {\r\n gap: 10px;\r\n }\r\n}"],"names":[],"sourceRoot":""} |