text/css">.omniChat-wrapper { font-family: 'Nunito Sans', sans-serif; } .omniChat-overlay { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); z-index: 999; } .omniChat-fab { position: fixed; right: 16px; bottom: 48px; width: 104px; height: 104px; cursor: pointer; z-index: 1001; transition: transform 0.2s; } @media screen and (max-width: 1024px) { .omniChat-fab { bottom: 112px; right: 8px; width: 80px; height: 80px; margin-bottom: 8px; } } .omniChat-fab:hover { transform: scale(1.05); } .omniChat-panel { display: none; position: fixed; background: #fafafa; box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.08); z-index: 1000; box-sizing: border-box; } @media screen and (max-width: 1024px) { .omniChat-panel { bottom: 0; left: 0; right: 0; width: 100%; border-radius: 20px 20px 0 0; padding-bottom: env(safe-area-inset-bottom); animation: slideUp 0.3s ease-out; } } @media screen and (min-width: 1025px) { .omniChat-panel { bottom: 48px; right: 16px; width: 360px; border-radius: 8px; animation: fadeIn 0.3s ease-out; } } @keyframes slideUp { from { transform: translateY(100%); } to { transform: translateY(0); } } @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } .omniChat-header { display: flex; justify-content: space-between; align-items: center; max-height: 48px; padding: 12px 12px 12px 16px; background: linear-gradient(209.37deg, #307fc3 -9.86%, #184889 98.98%); border-radius: 8px 8px 0 0; } .omniChat-header h3 { margin: 0; font-size: 16px; color: #fff; font-weight: 700; line-height: 1.5; } .omniChat-header-left { display: flex; align-items: center; gap: 8px; } .omniChat-close, .omniChat-back { cursor: pointer; background: none; border: none; padding: 0; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; } .omniChat-close img, .omniChat-back img { width: 24px; height: 24px; } .omniChat-body { padding: 16px; display: flex; flex-direction: column; gap: 8px; flex: 1; box-sizing: border-box; } .omniChat-section { background: #fff; border-radius: 8px; box-shadow: 0px 0px 8px rgba(20, 20, 20, 0.08), 0px 0px 1px rgba(20, 20, 20, 0.04); display: flex; flex-direction: row; align-items: center; gap: 12px; padding: 12px; } .omniChat-section-clickable { cursor: pointer; } .omniChat-section-icon { width: 56px; height: 56px; flex-shrink: 0; position: relative; } .omniChat-section-icon img { width: 100%; height: 100%; object-fit: contain; } .omniChat-section-icon img.omniChat-badge-icon { position: absolute; width: 16px; height: 16px; bottom: 0px; right: 0px; } .omniChat-section-content { display: flex; flex-direction: column; gap: 4px; flex: 1; } .omniChat-title { font-size: 14px; font-weight: 700; color: #212121; margin: 0; line-height: 1.14; transition: color 0.2s; } .omniChat-desc { font-size: 12px; color: #878787; margin: 0; line-height: 1.36; transition: color 0.2s; } .omniChat-section:hover .omniChat-title { color: #042b60; } .omniChat-section:hover .omniChat-desc { color: #212121; } .omniChat-btn-group { display: flex; gap: 4px; margin-top: 4px; } .omniChat-btn { display: flex; align-items: center; gap: 4px; padding: 8px 16px 8px 12px; border-radius: 24px; font-size: 12px; cursor: pointer; border: 1px solid #e8e8e8; background: #fff; color: #212121; transition: background 0.2s; line-height: 1; } .omniChat-btn:hover { background: #f5f5f5; } .omniChat-btn img { width: 24px; height: 24px; display: block; } .omniChat-faq-container { display: flex; justify-content: space-between; align-items: center; margin-top: auto; padding-left: 8px; } .omniChat-btn-faq { padding: 8px 24px; border-radius: 48px; font-size: 14px; color: #00529c; border: 1px solid #e6eaf2; background: transparent; cursor: pointer; text-decoration: none; } .omniChat-btn-faq:hover { background: #f5f5f5; } #omniChat-main-view { min-height: 360px; box-sizing: border-box; display: flex; flex-direction: column; }

你好, 需要幫忙嗎?

豐澤產品專員

由產品專員解答產品資訊及門市查詢

豐澤客服團隊

查詢訂單狀態、送貨安裝、售後服務或會員帳戶

還有其他查詢?
先看看大家在問甚麼

常見問題

你好, 需要幫忙嗎?

豐澤產品專員

豐澤客服團隊

Petsche