https://ilovegochina.netlify.app/assets/HelpSupport-GWX9IHNa.js

1import{d as j,r as i,j as e,M as C,P as S,h as M,m as U,b as q,v as F,U as Q}from"./index-D2z8m8GB.js";import{M as b}from"./mail-DAXSDKdI.js";import{C as h,S as D,a as L}from"./shield-BcGkS7uN.js";import{C as A,a as E}from"./chevron-up-CWxIeavT.js";/**
2 * @license lucide-react v0.518.0 - ISC
3 *
4 * This source code is licensed under the ISC license.
5 * See the LICENSE file in the root directory of this source tree.
6 */const _=[["path",{d:"m8 2 1.88 1.88",key:"fmnt4t"}],["path",{d:"M14.12 3.88 16 2",key:"qol33r"}],["path",{d:"M9 7.13v-1a3.003 3.003 0 1 1 6 0v1",key:"d7y7pr"}],["path",{d:"M12 20c-3.3 0-6-2.7-6-6v-3a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v3c0 3.3-2.7 6-6 6",key:"xs1cw7"}],["path",{d:"M12 20v-9",key:"1qisl0"}],["path",{d:"M6.53 9C4.6 8.8 3 7.1 3 5",key:"32zzws"}],["path",{d:"M6 13H2",key:"82j7cp"}],["path",{d:"M3 21c0-2.1 1.7-3.9 3.8-4",key:"4p0ekp"}],["path",{d:"M20.97 5c0 2.1-1.6 3.8-3.5 4",key:"18gb23"}],["path",{d:"M22 13h-4",key:"1jl80f"}],["path",{d:"M17.2 17c2.1.1 3.8 1.9 3.8 4",key:"k3fwyw"}]],$=j("bug",_);/**
7 * @license lucide-react v0.518.0 - ISC
8 *
9 * This source code is licensed under the ISC license.
10 * See the LICENSE file in the root directory of this source tree.
11 */const H=[["path",{d:"M15 3h6v6",key:"1q9fwt"}],["path",{d:"M10 14 21 3",key:"gplh6r"}],["path",{d:"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6",key:"a6xqqp"}]],u=j("external-link",H),a=r=>{const c=new Date;return c.setDate(c.getDate()-r),c.toISOString().split("T")[0]},I=[{id:"1",question:"如何註冊成為會員？",answer:"您可以點擊網站右上角的「登記」按鈕，填寫基本資訊包括用戶名、電子郵件和密碼即可完成註冊。註冊後您將能夠發表遊記、參與討論和使用個人化功能。",category:"帳戶管理",helpful:245,lastUpdated:a(5)},{id:"2",question:"忘記密碼怎麼辦？",answer:"在登入頁面點擊「忘記密碼」連結，輸入您註冊時使用的電子郵件地址，系統會發送密碼重置連結到您的郵箱。請檢查垃圾郵件夾，如果沒有收到郵件，請聯絡客服。",category:"帳戶管理",helpful:189,lastUpdated:a(8)},{id:"3",question:"如何搜尋特定的旅遊景點？",answer:"您可以使用網站的搜尋功能，輸入景點名稱、城市或關鍵字進行搜尋。我們的高級搜尋支援多種篩選條件，包括地區、類型、評分等，幫助您快速找到心儀的目的地。",category:"網站功能",helpful:312,lastUpdated:a(2)},{id:"4",question:"如何發表旅遊遊記？",answer:"登入帳戶後，點擊「遊記」頁面的「寫遊記」按鈕。您可以添加標題、內容、照片和標籤。我們建議包含詳細的行程安排、實用建議和個人感受，這樣能為其他旅行者提供更有價值的參考。",category:"內容發布",helpful:267,lastUpdated:a(10)},{id:"5",question:"網站是否支援手機瀏覽？",answer:"是的，我們的網站採用響應式設計，完全支援手機和平板電腦瀏覽。您可以在任何設備上享受完整的功能體驗，包括搜尋、閱讀遊記、使用地圖等。",category:"技術支援",helpful:156,lastUpdated:a(12)},{id:"6",question:"如何聯絡客服？",answer:"您可以通過多種方式聯絡我們：1) 在線客服（週一至週五 9:00-18:00）2) 電子郵件：[email protected] 3) 客服電話：400-123-4567 4) 在本頁面提交支援請求表單。",category:"客戶服務",helpful:198,lastUpdated:a(15)},{id:"7",question:"個人資料安全嗎？",answer:"我們非常重視用戶隱私和資料安全。所有個人資料都經過加密存儲，我們嚴格遵循資料保護法規，不會將您的個人資料分享給第三方。詳細資訊請查看我們的隱私政策。",category:"隱私安全",helpful:234,lastUpdated:a(17)},{id:"8",question:"如何使用互動地圖功能？",answer:"互動地圖支援縮放、拖拽和點擊標記查看詳細資訊。您可以切換不同的圖層顯示，包括景點、交通、住宿等。在行程規劃模式下，還可以添加路線和查看距離。",category:"網站功能",helpful:178,lastUpdated:a(20)}],T=[{type:"chat",title:"在線客服",description:"即時聊天支援，快速解決問題",contact:"點擊開始對話",hours:"週一至週五 9:00-18:00",icon:C,color:"blue"}

11,{type:"email",title:"電子郵件",description:"詳細問題描述，24小時內回覆",contact:"[email protected]",hours:"24小時受理",icon:b,color:"green"},{type:"phone",title:"客服電話",description:"緊急問題或複雜諮詢",contact:"400-123-4567",hours:"週一至週日 8:00-20:00",icon:S,color:"red"},{type:"feedback",title:"意見回饋",description:"建議和改進意見",contact:"[email protected]",hours:"隨時歡迎",icon:M,color:"yellow"}],p=["全部","帳戶管理","網站功能","內容發布","技術支援","客戶服務","隱私安全","付費服務"];function O(){const[r,c]=i.useState("全部"),[d,y]=i.useState(""),[x,N]=i.useState(null),[n,l]=i.useState({name:"",email:"",subject:"",category:"general",message:"",priority:"normal"}),[o,g]=i.useState("idle"),m=I.filter(s=>{const t=r==="全部"||s.category===r,k=d===""||s.question.toLowerCase().includes(d.toLowerCase())||s.answer.toLowerCase().includes(d.toLowerCase());return t&&k}),f=s=>{N(x===s?null:s)},v=s=>{s.preventDefault(),g("success"),l({name:"",email:"",subject:"",category:"general",message:"",priority:"normal"}),setTimeout(()=>g("idle"),5e3)},w=s=>{const t={blue:"bg-blue-50 border-blue-200 text-blue-800",green:"bg-green-50 border-green-200 text-green-800",red:"bg-red-50 border-red-200 text-red-800",yellow:"bg-yellow-50 border-yellow-200 text-yellow-800"};return t[s]||t.blue};return e.jsxs("div",{className:"space-y-8",children:[e.jsxs("div",{className:"bg-gradient-to-r from-blue-500 to-indigo-600 text-white rounded-lg p-8",children:[e.jsx("h1",{className:"text-3xl font-bold mb-4",children:"説明及支援"}),e.jsx("p",{className:"text-blue-100 text-lg",children:"我們隨時為您提供協助，讓您的旅行規劃更加順利"})]}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6",children:T.map(s=>{const t=s.icon;return e.jsxs("div",{className:`border-2 rounded-lg p-6 hover:shadow-md transition-all cursor-pointer ${w(s.color)}`,children:[e.jsxs("div",{className:"flex items-center space-x-3 mb-3",children:[e.jsx(t,{className:"w-8 h-8"}),e.jsx("h3",{className:"font-semibold",children:s.title})]}),e.jsx("p",{className:"text-sm mb-3",children:s.description}),e.jsx("p",{className:"text-sm font-medium mb-2",children:s.contact}),e.jsxs("div",{className:"flex items-center space-x-1 text-xs",children:[e.jsx(U,{className:"w-3 h-3"}),e.jsx("span",{children:s.hours})]})]},s.type)})}),e.jsxs("div",{className:"bg-white rounded-lg shadow-sm p-6",children:[e.jsxs("div",{className:"flex flex-col lg:flex-row lg:items-center lg:justify-between space-y-4 lg:space-y-0 mb-6",children:[e.jsx("h2",{className:"text-2xl font-bold text-gray-800",children:"常見問題"}),e.jsxs("div",{className:"flex flex-col sm:flex-row space-y-2 sm:space-y-0 sm:space-x-4",children:[e.jsxs("div",{className:"relative",children:[e.jsx(q,{className:"absolute left-3 top-3 w-4 h-4 text-gray-400"}),e.jsx("input",{type:"text",placeholder:"搜尋常見問題...",value:d,onChange:s=>y(s.target.value),className:"pl-10 pr-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent w-64"})]}),e.jsx("select",{value:r,onChange:s=>c(s.target.value),className:"px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500",children:p.map(s=>e.jsx("option",{value:s,children:s},s))})]})]}),e.jsx("div",{className:"flex flex-wrap gap-2 mb-6",children:p.map(s=>e.jsx("button",{onClick:()=>c(s),className:`px-4 py-2 rounded-lg text-sm font-medium ${r===s?"bg-blue-600 text-white":"bg-gray-100 text-gray-700 hover:bg-gray-200"}`,children:s},s))}),e.jsx("div",{className:"mb-6",children:e.jsxs("p",{className:"text-gray-600",children:["找到 ",m.length," 個常見問題"]})}),e.jsx("div",{className:"space-y-4",children:m.map(s=>e.jsxs("div",{className:"border border-gray-200 rounded-lg",children:[e.jsxs("button",{onClick:()=>f(s.id),className:"w-full p-4 text-left flex items-center justify-between hover:bg-gray-50",children:[e.jsxs("div",{className:"flex-1",children:[e.jsx("h3",{className:"font-medium text-gray-800",children:s.question}),e.jsxs("div",{className:"flex items-center space-x-4 mt-2 text-sm text-gray-500",children:[e.jsx("span",{className:"bg-gray-100 px-2 py-1 rounded text-xs",children:s.category}),e.jsxs("span",{className:"flex items-center space-x-1",children:[e.jsx(h,{className:"w-3 h-3"}

11),e.jsxs("span",{children:[s.helpful," 人覺得有用"]})]}),e.jsxs("span",{children:["更新: ",s.lastUpdated]})]})]}),x===s.id?e.jsx(A,{className:"w-5 h-5 text-gray-400"}):e.jsx(E,{className:"w-5 h-5 text-gray-400"})]}),x===s.id&&e.jsx("div",{className:"px-4 pb-4",children:e.jsxs("div",{className:"bg-gray-50 rounded-lg p-4 mt-3",children:[e.jsx("p",{className:"text-gray-700",children:s.answer}),e.jsxs("div",{className:"flex items-center space-x-4 mt-4 text-sm",children:[e.jsxs("button",{className:"flex items-center space-x-1 text-green-600 hover:text-green-700",children:[e.jsx(h,{className:"w-4 h-4"}),e.jsx("span",{children:"有用"})]}),e.jsx("button",{className:"text-gray-500 hover:text-gray-700",children:"需要更多幫助"})]})]})})]},s.id))}),m.length===0&&e.jsxs("div",{className:"text-center py-12",children:[e.jsx(F,{className:"w-16 h-16 text-gray-300 mx-auto mb-4"}),e.jsx("h3",{className:"text-lg font-medium text-gray-900 mb-2",children:"沒有找到相關問題"}),e.jsx("p",{className:"text-gray-500",children:"請嘗試調整搜尋條件或直接聯絡客服"})]})]}),e.jsxs("div",{className:"bg-white rounded-lg shadow-sm p-6",children:[e.jsx("h2",{className:"text-2xl font-bold text-gray-800 mb-6",children:"提交支援請求"}),e.jsxs("form",{onSubmit:v,className:"space-y-6",children:[e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[e.jsxs("div",{children:[e.jsxs("label",{className:"block text-sm font-medium text-gray-700 mb-2",children:[e.jsx(Q,{className:"w-4 h-4 inline mr-1"}),"您的姓名 *"]}),e.jsx("input",{type:"text",required:!0,value:n.name,onChange:s=>l(t=>({...t,name:s.target.value})),className:"w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500",placeholder:"請輸入您的姓名"})]}),e.jsxs("div",{children:[e.jsxs("label",{className:"block text-sm font-medium text-gray-700 mb-2",children:[e.jsx(b,{className:"w-4 h-4 inline mr-1"}),"電子郵件 *"]}),e.jsx("input",{type:"email",required:!0,value:n.email,onChange:s=>l(t=>({...t,email:s.target.value})),className:"w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500",placeholder:"請輸入您的電子郵件"})]})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium text-gray-700 mb-2",children:"主題 *"}),e.jsx("input",{type:"text",required:!0,value:n.subject,onChange:s=>l(t=>({...t,subject:s.target.value})),className:"w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500",placeholder:"簡要描述您的問題"})]}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium text-gray-700 mb-2",children:"問題分類"}),e.jsxs("select",{value:n.category,onChange:s=>l(t=>({...t,category:s.target.value})),className:"w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500",children:[e.jsx("option",{value:"general",children:"一般諮詢"}),e.jsx("option",{value:"technical",children:"技術問題"}),e.jsx("option",{value:"account",children:"帳戶問題"}),e.jsx("option",{value:"billing",children:"付費相關"}),e.jsx("option",{value:"content",children:"內容問題"}),e.jsx("option",{value:"feedback",children:"意見建議"})]})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium text-gray-700 mb-2",children:"優先級"}),e.jsxs("select",{value:n.priority,onChange:s=>l(t=>({...t,priority:s.target.value})),className:"w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500",children:[e.jsx("option",{value:"low",children:"低"}),e.jsx("option",{value:"normal",children:"一般"}),e.jsx("option",{value:"high",children:"高"}),e.jsx("option",{value:"urgent",children:"緊急"})]})]})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium text-gray-700 mb-2",children:"詳細描述 *"}),e.jsx("textarea",{required:!0,rows:6,value:n.message,onChange:s=>l(t=>({...t,message:s.target.value})),className:"w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500",placeholder:"請詳細描述您遇到的問題或需要的協助..."})]}),e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("p",{className:"text-sm text-gray-500",children:"我們會在24小時內

11回覆您的請求"}),e.jsxs("div",{className:"flex items-center space-x-4",children:[o==="success"&&e.jsxs("span",{className:"text-green-600 flex items-center text-sm font-medium animate-fade-in",children:[e.jsx(h,{className:"w-4 h-4 mr-1"}),"已提交成功！"]}),e.jsx("button",{type:"submit",disabled:o==="success",className:`px-6 py-3 rounded-lg font-medium text-white transition-colors ${o==="success"?"bg-green-600 hover:bg-green-700 cursor-default":"bg-blue-600 hover:bg-blue-700"}`,children:o==="success"?"已發送":"提交請求"})]})]})]})]}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-6",children:[e.jsxs("div",{className:"bg-white rounded-lg shadow-sm p-6",children:[e.jsxs("div",{className:"flex items-center space-x-3 mb-4",children:[e.jsx(D,{className:"w-8 h-8 text-green-600"}),e.jsx("h3",{className:"font-semibold text-gray-800",children:"隱私與安全"})]}),e.jsx("p",{className:"text-gray-600 text-sm mb-4",children:"了解我們如何保護您的個人資料和帳戶安全"}),e.jsxs("button",{className:"flex items-center space-x-1 text-blue-600 hover:text-blue-700 text-sm",children:[e.jsx("span",{children:"查看隱私政策"}),e.jsx(u,{className:"w-3 h-3"})]})]}),e.jsxs("div",{className:"bg-white rounded-lg shadow-sm p-6",children:[e.jsxs("div",{className:"flex items-center space-x-3 mb-4",children:[e.jsx(L,{className:"w-8 h-8 text-blue-600"}),e.jsx("h3",{className:"font-semibold text-gray-800",children:"付費與帳單"})]}),e.jsx("p",{className:"text-gray-600 text-sm mb-4",children:"了解付費服務、帳單查詢和退款政策"}),e.jsxs("button",{className:"flex items-center space-x-1 text-blue-600 hover:text-blue-700 text-sm",children:[e.jsx("span",{children:"查看付費說明"}),e.jsx(u,{className:"w-3 h-3"})]})]}),e.jsxs("div",{className:"bg-white rounded-lg shadow-sm p-6",children:[e.jsxs("div",{className:"flex items-center space-x-3 mb-4",children:[e.jsx($,{className:"w-8 h-8 text-red-600"}),e.jsx("h3",{className:"font-semibold text-gray-800",children:"問題回報"})]}),e.jsx("p",{className:"text-gray-600 text-sm mb-4",children:"發現網站問題或錯誤？請告訴我們"}),e.jsxs("button",{className:"flex items-center space-x-1 text-blue-600 hover:text-blue-700 text-sm",children:[e.jsx("span",{children:"回報問題"}),e.jsx(u,{className:"w-3 h-3"})]})]})]}),e.jsxs("div",{className:"bg-white rounded-lg shadow-sm p-6",children:[e.jsx("h2",{className:"text-xl font-semibold text-gray-800 mb-4",children:"系統狀態"}),e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"flex items-center justify-between p-3 bg-green-50 rounded-lg",children:[e.jsxs("div",{className:"flex items-center space-x-3",children:[e.jsx("div",{className:"w-3 h-3 bg-green-500 rounded-full"}),e.jsx("span",{className:"font-medium text-gray-800",children:"網站服務"})]}),e.jsx("span",{className:"text-green-600 text-sm",children:"正常運行"})]}),e.jsxs("div",{className:"flex items-center justify-between p-3 bg-green-50 rounded-lg",children:[e.jsxs("div",{className:"flex items-center space-x-3",children:[e.jsx("div",{className:"w-3 h-3 bg-green-500 rounded-full"}),e.jsx("span",{className:"font-medium text-gray-800",children:"搜尋功能"})]}),e.jsx("span",{className:"text-green-600 text-sm",children:"正常運行"})]}),e.jsxs("div",{className:"flex items-center justify-between p-3 bg-green-50 rounded-lg",children:[e.jsxs("div",{className:"flex items-center space-x-3",children:[e.jsx("div",{className:"w-3 h-3 bg-green-500 rounded-full"}),e.jsx("span",{className:"font-medium text-gray-800",children:"地圖服務"})]}),e.jsx("span",{className:"text-green-600 text-sm",children:"正常運行"})]}),e.jsxs("div",{className:"flex items-center justify-between p-3 bg-yellow-50 rounded-lg",children:[e.jsxs("div",{className:"flex items-center space-x-3",children:[e.jsx("div",{className:"w-3 h-3 bg-yellow-500 rounded-full"}),e.jsx("span",{className:"font-medium text-gray-800",children:"郵件系統"})]}),e.jsx("span",{className:"text-yellow-600 text-sm",children:"維護中"})]})]}),e.jsx("p",{className:"text-sm text-gray-500 mt-4",children:"最後更新: 2024-06-20 14:30 GMT+8"})]})]})}export{O as default};