28:I[797757,["/_next/static/chunks/33t46atd3n2zd.js","/_next/static/chunks/38gssl-hqf1-k.js","/_next/static/chunks/0oz9ngcv2x75q.js","/_next/static/chunks/1mrzzfgs6ov9x.js","/_next/static/chunks/1r7cb-lwp-f9r.js","/_next/static/chunks/413h1i2rtquxj.js","/_next/static/chunks/1xw1d_s28aqti.js","/_next/static/chunks/2l0gadslz3enx.js","/_next/static/chunks/21pe5w4k90wgb.js","/_next/static/chunks/38q_jb6ag3uvq.js","/_next/static/chunks/3bk2quce0arg2.js","/_next/static/chunks/0hog4fy7-53g6.js","/_next/static/chunks/11lrmo32-og5p.js","/_next/static/chunks/1806h_b4m9ldo.js","/_next/static/chunks/1kk0bm0mep66x.js","/_next/static/chunks/2ejset2lg1u2z.js","/_next/static/chunks/1zcwhrx83o8rp.js","/_next/static/chunks/2nhps0jny3pcc.js","/_next/static/chunks/0xvddej7v_5jw.js","/_next/static/chunks/2ba6nsbtvbtja.js","/_next/static/chunks/3dy7_zubux29i.js","/_next/static/chunks/04ris__zaodg6.js","/_next/static/chunks/0jv0jh12f3qjs.js","/_next/static/chunks/1hp0o3q6yiakl.js","/_next/static/chunks/3iw7i2vsddgf3.js","/_next/static/chunks/1dixiy1s16ys1.js","/_next/static/chunks/22vxbvy11cq_d.js","/_next/static/chunks/2tp0f1qdn6ksd.js","/_next/static/chunks/1d9jdg85_ag8s.js","/_next/static/chunks/2ydh05vpofq8b.js","/_next/static/chunks/334bolhjvshpu.js","/_next/static/chunks/2r-5r1u3f57uc.js","/_next/static/chunks/3c3fkg6dba8xo.js","/_next/static/chunks/0q6x53cdl9uaq.js","/_next/static/chunks/16rxxsmvxlkl9.js"],"SiteThemeProvider"] 29:I[721220,["/_next/static/chunks/33t46atd3n2zd.js","/_next/static/chunks/38gssl-hqf1-k.js","/_next/static/chunks/0oz9ngcv2x75q.js","/_next/static/chunks/1mrzzfgs6ov9x.js","/_next/static/chunks/1r7cb-lwp-f9r.js","/_next/static/chunks/413h1i2rtquxj.js","/_next/static/chunks/1xw1d_s28aqti.js","/_next/static/chunks/2l0gadslz3enx.js","/_next/static/chunks/21pe5w4k90wgb.js","/_next/static/chunks/38q_jb6ag3uvq.js","/_next/static/chunks/3bk2quce0arg2.js","/_next/static/chunks/0hog4fy7-53g6.js","/_next/static/chunks/11lrmo32-og5p.js","/_next/static/chunks/1806h_b4m9ldo.js","/_next/static/chunks/1kk0bm0mep66x.js","/_next/static/chunks/2ejset2lg1u2z.js","/_next/static/chunks/1zcwhrx83o8rp.js","/_next/static/chunks/2nhps0jny3pcc.js","/_next/static/chunks/0xvddej7v_5jw.js","/_next/static/chunks/2ba6nsbtvbtja.js","/_next/static/chunks/3dy7_zubux29i.js","/_next/static/chunks/04ris__zaodg6.js","/_next/static/chunks/0jv0jh12f3qjs.js","/_next/static/chunks/1hp0o3q6yiakl.js","/_next/static/chunks/3iw7i2vsddgf3.js","/_next/static/chunks/1dixiy1s16ys1.js","/_next/static/chunks/22vxbvy11cq_d.js","/_next/static/chunks/2tp0f1qdn6ksd.js","/_next/static/chunks/1d9jdg85_ag8s.js","/_next/static/chunks/2ydh05vpofq8b.js","/_next/static/chunks/334bolhjvshpu.js","/_next/static/chunks/2r-5r1u3f57uc.js","/_next/static/chunks/3c3fkg6dba8xo.js","/_next/static/chunks/0q6x53cdl9uaq.js","/_next/static/chunks/16rxxsmvxlkl9.js"],"QueryProvider"] 2a:I[438359,["/_next/static/chunks/33t46atd3n2zd.js","/_next/static/chunks/38gssl-hqf1-k.js","/_next/static/chunks/0oz9ngcv2x75q.js","/_next/static/chunks/1mrzzfgs6ov9x.js","/_next/static/chunks/1r7cb-lwp-f9r.js","/_next/static/chunks/413h1i2rtquxj.js","/_next/static/chunks/1xw1d_s28aqti.js","/_next/static/chunks/2l0gadslz3enx.js","/_next/static/chunks/21pe5w4k90wgb.js","/_next/static/chunks/38q_jb6ag3uvq.js","/_next/static/chunks/3bk2quce0arg2.js","/_next/static/chunks/0hog4fy7-53g6.js","/_next/static/chunks/11lrmo32-og5p.js","/_next/static/chunks/1806h_b4m9ldo.js","/_next/static/chunks/1kk0bm0mep66x.js","/_next/static/chunks/2ejset2lg1u2z.js","/_next/static/chunks/1zcwhrx83o8rp.js","/_next/static/chunks/2nhps0jny3pcc.js","/_next/static/chunks/0xvddej7v_5jw.js","/_next/static/chunks/2ba6nsbtvbtja.js","/_next/static/chunks/3dy7_zubux29i.js","/_next/static/chunks/04ris__zaodg6.js","/_next/static/chunks/0jv0jh12f3qjs.js","/_next/static/chunks/1hp0o3q6yiakl.js","/_next/static/chunks/3iw7i2vsddgf3.js","/_next/static/chunks/1dixiy1s16ys1.js","/_next/static/chunks/22vxbvy11cq_d.js","/_next/static/chunks/2tp0f1qdn6ksd.js","/_next/static/chunks/1d9jdg85_ag8s.js","/_next/static/chunks/2ydh05vpofq8b.js","/_next/static/chunks/334bolhjvshpu.js","/_next/static/chunks/2r-5r1u3f57uc.js","/_next/static/chunks/3c3fkg6dba8xo.js","/_next/static/chunks/0q6x53cdl9uaq.js","/_next/static/chunks/16rxxsmvxlkl9.js"],"SmoothScroll"] 2b:I[773496,["/_next/static/chunks/33t46atd3n2zd.js","/_next/static/chunks/38gssl-hqf1-k.js","/_next/static/chunks/0oz9ngcv2x75q.js","/_next/static/chunks/1mrzzfgs6ov9x.js","/_next/static/chunks/1r7cb-lwp-f9r.js","/_next/static/chunks/413h1i2rtquxj.js","/_next/static/chunks/1xw1d_s28aqti.js","/_next/static/chunks/2l0gadslz3enx.js","/_next/static/chunks/21pe5w4k90wgb.js","/_next/static/chunks/38q_jb6ag3uvq.js","/_next/static/chunks/3bk2quce0arg2.js","/_next/static/chunks/0hog4fy7-53g6.js","/_next/static/chunks/11lrmo32-og5p.js","/_next/static/chunks/1806h_b4m9ldo.js","/_next/static/chunks/1kk0bm0mep66x.js","/_next/static/chunks/2ejset2lg1u2z.js","/_next/static/chunks/1zcwhrx83o8rp.js","/_next/static/chunks/2nhps0jny3pcc.js","/_next/static/chunks/0xvddej7v_5jw.js","/_next/static/chunks/2ba6nsbtvbtja.js","/_next/static/chunks/3dy7_zubux29i.js","/_next/static/chunks/04ris__zaodg6.js","/_next/static/chunks/0jv0jh12f3qjs.js","/_next/static/chunks/1hp0o3q6yiakl.js","/_next/static/chunks/3iw7i2vsddgf3.js","/_next/static/chunks/1dixiy1s16ys1.js","/_next/static/chunks/22vxbvy11cq_d.js","/_next/static/chunks/2tp0f1qdn6ksd.js","/_next/static/chunks/1d9jdg85_ag8s.js","/_next/static/chunks/2ydh05vpofq8b.js","/_next/static/chunks/334bolhjvshpu.js","/_next/static/chunks/2r-5r1u3f57uc.js","/_next/static/chunks/3c3fkg6dba8xo.js","/_next/static/chunks/0q6x53cdl9uaq.js","/_next/static/chunks/16rxxsmvxlkl9.js"],"Header"] 2c:I[373239,["/_next/static/chunks/33t46atd3n2zd.js","/_next/static/chunks/38gssl-hqf1-k.js","/_next/static/chunks/0oz9ngcv2x75q.js","/_next/static/chunks/1mrzzfgs6ov9x.js","/_next/static/chunks/1r7cb-lwp-f9r.js","/_next/static/chunks/413h1i2rtquxj.js","/_next/static/chunks/1xw1d_s28aqti.js","/_next/static/chunks/2l0gadslz3enx.js","/_next/static/chunks/21pe5w4k90wgb.js","/_next/static/chunks/38q_jb6ag3uvq.js","/_next/static/chunks/3bk2quce0arg2.js","/_next/static/chunks/0hog4fy7-53g6.js","/_next/static/chunks/11lrmo32-og5p.js","/_next/static/chunks/1806h_b4m9ldo.js","/_next/static/chunks/1kk0bm0mep66x.js","/_next/static/chunks/2ejset2lg1u2z.js","/_next/static/chunks/1zcwhrx83o8rp.js","/_next/static/chunks/2nhps0jny3pcc.js","/_next/static/chunks/0xvddej7v_5jw.js","/_next/static/chunks/2ba6nsbtvbtja.js","/_next/static/chunks/3dy7_zubux29i.js","/_next/static/chunks/04ris__zaodg6.js","/_next/static/chunks/0jv0jh12f3qjs.js","/_next/static/chunks/1hp0o3q6yiakl.js","/_next/static/chunks/3iw7i2vsddgf3.js","/_next/static/chunks/1dixiy1s16ys1.js","/_next/static/chunks/22vxbvy11cq_d.js","/_next/static/chunks/2tp0f1qdn6ksd.js","/_next/static/chunks/1d9jdg85_ag8s.js","/_next/static/chunks/2ydh05vpofq8b.js","/_next/static/chunks/334bolhjvshpu.js","/_next/static/chunks/2r-5r1u3f57uc.js","/_next/static/chunks/3c3fkg6dba8xo.js","/_next/static/chunks/0q6x53cdl9uaq.js","/_next/static/chunks/16rxxsmvxlkl9.js","/_next/static/chunks/2nk5gm6kc1t13.js"],"default"] 33:I[751748,["/_next/static/chunks/33t46atd3n2zd.js","/_next/static/chunks/38gssl-hqf1-k.js","/_next/static/chunks/0oz9ngcv2x75q.js","/_next/static/chunks/1mrzzfgs6ov9x.js","/_next/static/chunks/1r7cb-lwp-f9r.js","/_next/static/chunks/413h1i2rtquxj.js","/_next/static/chunks/1xw1d_s28aqti.js","/_next/static/chunks/2l0gadslz3enx.js","/_next/static/chunks/21pe5w4k90wgb.js","/_next/static/chunks/38q_jb6ag3uvq.js","/_next/static/chunks/3bk2quce0arg2.js","/_next/static/chunks/0hog4fy7-53g6.js","/_next/static/chunks/11lrmo32-og5p.js","/_next/static/chunks/1806h_b4m9ldo.js","/_next/static/chunks/1kk0bm0mep66x.js","/_next/static/chunks/2ejset2lg1u2z.js","/_next/static/chunks/1zcwhrx83o8rp.js","/_next/static/chunks/2nhps0jny3pcc.js","/_next/static/chunks/0xvddej7v_5jw.js","/_next/static/chunks/2ba6nsbtvbtja.js","/_next/static/chunks/3dy7_zubux29i.js","/_next/static/chunks/04ris__zaodg6.js","/_next/static/chunks/0jv0jh12f3qjs.js","/_next/static/chunks/1hp0o3q6yiakl.js","/_next/static/chunks/3iw7i2vsddgf3.js","/_next/static/chunks/1dixiy1s16ys1.js","/_next/static/chunks/22vxbvy11cq_d.js","/_next/static/chunks/2tp0f1qdn6ksd.js","/_next/static/chunks/1d9jdg85_ag8s.js","/_next/static/chunks/2ydh05vpofq8b.js","/_next/static/chunks/334bolhjvshpu.js","/_next/static/chunks/2r-5r1u3f57uc.js","/_next/static/chunks/3c3fkg6dba8xo.js","/_next/static/chunks/0q6x53cdl9uaq.js","/_next/static/chunks/16rxxsmvxlkl9.js"],"Reveal"] :HL["https://horskin4.xn--fhqs21cv5q792a.asia/storage/website/2026/05/27/QECVbS17AASxQMri.png","image"] 26:["$","$L28",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"[data-theme='site'] { --color-brand-raw: #c6ff3d; --color-brand-hover-raw: #c6ff3d; --color-accent-raw: #ff5e5b; --color-bg-raw: #0a0e27; }"}}],null,["$","$L29",null,{"children":[["$","$L2a",null,{}],["$","div",null,{"className":"relative flex min-h-screen flex-col text-(--color-fg)","data-theme":"site","children":[["$","$L2b",null,{"locale":"zh","brandName":"馬上科技","logoUrl":"https://horskin4.xn--fhqs21cv5q792a.asia/storage/website/2026/06/13/lK56vAHhjl39lWUt.png","lineUrl":"https://lin.ee/wGBIxwY"}],["$","div",null,{"className":"flex-1","children":["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L2c",null,{"children":["$","$L5",null,{}]}],"templateStyles":[],"templateScripts":[["$","script","script-0",{"src":"/_next/static/chunks/2nk5gm6kc1t13.js","async":true}]],"notFound":[["$","div",null,{"style":{"minHeight":"100vh","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center","backgroundColor":"#F8FAFC","color":"#0F172A","padding":"24px","fontFamily":"'Inter', 'Noto Sans TC', 'SF Pro Display', system-ui, sans-serif"},"children":["$","div",null,{"style":{"maxWidth":480,"width":"100%","textAlign":"center","padding":"40px 32px","backgroundColor":"#FFFFFF","borderRadius":16,"boxShadow":"0 4px 12px rgba(15,23,42,0.10), 0 2px 4px rgba(15,23,42,0.06)","border":"1px solid #E2E8F0"},"children":[["$","div",null,{"style":{"fontSize":72,"fontWeight":700,"lineHeight":1,"color":"#1d77cd","marginBottom":8},"children":"404"}],["$","h1",null,{"style":{"fontSize":20,"fontWeight":600,"margin":"0 0 8px","color":"#0F172A"},"children":"找不到這個頁面"}],["$","p",null,{"style":{"fontSize":14,"color":"#475569","margin":"0 0 28px","lineHeight":1.6},"children":["您訪問的網址不存在,可能已被移除或您輸入有誤。",["$","br",null,{}],"下列按鈕可以帶您回到正確的位置。"]}],["$","div",null,{"style":{"display":"flex","flexDirection":"column","gap":12,"alignItems":"stretch"},"children":[["$","$L6",null,{"href":"/","style":{"padding":"12px 20px","borderRadius":8,"backgroundColor":"#1d77cd","color":"#FFFFFF","textDecoration":"none","fontWeight":600,"fontSize":14,"display":"block"},"children":"回到首頁"}],["$","$L7",null,{}]]}]]}]}],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]}],["$","footer",null,{"className":"border-t border-[var(--color-border-default)] bg-[var(--color-bg)] text-[var(--color-fg)]","children":[["$","div",null,{"className":"mx-auto grid max-w-7xl gap-10 px-6 py-14 md:grid-cols-3 md:px-10 md:py-20","children":[["$","div",null,{"children":[["$","$L6",null,{"href":"/","className":"inline-flex items-center gap-3 group","children":[["$","img",null,{"src":"https://horskin4.xn--fhqs21cv5q792a.asia/storage/website/2026/05/27/QECVbS17AASxQMri.png","alt":"馬上科技","className":"h-12 w-auto object-contain transition-transform group-hover:scale-105"}],["$","div",null,{"className":"flex flex-col leading-tight","children":[["$","span",null,{"className":"text-lg font-semibold","children":"馬上科技"}],["$","span",null,{"className":"text-sm text-[var(--color-fg-muted)]","children":"Horskin"}]]}]]}],["$","p",null,{"className":"mt-6 text-sm text-[var(--color-fg-muted)]","children":"馬上滿足你的需求想像"}],[["$","h3",null,{"className":"mb-3 mt-8 text-sm font-semibold uppercase tracking-wide text-[var(--color-accent)]","children":"追蹤我們"}],["$","div",null,{"className":"flex items-center gap-3","children":[["$","a",null,{"href":"https://lin.ee/wGBIxwY","target":"_blank","rel":"noopener noreferrer","aria-label":"LINE","className":"rounded-[12px] border border-[var(--color-border-default)] p-2.5 text-[var(--color-fg-muted)] transition-all duration-300 hover:scale-105 hover:border-[var(--color-accent)] hover:text-[var(--color-accent)]","children":["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":18,"height":18,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-message-circle","children":[["$","path","vv11sd",{"d":"M7.9 20A9 9 0 1 0 4 16.1L2 22Z"}],"$undefined"]}]}],["$","a",null,{"href":"https://www.instagram.com/inmeditech?igsh=dXVhdHNmczFwdjFv&utm_source=qr","target":"_blank","rel":"noopener noreferrer","aria-label":"Instagram","className":"rounded-[12px] border border-[var(--color-border-default)] p-2.5 text-[var(--color-fg-muted)] transition-all duration-300 hover:scale-105 hover:border-[var(--color-accent)] hover:text-[var(--color-accent)]","children":"$L2d"}],"$L2e"]}]]]}],"$L2f","$L30"]}],"$L31"]}]]}],"$L32"]}]]}] 34:T9a0,

讓地震資訊在不同情境下都容易辨識

震盾的設計不只處理單一警報畫面，也涵蓋機構端的即時監看與一般訪客的地震資訊查詢。地圖、事件列表與歷史紀錄各自承接不同任務，讓使用者能快速辨識目前查看的是即時資訊、既有報告或演練事件。

震盾公開地震資訊頁實際畫面。畫面可能包含演練資料，不代表正在發生的預警。

機構端：集中查看狀態與事件

登入後提供即時、紀錄、統計與設定等工作入口，並在監看畫面呈現連線狀態與事件資訊。聲音提示需配合瀏覽器互動與裝置設定，部署時必須將網路、音訊、通知權限及現場設備一起納入確認。

公開端：用地圖與報告理解地震

公開地震頁將事件列表與地圖安排在同一畫面，方便從發生時間、規模、位置等資訊進一步查看。這個入口適合公開資訊展示與震後查詢，不應與發震後、強烈搖晃抵達前的預警視為同一種訊息。

即時系統的設計重點

預警工具需要讓事件來源、資訊時間與系統狀態清楚可辨。正式事件與演練也必須明確區隔，避免將測試當成真實警報。介面之外，實際效果還會受到資料源延遲、網路、裝置權限與所在地影響。

使用範圍與交付價值

這個案例展現即時資料介面與機構管理、公開查詢的整合方式。系統不保證每次地震都能提前通知，也不保證固定的預警秒數；應作為輔助資訊工具，配合官方訊息與既定防災措施使用。

專案影片

查看震盾公開地震資訊

1c:["$","main",null,{"className":"mx-auto max-w-4xl px-6 py-12 md:py-16","children":[["$","div",null,{"className":"mb-8","children":["$","$L6",null,{"href":"/works","className":"text-sm transition hover:text-(--color-brand)","style":{"color":"var(--color-fg-muted)"},"children":["← ","回作品集"]}]}],["$","$L33",null,{"children":["$","div",null,{"className":"mb-10 aspect-video w-full overflow-hidden rounded-xl","style":{"backgroundImage":"url(https://horskin4.xn--fhqs21cv5q792a.asia/storage/website/2026/09/06/zPRz4WXhgc9DiPRA.png)","backgroundSize":"cover","backgroundPosition":"center"}}]}],["$","header",null,{"className":"mb-8 flex flex-col gap-4","children":[["$","$L33",null,{"children":["$","span",null,{"className":"w-fit rounded-full px-3 py-1 text-xs font-medium uppercase tracking-wider","style":{"backgroundColor":"var(--color-bg-elevated)","color":"var(--color-fg-muted)"},"children":"mobile"}]}],["$","$L33",null,{"delay":0.08,"children":["$","h1",null,{"className":"font-display text-4xl font-bold tracking-tight md:text-6xl","children":"震盾｜地震預警與即時資訊平台"}]}],["$","$L33",null,{"delay":0.16,"children":["$","p",null,{"className":"text-lg md:text-xl mt-2","style":{"color":"var(--color-fg-muted)"},"children":"結合機構即時監看與公開地震資訊，將地震事件、地圖與歷史紀錄整理成清楚的資訊入口。預警與震後報告分開呈現，讓使用者理解不同訊息的用途。"}]}]]}],["$","$L33",null,{"delay":0.2,"children":["$","div",null,{"className":"grid gap-6 border-y py-8 md:grid-cols-4","style":{"borderColor":"var(--color-border-default)"},"children":[["$","div","合作對象",{"className":"flex flex-col gap-1","children":[["$","span",null,{"className":"text-xs uppercase tracking-wider","style":{"color":"var(--color-fg-subtle)"},"children":"合作對象"}],["$","span",null,{"className":"text-sm font-medium","children":"馬上科技自有產品"}]]}],["$","div","類型",{"className":"flex flex-col gap-1","children":[["$","span",null,{"className":"text-xs uppercase tracking-wider","style":{"color":"var(--color-fg-subtle)"},"children":"類型"}],["$","span",null,{"className":"text-sm font-medium","children":"mobile"}]]}],["$","div","年份",{"className":"flex flex-col gap-1","children":[["$","span",null,{"className":"text-xs uppercase tracking-wider","style":{"color":"var(--color-fg-subtle)"},"children":"年份"}],["$","span",null,{"className":"text-sm font-medium","children":"2026"}]]}],["$","div","執行項目",{"className":"flex flex-col gap-1","children":[["$","span",null,{"className":"text-xs uppercase tracking-wider","style":{"color":"var(--color-fg-subtle)"},"children":"執行項目"}],["$","span",null,{"className":"text-sm font-medium","children":"地震預警 · 即時系統 · Expo · React Native · 推播 · 馬上科技自有產品"}]]}]]}]}],["$","div",null,{"className":"mt-12","children":["$","$L33",null,{"children":[["$","article","0",{"className":"prose prose-invert max-w-none","dangerouslySetInnerHTML":{"__html":"$34"}}]]}]}],"$L35","$L36","$L37"]}]