Help
RSS
API
Feed
Maltego
Contact
Domain > exptech.com.tw
×
More information on this domain is in
AlienVault OTX
Is this malicious?
Yes
No
DNS Resolutions
Date
IP Address
2022-10-16
172.64.137.23
(
ClassC
)
2023-06-09
172.64.97.19
(
ClassC
)
2026-02-04
172.67.178.31
(
ClassC
)
Port 80
HTTP/1.1 200 OKDate: Wed, 04 Feb 2026 23:17:59 GMTContent-Type: text/html; charsetutf-8Transfer-Encoding: chunkedConnection: keep-aliveServer: cloudflarex-xss-protection: 1; modeblockVary: rsc, next-router-state-tree, next-router-prefetch, next-router-segment-prefetch, Accept-EncodingCache-Control: s-maxage31536000x-content-type-options: nosniffx-frame-options: SAMEORIGINx-nextjs-cache: HITx-nextjs-prerender: 1, 1x-nextjs-stale-time: 300Nel: {report_to:cf-nel,success_fraction:0.0,max_age:604800}cf-cache-status: DYNAMICReport-To: {group:cf-nel,max_age:604800,endpoints:{url:https://a.nel.cloudflare.com/report/v4?sKZVnAXYphUwOD1nH65WNBIAO0o6zhG5HY5E0Ny1ytDslT2mVkZGlBvMD2wxq2QkZfgEy4d1niBaGU%2F5rak8QpOrbbcxD%2FM3ltIe9nNiP}}expect-ct: max-age86400, enforcereferrer-policy: same-originCF-RAY: 9c8de273bb4c9811-PDXalt-svc: h3:443; ma86400 !DOCTYPE html>!--EWR9_6jmZbI6VG_qV9CaU-->html class noto_sans_tc_a61a976a-module__9ODKnW__variable poppins_2007a258-module__EKNFBa__variable langzh-TW>head>meta charSetutf-8/>meta nameviewport contentwidthdevice-width, initial-scale1/>link relpreload href/_next/static/media/47fe1b7cd6e6ed85-s.p.855a563b.woff2 asfont crossorigin typefont/woff2/>link relpreload href/_next/static/media/8e6fa89aa22d24ec-s.p.3aec397d.woff2 asfont crossorigin typefont/woff2/>link relpreload href/_next/static/media/a218039a3287bcfd-s.p.4a23d71b.woff2 asfont crossorigin typefont/woff2/>link relpreload href/_next/static/media/e2334d715941921e-s.p.d82a9aff.woff2 asfont crossorigin typefont/woff2/>link relpreload asimage href/images/pr_dpip_home.png/>link relpreload asimage href/images/pr_dpip_radar.png/>link relpreload asimage hrefhttps://github.com/kamiya4047.png/>link relpreload asimage hrefhttps://github.com/whes1015.png/>link relpreload asimage hrefhttps://github.com/lowrt.png/>link relpreload asimage hrefhttps://github.com/yayacat.png/>link relpreload asimage hrefhttps://github.com/Yoyochou0901.png/>link relpreload asimage hrefhttps://github.com/charlie112787.png/>link relpreload asimage hrefhttps://github.com/bamboo0403.png/>link relpreload asimage hrefhttps://github.com/cracks666666.png/>link relstylesheet href/_next/static/chunks/af7b66bf383e5e88.css data-precedencenext/>link relstylesheet href/_next/static/chunks/d216b27097611a09.css data-precedencenext/>link relstylesheet href/_next/static/chunks/00f11b96eb5a929f.css data-precedencenext/>link relpreload asscript fetchPrioritylow href/_next/static/chunks/6e3f8fd0aa1f833a.js/>script src/_next/static/chunks/6a9f4d1870cf5ae9.js async type40eca6ae9d8be00934b35da0-text/javascript>/script>script src/_next/static/chunks/4af27f77bd5de33b.js async type40eca6ae9d8be00934b35da0-text/javascript>/script>script src/_next/static/chunks/2375e3fd2a9b8844.js async type40eca6ae9d8be00934b35da0-text/javascript>/script>script src/_next/static/chunks/d598f1f652e2d146.js async type40eca6ae9d8be00934b35da0-text/javascript>/script>script src/_next/static/chunks/turbopack-6805f0ff8b8ee4e8.js async type40eca6ae9d8be00934b35da0-text/javascript>/script>script src/_next/static/chunks/f7239a879a63c177.js async type40eca6ae9d8be00934b35da0-text/javascript>/script>script src/_next/static/chunks/69f6b1c66aeace43.js async type40eca6ae9d8be00934b35da0-text/javascript>/script>script src/_next/static/chunks/6783f10cf837230a.js async type40eca6ae9d8be00934b35da0-text/javascript>/script>script src/_next/static/chunks/0856ef42f52cead4.js async type40eca6ae9d8be00934b35da0-text/javascript>/script>script src/_next/static/chunks/6004bb850207073d.js async type40eca6ae9d8be00934b35da0-text/javascript>/script>script src/_next/static/chunks/15e2b9c18d2f94ba.js async type40eca6ae9d8be00934b35da0-text/javascript>/script>script src/_next/static/chunks/96dd98715a4761c2.js async type40eca6ae9d8be00934b35da0-text/javascript>/script>script src/_next/static/chunks/c4bd3b8e7802803d.js async type40eca6ae9d8be00934b35da0-text/javascript>/script>script src/_next/static/chunks/8c0e0b59b8f3ceee.js async type40eca6ae9d8be00934b35da0-text/javascript>/script>script src/_next/static/chunks/60db84dbecdd6785.js async type40eca6ae9d8be00934b35da0-text/javascript>/script>script src/_next/static/chunks/dfb093f98b75d004.js async type40eca6ae9d8be00934b35da0-text/javascript>/script>script src/_next/static/chunks/a925453f05e4107a.js async type40eca6ae9d8be00934b35da0-text/javascript>/script>script src/_next/static/chunks/46ca997941973622.js async type40eca6ae9d8be00934b35da0-text/javascript>/script>link relpreload asimage hrefhttps://github.com/Im-Tim-mI.png/>link relpreload asimage hrefhttps://github.com/BigDuck430.png/>link relpreload asimage hrefhttps://github.com/YumNumm.png/>link relpreload asimage hrefhttps://github.com/PiscesXD.png/>link relpreload asimage hrefhttps://github.com/seadog007.png/>meta namenext-size-adjust content/>title>DPIP - 災害天氣與地震速報 | ExpTech Studio/title>meta namedescription contentDPIP 整合 TREM 以及中央氣象署資料，提供一個整合、單一且便利的防災資訊應用程式。即時地震預警、天氣監測、災害通知，保護您和家人的安全。/>meta nameauthor contentExpTech Studio/>link relmanifest href/site.webmanifest/>meta namekeywords contentDPIP,地震速報,天氣預報,防災,災害預警,地震預警,TREM,中央氣象署,ExpTech/>meta namecreator contentExpTech Studio/>meta namepublisher contentExpTech Studio/>link relcanonical hrefhttps://exptech.dev/>meta propertyog:title contentDPIP - 災害天氣與地震速報/>meta propertyog:description contentDPIP 整合 TREM 以及中央氣象署資料，提供一個整合、單一且便利的防災資訊應用程式/>meta propertyog:site_name contentExpTech Studio/>meta propertyog:locale contentzh_TW/>meta propertyog:image contenthttps://exptech.dev/images/pr_dpip_home.png/>meta propertyog:type contentwebsite/>meta nametwitter:card contentsummary_large_image/>meta nametwitter:creator content@ExpTechTW/>meta nametwitter:title contentDPIP - 災害天氣與地震速報/>meta nametwitter:description contentDPIP 整合 TREM 以及中央氣象署資料，提供一個整合、單一且便利的防災資訊應用程式/>meta nametwitter:image contenthttps://exptech.dev/images/pr_dpip_home.png/>link relshortcut icon href/favicon.ico/>link relicon href/favicon.ico/>link relapple-touch-icon href/favicon.ico/>script src/_next/static/chunks/a6dad97d9634a72d.js noModule type40eca6ae9d8be00934b35da0-text/javascript>/script>/head>body>div hidden>!--$-->!--/$-->/div>script type40eca6ae9d8be00934b35da0-text/javascript>((a, b, c, d, e, f, g, h) > { let i document.documentElement, j light, dark; function k(b) { var c; (Array.isArray(a) ? a : a).forEach((a) > { let c a class, d c && f ? e.map((a) > fa || a) : e; c ? (i.classList.remove(...d), i.classList.add(f && fb ? fb : b)) : i.setAttribute(a, b); }), c b, h && j.includes(c) && (i.style.colorScheme c); } if (d) k(d); else try { let a localStorage.getItem(b) || c, d g && a system ? window.matchMedia((prefers-color-scheme: dark)).matches ? dark : light : a; k(d); } catch (a) {} })(class,theme,system,null,light,dark,null,true,true)/script>div classfixed top-0 z-50 grid w-dvw place-items-center>nav class group w-full max-w-full border border-transparent px-4 py-4 transition-all duration-300 data-floating:mt-4 data-floating:max-w-4/5 data-floating:rounded-8rem data-floating:border-border data-floating:bg-card/60 data-floating:px-4 data-floating:py-3 data-floating:pl-6 data-floating:shadow-md data-floating:backdrop-blur-md md:px-16 md:py-6 md:data-floating:max-w-3/5 >div classrelative flex items-center justify-between>a classflex items-center gap-4 href/>img altlogo loadinglazy width48 height48 decodingasync data-nimg1 stylecolor:transparent src/svg/logo.svg/>div class text-lg font-medium group-data-floating:opacity-0 md:group-data-floating:opacity-100 >ExpTech 探索科技/div>/a>button classgroup inline-flex shrink-0 items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-3px focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 &_svg:pointer-events-none &_svg:shrink-0 &_svg:not(class*'size-'):size-4 h-9 px-4 py-2 has->svg:px-3 hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50 data-slotbutton>登入/button>/div>/nav>/div>div classh-28>/div>div styleopacity:0>div class relative -mt-28 min-h-screen overflow-x-clip bg-#030712 text-white >div aria-hiddentrue classpointer-events-none fixed inset-0 overflow-hidden styleopacity:1>div classabsolute inset-0 opacity-0.02 stylebackground-image:linear-gradient(rgba(6, 182, 212, 0.3) 1px, transparent 1px), linear-gradient(90deg, rgba(6, 182, 212, 0.3) 1px, transparent 1px);background-size:60px 60px>/div>div class absolute -top-40 -right-40 h-150 w-150 rounded-full bg-linear-to-br from-cyan-500/20 via-teal-500/10 to-transparent blur-120px styletransform:none>/div>div class absolute top-1/3 -left-40 h-125 w-125 rounded-full bg-linear-to-tr from-cyan-600/15 via-emerald-500/10 to-transparent blur-100px styletransform:none>/div>div class absolute right-1/4 bottom-0 h-100 w-100 rounded-full bg-linear-to-t from-teal-500/10 to-transparent blur-80px >/div>div class absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 >div class absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 rounded-full border border-cyan-500/20 styleheight:600px;width:600px>/div>div class absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 rounded-full border border-cyan-500/20 styleheight:600px;width:600px>/div>div class absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 rounded-full border border-cyan-500/20 styleheight:600px;width:600px>/div>/div>div classabsolute inset-0 opacity-0.015 stylebackground-image:url("data:image/svg+xml,%3Csvg viewBox'0 0 256 256' xmlns'http://www.w3.org/2000/svg'%3E%3Cfilter id'noise'%3E%3CfeTurbulence type'fractalNoise' baseFrequency'0.9' numOctaves'4' stitchTiles'stitch'/%3E%3C/filter%3E%3Crect width'100%25' height'100%25' filter'url(%23noise)'/%3E%3C/svg%3E")>/div>/div>section classrelative min-h-screen idhero>div class mx-auto grid max-w-7xl grid-cols-1 items-center gap-8 px-4 pt-32 pb-20 md:min-h-screen md:grid-cols-2 md:gap-16 md:py-0 >div classrelative z-10 space-y-6 styleopacity:0;transform:translateX(-30px)>div class inline-flex items-center gap-2 rounded-full border border-cyan-500/30 bg-cyan-500/10 px-4 py-2 text-sm text-cyan-400 backdrop-blur-sm styleopacity:0;transform:scale(0.9)>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-sparkles size-4 aria-hiddentrue>path dM11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z>/path>path dM20 2v4>/path>path dM22 4h-4>/path>circle cx4 cy20 r2>/circle>/svg>span classfont-medium>v3.2.1 正式推出/span>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-chevron-right size-4 opacity-60 aria-hiddentrue>path dm9 18 6-6-6-6>/path>/svg>/div>h1 class text-4xl leading-1.1 font-bold tracking-tight md:text-6xl lg:text-7xl >span class block bg-linear-to-r from-white via-white to-white/60 bg-clip-text text-transparent >防災資訊整合平台/span>span class block bg-linear-to-r from-cyan-400 via-teal-400 to-emerald-400 bg-clip-text text-transparent >天氣地震隨身行/span>/h1>p class max-w-lg text-lg/relaxed text-zinc-400 md:text-xl >DPIP 整合 TREM 以及中央氣象署資料，提供一個整合、單一且便利的防災資訊應用程式/p>div classflex flex-wrap items-center gap-3 pt-2>a hrefhttps://play.google.com/store/apps/details?idcom.exptech.dpip relnoreferrer target_blank tabindex0>img alt在 Google Play 上取得 DPIP draggablefalse loadinglazy width646 height192 decodingasync data-nimg1 classh-11 w-auto stylecolor:transparent srcSet/_next/image?url%2F_next%2Fstatic%2Fmedia%2Fgoogle_play.9e858cdc.png&w750&q75 1x, /_next/image?url%2F_next%2Fstatic%2Fmedia%2Fgoogle_play.9e858cdc.png&w1920&q75 2x src/_next/image?url%2F_next%2Fstatic%2Fmedia%2Fgoogle_play.9e858cdc.png&w1920&q75/>/a>a hrefhttps://apps.apple.com/tw/app/id6468026362 relnoreferrer target_blank tabindex0>img alt在 App Store 上取得 DPIP draggablefalse loadinglazy width522 height192 decodingasync data-nimg1 classh-11 w-auto stylecolor:transparent srcSet/_next/image?url%2F_next%2Fstatic%2Fmedia%2Fapp_store.ec12c102.png&w640&q75 1x, /_next/image?url%2F_next%2Fstatic%2Fmedia%2Fapp_store.ec12c102.png&w1080&q75 2x src/_next/image?url%2F_next%2Fstatic%2Fmedia%2Fapp_store.ec12c102.png&w1080&q75/>/a>/div>div class flex flex-wrap items-center gap-6 pt-4 text-sm text-zinc-500 >div classflex items-center gap-2>div class flex h-8 w-8 items-center justify-center rounded-lg bg-cyan-500/10 >svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-shield-check h-4 w-4 text-cyan-400 aria-hiddentrue>path dM20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z>/path>path dm9 12 2 2 4-4>/path>/svg>/div>span>無廣告/span>/div>div classflex items-center gap-2>div class flex h-8 w-8 items-center justify-center rounded-lg bg-cyan-500/10 >svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-zap h-4 w-4 text-cyan-400 aria-hiddentrue>path dM4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z>/path>/svg>/div>span>省電高效/span>/div>div classflex items-center gap-2>div class flex h-8 w-8 items-center justify-center rounded-lg bg-cyan-500/10 >svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-bell-ring h-4 w-4 text-cyan-400 aria-hiddentrue>path dM10.268 21a2 2 0 0 0 3.464 0>/path>path dM22 8c0-2.3-.8-4.3-2-6>/path>path dM3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326>/path>path dM4 2C2.8 3.7 2 5.7 2 8>/path>/svg>/div>span>即時告警/span>/div>/div>/div>div class relative flex items-center justify-center md:h-150 lg:h-175 >div classrelative styleperspective:1200px>div class absolute top-1/2 left-1/2 -z-10 h-125 w-100 -translate-x-1/2 -translate-y-1/2 >div class absolute inset-0 rounded-full bg-linear-to-br from-cyan-500/30 via-teal-500/20 to-transparent blur-80px >/div>div class absolute inset-0 rounded-full bg-linear-to-tr from-transparent via-cyan-400/10 to-emerald-500/20 blur-60px >/div>/div>div classrelative styletransform-style:preserve-3d;transform:none>div class relative z-20 mx-auto w-65 md:w-70 lg:w-75 styleopacity:0;transform:translateY(40px)>div class relative rounded-3rem bg-linear-to-b from-zinc-700 via-zinc-800 to-zinc-900 p-0.75 shadow-0_0_60px_rgba(0,0,0,0.8),0_0_100px_rgba(6,182,212,0.15) >div classrelative overflow-hidden rounded-2.8rem bg-black>div class absolute top-0 left-1/2 z-30 h-7 w-28 -translate-x-1/2 rounded-b-2xl bg-black >/div>img altDPIP 主畫面 classrelative z-10 w-full draggablefalse src/images/pr_dpip_home.png/>div class pointer-events-none absolute inset-0 z-20 bg-linear-to-br from-white/5 via-transparent to-transparent >/div>/div>/div>div class absolute -bottom-4 left-1/2 -z-10 h-8 w-3/4 -translate-x-1/2 rounded-full bg-black/60 blur-2xl >/div>/div>div class w-56 rounded-2xl border border-zinc-700/60 bg-zinc-900/90 p-4 shadow-2xl backdrop-blur-xl md:w-64 absolute bottom-40 -left-8 z-10 md:-left-20 lg:-left-24 styleopacity:0;transform:translateY(30px) rotate(-6deg)>div>div classflex items-center gap-2>span classtext-base>📡/span>span classfont-medium text-white>強震監視器/span>span classml-auto text-xs text-zinc-500>12:06/span>/div>p classmt-2 text-xs/relaxed text-zinc-400>臺南市楠西區 偵測到晃動/p>/div>/div>div class w-56 rounded-2xl border border-zinc-700/60 bg-zinc-900/90 p-4 shadow-2xl backdrop-blur-xl md:w-64 absolute bottom-12 -left-4 z-10 md:-left-16 lg:-left-20 styleopacity:0;transform:translateY(30px) rotate(-4deg)>div>div classflex items-center gap-2>span classtext-base>⚠️/span>span classfont-medium text-white>地震速報/span>span classml-auto text-xs text-zinc-500>12:07/span>/div>p classmt-2 text-xs/relaxed text-zinc-400>12:06左右，臺南市楠西區發生地震。震源深度10公里，地震規模M4.7/p>/div>/div>div class absolute top-8 -right-4 z-10 hidden w-48 md:-right-16 md:block md:w-56 lg:-right-20 lg:w-64 styleopacity:0;transform:translateX(30px) rotate(6deg)>img altDPIP 雷達回波地圖 classw-full rounded-2xl border border-zinc-700/50 shadow-2xl src/images/pr_dpip_radar.png/>div class absolute -inset-4 -z-10 rounded-3xl bg-linear-to-br from-teal-500/20 to-transparent blur-xl >/div>/div>/div>/div>/div>/div>div class absolute bottom-8 left-1/2 hidden -translate-x-1/2 flex-col items-center gap-2 md:flex styleopacity:0;transform:translateY(-10px)>span classtext-xs text-zinc-600>向下滾動探索更多/span>div classh-10 w-6 rounded-full border-2 border-zinc-700 p-1>div classh-2 w-full rounded-full bg-cyan-400>/div>/div>/div>/section>section classrelative py-40 idfeatures>div classmx-auto max-w-7xl px-4>div classmb-20 styleopacity:0;transform:translateY(30px)>div classflex items-center gap-3 text-cyan-400>div class h-px w-12 bg-linear-to-r from-cyan-400 to-transparent >/div>span classtext-sm font-medium tracking-widest uppercase>功能亮點/span>/div>h2 class mt-6 text-4xl/tight font-bold tracking-tight md:text-6xl >span classtext-white>為你打造的/span>br/>span class bg-linear-to-r from-cyan-400 via-teal-400 to-emerald-400 bg-clip-text text-transparent >防災體驗/span>/h2>/div>div class grid gap-4 md:grid-cols-3 md:grid-rows-3 >div class group relative row-span-2 overflow-hidden rounded-3xl bg-linear-to-br from-zinc-900/80 to-zinc-900/50 p-8 transition-all duration-500 hover:from-cyan-950/50 hover:to-zinc-900/50 md:col-span-2 styleopacity:0;transform:translateY(30px)>div class absolute inset-0 bg-radial-gradient(ellipse_at_top_right,rgba(6,182,212,0.15),transparent_70%) opacity-0 transition-opacity duration-500 group-hover:opacity-100 >/div>div class absolute -right-20 -bottom-20 h-60 w-60 rounded-full bg-zinc-500/10 blur-80px transition-all duration-500 group-hover:bg-cyan-500/30 >/div>div class relative z-10 flex h-full flex-col justify-between >div>div class mb-6 inline-flex items-center justify-center rounded-2xl bg-linear-to-br from-zinc-600 to-zinc-700 p-4 transition-all duration-500 group-hover:from-cyan-500 group-hover:to-teal-600 >svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-bell-ring h-8 w-8 text-white aria-hiddentrue>path dM10.268 21a2 2 0 0 0 3.464 0>/path>path dM22 8c0-2.3-.8-4.3-2-6>/path>path dM3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326>/path>path dM4 2C2.8 3.7 2 5.7 2 8>/path>/svg>/div>h3 class text-3xl font-bold text-white md:text-4xl >即時告警/h3>p classmt-4 max-w-md text-lg text-zinc-400>多來源整合、智慧推播。地震發生的第一時間收到通知，延遲更低、反應更快。/p>/div>div classmt-8 flex items-center gap-4>div classflex -space-x-2>div class h-10 w-10 rounded-full border-2 border-zinc-900 bg-linear-to-br from-zinc-500 to-zinc-600 transition-all duration-500 group-hover:from-cyan-400 group-hover:to-teal-500 >/div>div class h-10 w-10 rounded-full border-2 border-zinc-900 bg-linear-to-br from-zinc-500 to-zinc-600 transition-all duration-500 group-hover:from-teal-400 group-hover:to-emerald-500 >/div>div class h-10 w-10 rounded-full border-2 border-zinc-900 bg-linear-to-br from-zinc-500 to-zinc-600 transition-all duration-500 group-hover:from-emerald-400 group-hover:to-green-500 >/div>/div>span classtext-sm text-zinc-500>30萬+ 用戶信賴/span>/div>/div>/div>div class group relative overflow-hidden rounded-3xl bg-zinc-900/80 p-6 styleopacity:0;transform:translateY(30px)>div class absolute inset-0 bg-radial-gradient(ellipse_at_bottom,rgba(20,184,166,0.1),transparent_70%) opacity-0 transition-opacity duration-500 group-hover:opacity-100 >/div>div classrelative>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-download mb-4 h-6 w-6 text-zinc-500 transition-colors duration-500 group-hover:text-teal-400 aria-hiddentrue>path dM12 15V3>/path>path dM21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4>/path>path dm7 10 5 5 5-5>/path>/svg>div classtext-5xl font-bold text-white>span class>/span>span class text-zinc-500 transition-colors duration-500 group-hover:text-teal-400 >+/span>/div>p classmt-2 text-zinc-500>累積下載次數/p>/div>/div>div class group relative overflow-hidden rounded-3xl bg-zinc-900/80 p-6 styleopacity:0;transform:translateY(30px)>div class absolute inset-0 bg-radial-gradient(ellipse_at_top,rgba(251,191,36,0.1),transparent_70%) opacity-0 transition-opacity duration-500 group-hover:opacity-100 >/div>div classrelative space-y-3>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star mb-2 h-6 w-6 fill-zinc-500 text-zinc-500 transition-colors duration-500 group-hover:fill-amber-400 group-hover:text-amber-400 aria-hiddentrue>path dM11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z>/path>/svg>div classflex items-center gap-3>span classtext-xs text-zinc-500>App Store/span>div classflex items-baseline gap-1>span classtext-2xl font-bold text-white>4.2/span>span classtext-sm text-zinc-500>/5/span>/div>/div>div classflex items-center gap-3>span classtext-xs text-zinc-500>Play Store/span>div classflex items-baseline gap-1>span classtext-2xl font-bold text-white>3.9/span>span classtext-sm text-zinc-500>/5/span>/div>/div>/div>/div>div class group relative overflow-hidden rounded-3xl bg-linear-to-br from-zinc-900/80 to-zinc-900/50 p-6 transition-all duration-500 hover:from-teal-950/50 hover:to-zinc-900/50 styleopacity:0;transform:translateY(30px)>div class absolute -top-10 -right-10 h-32 w-32 rounded-full bg-zinc-500/10 blur-2xl transition-all duration-500 group-hover:bg-teal-500/30 >/div>div classrelative>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-cloud-lightning mb-4 h-8 w-8 text-zinc-500 transition-colors duration-500 group-hover:text-teal-400 aria-hiddentrue>path dM6 16.326A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 .5 8.973>/path>path dm13 12-3 5h4l-3 5>/path>/svg>h4 classtext-xl font-bold text-white>24H 天氣預報/h4>p classmt-2 text-sm text-zinc-500>掌握最新預報，行程安排更便利/p>/div>/div>div class group relative overflow-hidden rounded-3xl bg-linear-to-br from-zinc-900/80 to-zinc-900/50 p-6 transition-all duration-500 hover:from-emerald-950/50 hover:to-zinc-900/50 styleopacity:0;transform:translateY(30px)>div class absolute -bottom-10 -left-10 h-32 w-32 rounded-full bg-zinc-500/10 blur-2xl transition-all duration-500 group-hover:bg-emerald-500/30 >/div>div classrelative>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-activity mb-4 h-8 w-8 text-zinc-500 transition-colors duration-500 group-hover:text-emerald-400 aria-hiddentrue>path dM22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2>/path>/svg>h4 classtext-xl font-bold text-white>省電高效/h4>p classmt-2 text-sm text-zinc-500>全天待命，零打擾、超省電/p>/div>/div>div class group relative overflow-hidden rounded-3xl bg-linear-to-br from-zinc-900/80 to-zinc-900/50 p-6 transition-all duration-500 hover:from-blue-950/50 hover:to-zinc-900/50 styleopacity:0;transform:translateY(30px)>div class absolute -right-10 -bottom-10 h-32 w-32 rounded-full bg-zinc-500/10 blur-2xl transition-all duration-500 group-hover:bg-blue-500/30 >/div>div classrelative>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-radar mb-4 h-8 w-8 text-zinc-500 transition-colors duration-500 group-hover:text-blue-400 aria-hiddentrue>path dM19.07 4.93A10 10 0 0 0 6.99 3.34>/path>path dM4 6h.01>/path>path dM2.29 9.62A10 10 0 1 0 21.31 8.35>/path>path dM16.24 7.76A6 6 0 1 0 8.23 16.67>/path>path dM12 18h.01>/path>path dM17.99 11.66A6 6 0 0 1 15.77 16.67>/path>circle cx12 cy12 r2>/circle>path dm13.41 10.59 5.66-5.66>/path>/svg>h4 classtext-xl font-bold text-white>視覺化震波/h4>p classmt-2 text-sm text-zinc-500>動態呈現 P/S 波傳遞/p>/div>/div>/div>/div>/section>section classrelative py-40 idreviews>div class pointer-events-none absolute inset-0 -top-40 overflow-visible >div class absolute top-0 left-1/4 h-125 w-125 -translate-x-1/2 rounded-full bg-cyan-500/10 blur-150px >/div>/div>div classrelative mx-auto max-w-7xl px-4>div classmb-16 text-center styleopacity:0;transform:translateY(30px)>h2 class text-4xl font-bold md:text-5xl >span classtext-white>用戶/span>span class bg-linear-to-r from-cyan-400 to-teal-400 bg-clip-text text-transparent >好評/span>/h2>p classmx-auto mt-4 max-w-lg text-zinc-500>來自社群的真實回饋，驅動我們不斷進步/p>/div>div class columns-1 gap-4 md:columns-2 lg:columns-3 >div class mb-4 break-inside-avoid rounded-2xl border border-zinc-800/50 bg-zinc-900/50 p-6 backdrop-blur-sm styleopacity:0;transform:translateY(20px)>p classtext-zinc-300>“!-- -->頭城外海 7.0 地震，台中在震波抵達前 10 秒收到警告，當下認真覺得可能真的可以因此被救一命。這程式很棒👍!-- -->”/p>div classmt-6 flex items-center gap-3>span classrelative flex size-8 shrink-0 overflow-hidden rounded-full h-10 w-10 border-2 border-zinc-700 data-slotavatar>/span>div>div classfont-medium text-white>Her Majesty/div>div classtext-sm text-zinc-500>Google Play 評論/div>/div>/div>/div>div class mb-4 break-inside-avoid rounded-2xl border border-zinc-800/50 bg-zinc-900/50 p-6 backdrop-blur-sm styleopacity:0;transform:translateY(20px)>p classtext-zinc-300>“!-- -->這個地震速報平台整體來說蠻不錯的，各個防災資訊都到位。感謝開發者💫!-- -->”/p>div classmt-6 flex items-center gap-3>span classrelative flex size-8 shrink-0 overflow-hidden rounded-full h-10 w-10 border-2 border-zinc-700 data-slotavatar>/span>div>div classfont-medium text-white>Steven II Chen/div>div classtext-sm text-zinc-500>Google Play 評論/div>/div>/div>/div>div class mb-4 break-inside-avoid rounded-2xl border border-zinc-800/50 bg-zinc-900/50 p-6 backdrop-blur-sm styleopacity:0;transform:translateY(20px)>p classtext-zinc-300>“!-- -->告警目前看來似乎正常。感謝開發團隊努力修正，也謝謝開發此 APP。!-- -->”/p>div classmt-6 flex items-center gap-3>span classrelative flex size-8 shrink-0 overflow-hidden rounded-full h-10 w-10 border-2 border-zinc-700 data-slotavatar>/span>div>div classfont-medium text-white>Hank Tsai/div>div classtext-sm text-zinc-500>Google Play 評論/div>/div>/div>/div>div class mb-4 break-inside-avoid rounded-2xl border border-zinc-800/50 bg-zinc-900/50 p-6 backdrop-blur-sm styleopacity:0;transform:translateY(20px)>p classtext-zinc-300>“!-- -->相當好用，希望能更換更容易警覺的通知聲音。!-- -->”/p>div classmt-6 flex items-center gap-3>span classrelative flex size-8 shrink-0 overflow-hidden rounded-full h-10 w-10 border-2 border-zinc-700 data-slotavatar>/span>div>div classfont-medium text-white>chaos epsilon/div>div classtext-sm text-zinc-500>Google Play 評論/div>/div>/div>/div>div class mb-4 break-inside-avoid rounded-2xl border border-zinc-800/50 bg-zinc-900/50 p-6 backdrop-blur-sm styleopacity:0;transform:translateY(20px)>p classtext-zinc-300>“!-- -->免費無廣告的防災警報服務，難怪沒什麼人想做這方面的防災應用。支持開發者！!-- -->”/p>div classmt-6 flex items-center gap-3>span classrelative flex size-8 shrink-0 overflow-hidden rounded-full h-10 w-10 border-2 border-zinc-700 data-slotavatar>/span>div>div classfont-medium text-white>泓D HONG_D/div>div classtext-sm text-zinc-500>Google Play 評論/div>/div>/div>/div>div class mb-4 break-inside-avoid rounded-2xl border border-zinc-800/50 bg-zinc-900/50 p-6 backdrop-blur-sm styleopacity:0;transform:translateY(20px)>p classtext-zinc-300>“!-- -->比國家級警報快發送地震警報👍 讓大家有多一點的反應時間👍!-- -->”/p>div classmt-6 flex items-center gap-3>span classrelative flex size-8 shrink-0 overflow-hidden rounded-full h-10 w-10 border-2 border-zinc-700 data-slotavatar>/span>div>div classfont-medium text-white>楊沅鑫/div>div classtext-sm text-zinc-500>Google Play 評論/div>/div>/div>/div>div class mb-4 break-inside-avoid rounded-2xl border border-zinc-800/50 bg-zinc-900/50 p-6 backdrop-blur-sm styleopacity:0;transform:translateY(20px)>p classtext-zinc-300>“!-- -->超好用速度超快!-- -->”/p>div classmt-6 flex items-center gap-3>span classrelative flex size-8 shrink-0 overflow-hidden rounded-full h-10 w-10 border-2 border-zinc-700 data-slotavatar>/span>div>div classfont-medium text-white>吳秉謙/div>div classtext-sm text-zinc-500>Google Play 評論/div>/div>/div>/div>/div>/div>/section>section classrelative py-40 idopen>div classmx-auto max-w-7xl px-4>div class relative overflow-hidden rounded-2.5rem border border-zinc-800/50 styleopacity:0;transform:translateY(30px)>div class absolute inset-0 bg-linear-to-br from-cyan-950/30 via-zinc-900 to-teal-950/30 >/div>div class absolute -top-40 -left-40 h-80 w-80 rounded-full bg-cyan-500/20 blur-100px >/div>div class absolute -right-40 -bottom-40 h-80 w-80 rounded-full bg-teal-500/20 blur-100px >/div>div class relative grid items-center gap-12 p-8 md:grid-cols-2 md:p-16 >div>div class mb-8 inline-flex items-center gap-2 rounded-full border border-cyan-500/30 bg-cyan-500/10 px-4 py-2 >svg xmlnshttp://www.w3.org/2000/svg width24 height24 fillcurrentColor viewBox0 0 24 24 classh-4 w-4 text-cyan-400>title>GitHub/title>path dM12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12>/path>/svg>span classtext-sm font-medium text-cyan-400>Open Source/span>/div>h2 class text-4xl/tight font-bold md:text-5xl >span classtext-white>完全開源/span>br/>span class bg-linear-to-r from-cyan-400 to-teal-400 bg-clip-text text-transparent >社群驅動/span>/h2>p classmt-6 text-lg text-zinc-400>DPIP 以開源為核心理念，程式碼公開可審視、可貢獻。 每一次改進，都來自社群的力量。/p>div classmt-8 flex flex-wrap gap-4>a class inline-flex items-center gap-2 rounded-xl bg-white px-6 py-3 font-semibold text-zinc-900 transition-all hover:bg-zinc-200 hrefhttps://github.com/ExpTechTW/DPIP relnoreferrer target_blank tabindex0>svg xmlnshttp://www.w3.org/2000/svg width24 height24 fillcurrentColor viewBox0 0 24 24 classsize-5>title>GitHub/title>path dM12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12>/path>/svg>檢視原始碼/a>a class inline-flex items-center gap-2 rounded-xl border border-zinc-700 bg-zinc-800/50 px-6 py-3 font-semibold text-white backdrop-blur-sm transition-all hover:border-zinc-600 hover:bg-zinc-700/50 hrefhttps://discord.com/invite/exptech-studio relnoreferrer target_blank tabindex0>svg xmlnshttp://www.w3.org/2000/svg width24 height24 fillcurrentColor viewBox0 0 24 24 classsize-5>title>Discord/title>path dM20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1569 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189Z>/path>/svg>加入討論/a>/div>div classmt-10 flex gap-8>div>div classtext-3xl font-bold text-white>225+/div>div classtext-sm text-zinc-500>GitHub 星數/div>/div>div>div classtext-3xl font-bold text-white>13/div>div classtext-sm text-zinc-500>貢獻者/div>/div>div>div classtext-3xl font-bold text-white>AGPL/div>div classtext-sm text-zinc-500>License/div>/div>/div>/div>div classrelative>div class overflow-hidden rounded-2xl border border-zinc-800 bg-zinc-950/80 shadow-2xl backdrop-blur-sm >div class flex items-center gap-2 border-b border-zinc-800 px-4 py-3 >div classh-3 w-3 rounded-full bg-red-500/80>/div>div classh-3 w-3 rounded-full bg-yellow-500/80>/div>div classh-3 w-3 rounded-full bg-green-500/80>/div>span classml-3 text-xs text-zinc-500>DPIP/span>/div>div classp-6 font-mono text-sm>div classtext-zinc-500>// 複製儲存庫/div>div classmt-2>span classtext-purple-400>git/span>span classtext-white> clone /span>span classtext-cyan-400>https://github.com/ExpTechTW/DPIP.git/span>/div>div classmt-4 text-zinc-500>// 安裝依賴/div>div classmt-2>span classtext-purple-400>flutter/span>span classtext-white> pub get/span>/div>div classmt-4 text-zinc-500>// 執行開發/div>div classmt-2>span classtext-purple-400>flutter/span>span classtext-white> run/span>/div>div class mt-6 flex items-center gap-2 text-emerald-400 >span class inline-block h-2 w-2 animate-pulse rounded-full bg-emerald-400 >/span>準備好開始貢獻！/div>/div>/div>div class absolute -top-4 -right-4 -z-10 h-full w-full rounded-2xl border border-cyan-500/20 bg-linear-to-br from-cyan-500/5 to-transparent >/div>/div>/div>/div>/div>/section>section classrelative py-40 idcontributors>div classmx-auto max-w-7xl px-4>div classmb-12 text-center styleopacity:0;transform:translateY(30px)>h2 class text-3xl font-bold text-white md:text-4xl >感謝所有span class bg-linear-to-r from-amber-400 to-orange-500 bg-clip-text text-transparent >貢獻者/span>/h2>p classmx-auto mt-4 max-w-lg text-zinc-500>DPIP 的誕生離不開這些優秀開發者的付出/p>/div>div classflex flex-wrap items-center justify-center gap-4 styleopacity:0>a class group relative flex flex-col items-center gap-2 rounded-2xl border border-zinc-800/50 bg-zinc-900/50 p-4 backdrop-blur-sm transition-all duration-300 hover:border-amber-500/30 hover:bg-zinc-800/50 hrefhttps://github.com/kamiya4047 relnoreferrer target_blank styleopacity:0;transform:scale(0.8)>div classrelative>img altkamiya4047 class h-16 w-16 rounded-full border-2 border-zinc-700 transition-all duration-300 group-hover:scale-110 group-hover:border-amber-500/50 srchttps://github.com/kamiya4047.png/>div class absolute -top-1 -right-1 flex h-6 w-6 items-center justify-center rounded-full text-xs font-bold bg-amber-500 text-black >1/div>/div>div classtext-center>div class text-sm font-medium text-white transition-colors group-hover:text-amber-400 >kamiya4047/div>div classtext-xs text-zinc-500>289.9k!-- --> !-- -->行/div>/div>/a>a class group relative flex flex-col items-center gap-2 rounded-2xl border border-zinc-800/50 bg-zinc-900/50 p-4 backdrop-blur-sm transition-all duration-300 hover:border-amber-500/30 hover:bg-zinc-800/50 hrefhttps://github.com/whes1015 relnoreferrer target_blank styleopacity:0;transform:scale(0.8)>div classrelative>img altwhes1015 class h-16 w-16 rounded-full border-2 border-zinc-700 transition-all duration-300 group-hover:scale-110 group-hover:border-amber-500/50 srchttps://github.com/whes1015.png/>div class absolute -top-1 -right-1 flex h-6 w-6 items-center justify-center rounded-full text-xs font-bold bg-zinc-400 text-black >2/div>/div>div classtext-center>div class text-sm font-medium text-white transition-colors group-hover:text-amber-400 >whes1015/div>div classtext-xs text-zinc-500>125.4k!-- --> !-- -->行/div>/div>/a>a class group relative flex flex-col items-center gap-2 rounded-2xl border border-zinc-800/50 bg-zinc-900/50 p-4 backdrop-blur-sm transition-all duration-300 hover:border-amber-500/30 hover:bg-zinc-800/50 hrefhttps://github.com/lowrt relnoreferrer target_blank styleopacity:0;transform:scale(0.8)>div classrelative>img altlowrt class h-16 w-16 rounded-full border-2 border-zinc-700 transition-all duration-300 group-hover:scale-110 group-hover:border-amber-500/50 srchttps://github.com/lowrt.png/>div class absolute -top-1 -right-1 flex h-6 w-6 items-center justify-center rounded-full text-xs font-bold bg-orange-700 text-white >3/div>/div>div classtext-center>div class text-sm font-medium text-white transition-colors group-hover:text-amber-400 >lowrt/div>div classtext-xs text-zinc-500>120.0k!-- --> !-- -->行/div>/div>/a>a class group relative flex flex-col items-center gap-2 rounded-2xl border border-zinc-800/50 bg-zinc-900/50 p-4 backdrop-blur-sm transition-all duration-300 hover:border-amber-500/30 hover:bg-zinc-800/50 hrefhttps://github.com/yayacat relnoreferrer target_blank styleopacity:0;transform:scale(0.8)>div classrelative>img altyayacat class h-16 w-16 rounded-full border-2 border-zinc-700 transition-all duration-300 group-hover:scale-110 group-hover:border-amber-500/50 srchttps://github.com/yayacat.png/>/div>div classtext-center>div class text-sm font-medium text-white transition-colors group-hover:text-amber-400 >yayacat/div>div classtext-xs text-zinc-500>46.0k!-- --> !-- -->行/div>/div>/a>a class group relative flex flex-col items-center gap-2 rounded-2xl border border-zinc-800/50 bg-zinc-900/50 p-4 backdrop-blur-sm transition-all duration-300 hover:border-amber-500/30 hover:bg-zinc-800/50 hrefhttps://github.com/Yoyochou0901 relnoreferrer target_blank styleopacity:0;transform:scale(0.8)>div classrelative>img altYoyochou0901 class h-16 w-16 rounded-full border-2 border-zinc-700 transition-all duration-300 group-hover:scale-110 group-hover:border-amber-500/50 srchttps://github.com/Yoyochou0901.png/>/div>div classtext-center>div class text-sm font-medium text-white transition-colors group-hover:text-amber-400 >Yoyochou0901/div>div classtext-xs text-zinc-500>34.5k!-- --> !-- -->行/div>/div>/a>a class group relative flex flex-col items-center gap-2 rounded-2xl border border-zinc-800/50 bg-zinc-900/50 p-4 backdrop-blur-sm transition-all duration-300 hover:border-amber-500/30 hover:bg-zinc-800/50 hrefhttps://github.com/charlie112787 relnoreferrer target_blank styleopacity:0;transform:scale(0.8)>div classrelative>img altcharlie112787 class h-16 w-16 rounded-full border-2 border-zinc-700 transition-all duration-300 group-hover:scale-110 group-hover:border-amber-500/50 srchttps://github.com/charlie112787.png/>/div>div classtext-center>div class text-sm font-medium text-white transition-colors group-hover:text-amber-400 >charlie112787/div>div classtext-xs text-zinc-500>20.3k!-- --> !-- -->行/div>/div>/a>a class group relative flex flex-col items-center gap-2 rounded-2xl border border-zinc-800/50 bg-zinc-900/50 p-4 backdrop-blur-sm transition-all duration-300 hover:border-amber-500/30 hover:bg-zinc-800/50 hrefhttps://github.com/bamboo0403 relnoreferrer target_blank styleopacity:0;transform:scale(0.8)>div classrelative>img altbamboo0403 class h-16 w-16 rounded-full border-2 border-zinc-700 transition-all duration-300 group-hover:scale-110 group-hover:border-amber-500/50 srchttps://github.com/bamboo0403.png/>/div>div classtext-center>div class text-sm font-medium text-white transition-colors group-hover:text-amber-400 >bamboo0403/div>div classtext-xs text-zinc-500>2.7k!-- --> !-- -->行/div>/div>/a>a class group relative flex flex-col items-center gap-2 rounded-2xl border border-zinc-800/50 bg-zinc-900/50 p-4 backdrop-blur-sm transition-all duration-300 hover:border-amber-500/30 hover:bg-zinc-800/50 hrefhttps://github.com/cracks666666 relnoreferrer target_blank styleopacity:0;transform:scale(0.8)>div classrelative>img altcracks666666 class h-16 w-16 rounded-full border-2 border-zinc-700 transition-all duration-300 group-hover:scale-110 group-hover:border-amber-500/50 srchttps://github.com/cracks666666.png/>/div>div classtext-center>div class text-sm font-medium text-white transition-colors group-hover:text-amber-400 >cracks666666/div>div classtext-xs text-zinc-500>1.0k!-- --> !-- -->行/div>/div>/a>a class group relative flex flex-col items-center gap-2 rounded-2xl border border-zinc-800/50 bg-zinc-900/50 p-4 backdrop-blur-sm transition-all duration-300 hover:border-amber-500/30 hover:bg-zinc-800/50 hrefhttps://github.com/Im-Tim-mI relnoreferrer target_blank styleopacity:0;transform:scale(0.8)>div classrelative>img altIm-Tim-mI class h-16 w-16 rounded-full border-2 border-zinc-700 transition-all duration-300 group-hover:scale-110 group-hover:border-amber-500/50 srchttps://github.com/Im-Tim-mI.png/>/div>div classtext-center>div class text-sm font-medium text-white transition-colors group-hover:text-amber-400 >Im-Tim-mI/div>div classtext-xs text-zinc-500>771!-- --> !-- -->行/div>/div>/a>a class group relative flex flex-col items-center gap-2 rounded-2xl border border-zinc-800/50 bg-zinc-900/50 p-4 backdrop-blur-sm transition-all duration-300 hover:border-amber-500/30 hover:bg-zinc-800/50 hrefhttps://github.com/BigDuck430 relnoreferrer target_blank styleopacity:0;transform:scale(0.8)>div classrelative>img altBigDuck430 class h-16 w-16 rounded-full border-2 border-zinc-700 transition-all duration-300 group-hover:scale-110 group-hover:border-amber-500/50 srchttps://github.com/BigDuck430.png/>/div>div classtext-center>div class text-sm font-medium text-white transition-colors group-hover:text-amber-400 >BigDuck430/div>div classtext-xs text-zinc-500>107!-- --> !-- -->行/div>/div>/a>a class group relative flex flex-col items-center gap-2 rounded-2xl border border-zinc-800/50 bg-zinc-900/50 p-4 backdrop-blur-sm transition-all duration-300 hover:border-amber-500/30 hover:bg-zinc-800/50 hrefhttps://github.com/YumNumm relnoreferrer target_blank styleopacity:0;transform:scale(0.8)>div classrelative>img altYumNumm class h-16 w-16 rounded-full border-2 border-zinc-700 transition-all duration-300 group-hover:scale-110 group-hover:border-amber-500/50 srchttps://github.com/YumNumm.png/>/div>div classtext-center>div class text-sm font-medium text-white transition-colors group-hover:text-amber-400 >YumNumm/div>div classtext-xs text-zinc-500>9!-- --> !-- -->行/div>/div>/a>a class group relative flex flex-col items-center gap-2 rounded-2xl border border-zinc-800/50 bg-zinc-900/50 p-4 backdrop-blur-sm transition-all duration-300 hover:border-amber-500/30 hover:bg-zinc-800/50 hrefhttps://github.com/PiscesXD relnoreferrer target_blank styleopacity:0;transform:scale(0.8)>div classrelative>img altPiscesXD class h-16 w-16 rounded-full border-2 border-zinc-700 transition-all duration-300 group-hover:scale-110 group-hover:border-amber-500/50 srchttps://github.com/PiscesXD.png/>/div>div classtext-center>div class text-sm font-medium text-white transition-colors group-hover:text-amber-400 >PiscesXD/div>div classtext-xs text-zinc-500>4!-- --> !-- -->行/div>/div>/a>a class group relative flex flex-col items-center gap-2 rounded-2xl border border-zinc-800/50 bg-zinc-900/50 p-4 backdrop-blur-sm transition-all duration-300 hover:border-amber-500/30 hover:bg-zinc-800/50 hrefhttps://github.com/seadog007 relnoreferrer target_blank styleopacity:0;transform:scale(0.8)>div classrelative>img altseadog007 class h-16 w-16 rounded-full border-2 border-zinc-700 transition-all duration-300 group-hover:scale-110 group-hover:border-amber-500/50 srchttps://github.com/seadog007.png/>/div>div classtext-center>div class text-sm font-medium text-white transition-colors group-hover:text-amber-400 >seadog007/div>div classtext-xs text-zinc-500>2!-- --> !-- -->行/div>/div>/a>/div>/div>/section>section classrelative py-40 idcommunity>div classmx-auto max-w-7xl px-4>div classrelative overflow-hidden rounded-2.5rem styleopacity:0;transform:translateY(30px)>div class absolute inset-0 bg-linear-to-r from-purple-900/50 via-indigo-900/50 to-cyan-900/50 >/div>div class absolute inset-0 bg-radial-gradient(ellipse_at_center,rgba(139,92,246,0.3),transparent_70%) >/div>div class relative grid items-center gap-12 px-8 py-16 md:grid-cols-2 md:px-16 md:py-20 >div class text-center md:text-left >div class mx-auto mb-8 flex h-20 w-20 items-center justify-center rounded-3xl bg-linear-to-br from-purple-500 to-indigo-600 shadow-lg shadow-purple-500/30 md:mx-0 >svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-users h-10 w-10 text-white aria-hiddentrue>path dM16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2>/path>path dM16 3.128a4 4 0 0 1 0 7.744>/path>path dM22 21v-2a4 4 0 0 0-3-3.87>/path>circle cx9 cy7 r4>/circle>/svg>/div>h2 class text-4xl font-bold text-white md:text-5xl >加入我們的社群/h2>p classmt-6 max-w-lg text-lg text-zinc-300>與數千名防災愛好者一起交流、分享經驗。 從問題回報到功能建議，你的聲音會被聽見。/p>div class mt-8 flex flex-col items-center gap-4 sm:flex-row md:items-start >a class inline-flex items-center gap-3 rounded-2xl bg-white px-6 py-3 font-semibold text-zinc-900 shadow-xl shadow-white/10 transition-all hover:bg-zinc-100 hrefhttps://discord.com/invite/exptech-studio relnoreferrer target_blank tabindex0>svg xmlnshttp://www.w3.org/2000/svg width24 height24 fillcurrentColor viewBox0 0 24 24 classsize-5>title>Discord/title>path dM20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1569 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189Z>/path>/svg>加入 Discord/a>a class inline-flex items-center gap-3 rounded-2xl border border-white/20 bg-white/10 px-6 py-3 font-semibold text-white backdrop-blur-sm transition-all hover:bg-white/20 hrefhttps://github.com/ExpTechTW/DPIP relnoreferrer target_blank tabindex0>svg xmlnshttp://www.w3.org/2000/svg width24 height24 fillcurrentColor viewBox0 0 24 24 classsize-5>title>GitHub/title>path dM12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12>/path>/svg>GitHub/a>/div>div class mt-10 flex flex-wrap items-center justify-center gap-8 md:justify-start >div class text-center md:text-left >div classtext-3xl font-bold text-white>5,000+/div>div classmt-1 text-sm text-zinc-400>Discord 成員/div>/div>div class hidden h-10 w-px bg-white/20 sm:block >/div>div class text-center md:text-left >div classtext-3xl font-bold text-white>24/7/div>div classmt-1 text-sm text-zinc-400>即時支援/div>/div>div class hidden h-10 w-px bg-white/20 sm:block >/div>div class text-center md:text-left >div classtext-3xl font-bold text-white>35+/div>div classmt-1 text-sm text-zinc-400>涵蓋地區/div>/div>/div>/div>div class flex justify-center md:justify-end >div classoverflow-hidden rounded-2xl shadow-2xl styleopacity:0;transform:scale(0.9)>iframe classborder-0 height480 sandboxallow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts srchttps://discord.com/widget?id926545182407688273&themedark titleDiscord Widget width360>/iframe>/div>/div>/div>/div>/div>/section>/div>!--$-->!--/$-->/div>footer class flex flex-col items-center py-4 text-center text-sm text-muted-foreground/60 >div>ExpTech Studio © 2026 All rights reserved./div>div class flex items-center gap-2 underline decoration-border underline-offset-2 &>a:transition-colors &>a:hover:text-muted-foreground &>a:hover:decoration-muted-foreground >a href/tos>服務條款/a>a href/privacy>隱私權政策/a>a href/contact-us>聯絡我們/a>/div>/footer>script src/_next/static/chunks/6e3f8fd0aa1f833a.js id_R_ async type40eca6ae9d8be00934b35da0-text/javascript>/script>script type40eca6ae9d8be00934b35da0-text/javascript>(self.__next_fself.__next_f||).push(0)/script>script type40eca6ae9d8be00934b35da0-text/javascript>self.__next_f.push(1,1:\$Sreact.fragment\\n2:I339756,\/_next/static/chunks/f7239a879a63c177.js\,\/_next/static/chunks/69f6b1c66aeace43.js\,\default\\n3:I837457,\/_next/static/chunks/f7239a879a63c177.js\,\/_next/static/chunks/69f6b1c66aeace43.js\,\default\\n4:I310955,\/_next/static/chunks/6783f10cf837230a.js\,\/_next/static/chunks/0856ef42f52cead4.js\,\/_next/static/chunks/6004bb850207073d.js\,\/_next/static/chunks/15e2b9c18d2f94ba.js\,\/_next/static/chunks/96dd98715a4761c2.js\,\/_next/static/chunks/c4bd3b8e7802803d.js\,\/_next/static/chunks/8c0e0b59b8f3ceee.js\,\TRPCReactProvider\\n5:I660678,\/_next/static/chunks/6783f10cf837230a.js\,\/_next/static/chunks/0856ef42f52cead4.js\,\/_next/static/chunks/6004bb850207073d.js\,\/_next/static/chunks/15e2b9c18d2f94ba.js\,\/_next/static/chunks/96dd98715a4761c2.js\,\/_next/static/chunks/c4bd3b8e7802803d.js\,\/_next/static/chunks/8c0e0b59b8f3ceee.js\,\HydrationBoundary\\n6:I526732,\/_next/static/chunks/6783f10cf837230a.js\,\/_next/static/chunks/0856ef42f52cead4.js\,\/_next/static/chunks/6004bb850207073d.js\,\/_next/static/chunks/15e2b9c18d2f94ba.js\,\/_next/static/chunks/96dd98715a4761c2.js\,\/_next/static/chunks/c4bd3b8e7802803d.js\,\/_next/static/chunks/8c0e0b59b8f3ceee.js\,\SessionProvider\\n7:I427423,\/_next/static/chunks/6783f10cf837230a.js\,\/_next/static/chunks/0856ef42f52cead4.js\,\/_next/static/chunks/6004bb850207073d.js\,\/_next/static/chunks/15e2b9c18d2f94ba.js\,\/_next/static/chunks/96dd98715a4761c2.js\,\/_next/static/chunks/c4bd3b8e7802803d.js\,\/_next/static/chunks/8c0e0b59b8f3ceee.js\,\ThemeProvider\\n8:I67693,\/_next/static/chunks/6783f10cf837230a.js\,\/_next/static/chunks/0856ef42f52cead4.js\,\/_next/static/chunks/6004bb850207073d.js\,\/_next/static/chunks/15e2b9c18d2f94ba.js\,\/_next/static/chunks/96dd98715a4761c2.js\,\/_next/static/chunks/c4bd3b8e7802803d.js\,\/_next/static/chunks/8c0e0b59b8f3ceee.js\,\Navbar\\n9:I872490,\/_next/static/chunks/6783f10cf837230a.js\,\/_next/static/chunks/0856ef42f52cead4.js\,\/_next/static/chunks/6004bb850207073d.js\,\/_next/static/chunks/15e2b9c18d2f94ba.js\,\/_next/static/chunks/96dd98715a4761c2.js\,\/_next/static/chunks/c4bd3b8e7802803d.js\,\/_next/static/chunks/8c0e0b59b8f3ceee.js\,\/_next/static/chunks/60db84dbecdd6785.js\,\/_next/static/chunks/dfb093f98b75d004.js\,\default\\nf:I168027,\/_next/static/chunks/f7239a879a63c177.js\,\/_next/static/chunks/69f6b1c66aeace43.js\,\default\\n:HL\/_next/static/chunks/af7b66bf383e5e88.css\,\style\\n:HL\/_next/static/chunks/d216b27097611a09.css\,\style\\n:HL\/_next/static/chunks/00f11b96eb5a929f.css\,\style\\n:HL\/_next/static/media/47fe1b7cd6e6ed85-s.p.855a563b.woff2\,\font\,{\crossOrigin\:\\,\type\:\font/woff2\}\n:HL\/_next/static/media/8e6fa89aa22d24ec-s.p.3aec397d.woff2\,\font\,{\crossOrigin\:\\,\type\:\font/woff2\}\n:HL\/_next/static/media/a218039a3287bcfd-s.p.4a23d71b.woff2\,\font\,{\crossOrigin\:\\,\type\:\font/woff2\}\n:HL\/_next/static/media/e2334d715941921e-s.p.d82a9aff.woff2\,\font\,{\crossOrigin\:\\,\type\:\font/woff2\}\n)/script>script type40eca6ae9d8be00934b35da0-text/javascript>self.__next_f.push(1,0:{\P\:null,\b\:\EWR9-6jmZbI6VG-qV9CaU\,\c\:\\,\\,\q\:\\,\i\:false,\f\:\\,{\children\:\(default)\,{\children\:\__PAGE__\,{}},\$undefined\,\$undefined\,true},\$\,\$1\,\c\,{\children\:null,\$\,\$L2\,null,{\parallelRouterKey\:\children\,\error\:\$undefined\,\errorStyles\:\$undefined\,\errorScripts\:\$undefined\,\template\:\$\,\$L3\,null,{},\templateStyles\:\$undefined\,\templateScripts\:\$undefined\,\notFound\:\$\,\title\,null,{\children\:\404: This page could not be found.\},\$\,\div\,null,{\style\:{\fontFamily\:\system-ui,\\\Segoe UI\\\,Roboto,Helvetica,Arial,sans-serif,\\\Apple Color Emoji\\\,\\\Segoe UI Emoji\\\\,\height\:\100vh\,\textAlign\:\center\,\display\:\flex\,\flexDirection\:\column\,\alignItems\:\center\,\justifyContent\:\center\},\children\:\$\,\div\,null,{\children\:\$\,\style\,null,{\dangerouslySetInnerHTML\:{\__html\:\body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\}},\$\,\h1\,null,{\className\:\next-error-h1\,\style\:{\display\:\inline-block\,\margin\:\0 20px 0 0\,\padding\:\0 23px 0 0\,\fontSize\:24,\fontWeight\:500,\verticalAlign\:\top\,\lineHeight\:\49px\},\children\:404},\$\,\div\,null,{\style\:{\display\:\inline-block\},\children\:\$\,\h2\,null,{\style\:{\fontSize\:14,\fontWeight\:400,\lineHeight\:\49px\,\margin\:0},\children\:\This page could not be found.\}}}},,\forbidden\:\$undefined\,\unauthorized\:\$undefined\}},{\children\:\$\,\$1\,\c\,{\children\:\$\,\link\,\0\,{\rel\:\stylesheet\,\href\:\/_next/static/chunks/af7b66bf383e5e88.css\,\precedence\:\next\,\crossOrigin\:\$undefined\,\nonce\:\$undefined\},\$\,\link\,\1\,{\rel\:\stylesheet\,\href\:\/_next/static/chunks/d216b27097611a09.css\,\precedence\:\next\,\crossOrigin\:\$undefined\,\nonce\:\$undefined\},\$\,\link\,\2\,{\rel\:\stylesheet\,\href\:\/_next/static/chunks/00f11b96eb5a929f.css\,\precedence\:\next\,\crossOrigin\:\$undefined\,\nonce\:\$undefined\},\$\,\script\,\script-0\,{\src\:\/_next/static/chunks/6783f10cf837230a.js\,\async\:true,\nonce\:\$undefined\},\$\,\script\,\script-1\,{\src\:\/_next/static/chunks/0856ef42f52cead4.js\,\async\:true,\nonce\:\$undefined\},\$\,\script\,\script-2\,{\src\:\/_next/static/chunks/6004bb850207073d.js\,\async\:true,\nonce\:\$undefined\},\$\,\script\,\script-3\,{\src\:\/_next/static/chunks/15e2b9c18d2f94ba.js\,\async\:true,\nonce\:\$undefined\},\$\,\script\,\script-4\,{\src\:\/_next/static/chunks/96dd98715a4761c2.js\,\async\:true,\nonce\:\$undefined\},\$\,\script\,\script-5\,{\src\:\/_next/static/chunks/c4bd3b8e7802803d.js\,\async\:true,\nonce\:\$undefined\},\$\,\script\,\script-6\,{\src\:\/_next/static/chunks/8c0e0b59b8f3ceee.js\,\async\:true,\nonce\:\$undefined\},\$\,\html\,null,{\className\:\\\n noto_sans_tc_a61a976a-module__9ODKnW__variable\\n poppins_2007a258-module__EKNFBa__variable\\n \,\lang\:\zh-TW\,\suppressHydrationWarning\:true,\children\:\$\,\body\,null,{\children\:\$\,\$L4\,null,{\children\:\$\,\$L5\,null,{\state\:{\mutations\:,\queries\:},\children\:\$\,\$L6\,null,{\children\:\$\,\$L7\,null,{\attribute\:\class\,\defaultTheme\:\system\,\enableSystem\:true,\children\:\$\,\$L8\,null,{},\$\,\$L2\,null,{\parallelRouterKey\:\children\,\error\:\$undefined\,\errorStyles\:\$undefined\,\errorScripts\:\$undefined\,\template\:\$\,\$L9\,null,{\children\:\$\,\$L3\,null,{}},\templateStyles\:,\templateScripts\:\$\,\script\,\script-0\,{\src\:\/_next/static/chunks/60db84dbecdd6785.js\,\async\:true},\$\,\script\,\script-1\,{\src\:\/_next/static/chunks/dfb093f98b75d004.js\,\async\:true},\notFound\:\$\,\title\,null,{\children\:\404: This page could not be found.\},\$\,\div\,null,{\style\:\$0:f:0:1:0:props:children:1:props:notFound:0:1:props:style\,\children\:\$\,\div\,null,{\children\:\$\,\style\,null,{\dangerouslySetInnerHTML\:{\__html\:\body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\}},\$\,\h1\,null,{\className\:\next-error-h1\,\style\:\$0:f:0:1:0:props:children:1:props:notFound:0:1:props:children:props:children:1:props:style\,\children\:404},\$\,\div\,null,{\style\:\$0:f:0:1:0:props:children:1:props:notFound:0:1:props:children:props:children:2:props:style\,\children\:\$\,\h2\,null,{\style\:\$0:f:0:1:0:props:children:1:props:notFound:0:1:props:children:props:children:2:props:children:props:style\,\children\:\This page could not be found.\}}}},,\forbidden\:\$undefined\,\unauthorized\:\$undefined\},\$\,\footer\,null,{\className\:\\\n flex flex-col items-center py-4 text-center text-sm\\n text-muted-foreground/60\\n \,\children\:\$\,\div\,null,{\children\:\ExpTech Studio © 2026 All rights reserved.\},\$\,\div\,null,{\className\:\\\n flex items-center gap-2 underline decoration-border underline-offset-2\\n \u0026\u003ea:transition-colors\\n \u0026\u003ea:hover:text-muted-foreground\\n \u0026\u003ea:hover:decoration-muted-foreground\\n \,\children\:\$La\,\$Lb\,\$Lc\}}}}}}}}},{\children\:\$Ld\,{},null,false,false},null,false,false},null,false,false,\$Le\,false,\m\:\$undefined\,\G\:\$f\,,\S\:true}\n)/script>script type40eca6ae9d8be00934b35da0-text/javascript>self.__next_f.push(1,10:I522016,\/_next/static/chunks/6783f10cf837230a.js\,\/_next/static/chunks/0856ef42f52cead4.js\,\/_next/static/chunks/6004bb850207073d.js\,\/_next/static/chunks/15e2b9c18d2f94ba.js\,\/_next/static/chunks/96dd98715a4761c2.js\,\/_next/static/chunks/c4bd3b8e7802803d.js\,\/_next/static/chunks/8c0e0b59b8f3ceee.js\,\\\n11:I347257,\/_next/static/chunks/f7239a879a63c177.js\,\/_next/static/chunks/69f6b1c66aeace43.js\,\ClientPageRoot\\n12:I820974,\/_next/static/chunks/6783f10cf837230a.js\,\/_next/static/chunks/0856ef42f52cead4.js\,\/_next/static/chunks/6004bb850207073d.js\,\/_next/static/chunks/15e2b9c18d2f94ba.js\,\/_next/static/chunks/96dd98715a4761c2.js\,\/_next/static/chunks/c4bd3b8e7802803d.js\,\/_next/static/chunks/8c0e0b59b8f3ceee.js\,\/_next/static/chunks/a925453f05e4107a.js\,\/_next/static/chunks/dfb093f98b75d004.js\,\/_next/static/chunks/46ca997941973622.js\,\default\\n15:I897367,\/_next/static/chunks/f7239a879a63c177.js\,\/_next/static/chunks/69f6b1c66aeace43.js\,\OutletBoundary\\n16:\$Sreact.suspense\\n18:I897367,\/_next/static/chunks/f7239a879a63c177.js\,\/_next/static/chunks/69f6b1c66aeace43.js\,\ViewportBoundary\\n1a:I897367,\/_next/static/chunks/f7239a879a63c177.js\,\/_next/static/chunks/69f6b1c66aeace43.js\,\MetadataBoundary\\na:\$\,\$L10\,null,{\href\:\/tos\,\children\:\服務條款\}\nb:\$\,\$L10\,null,{\href\:\/privacy\,\children\:\隱私權政策\}\nc:\$\,\$L10\,null,{\href\:\/contact-us\,\children\:\聯絡我們\}\nd:\$\,\$1\,\c\,{\children\:\$\,\$L11\,null,{\Component\:\$12\,\serverProvidedParams\:{\searchParams\:{},\params\:{},\promises\:\$@13\,\$@14\}},\$\,\script\,\script-0\,{\src\:\/_next/static/chunks/a925453f05e4107a.js\,\async\:true,\nonce\:\$undefined\},\$\,\script\,\script-1\,{\src\:\/_next/static/chunks/dfb093f98b75d004.js\,\async\:true,\nonce\:\$undefined\},\$\,\script\,\script-2\,{\src\:\/_next/static/chunks/46ca997941973622.js\,\async\:true,\nonce\:\$undefined\},\$\,\$L15\,null,{\children\:\$\,\$16\,null,{\name\:\Next.MetadataOutlet\,\children\:\$@17\}}}\ne:\$\,\$1\,\h\,{\children\:null,\$\,\$L18\,null,{\children\:\$L19\},\$\,\div\,null,{\hidden\:true,\children\:\$\,\$L1a\,null,{\children\:\$\,\$16\,null,{\name\:\Next.Metadata\,\children\:\$L1b\}}},\$\,\meta\,null,{\name\:\next-size-adjust\,\content\:\\}}\n)/script>script type40eca6ae9d8be00934b35da0-text/javascript>self.__next_f.push(1,13:{}\n14:\$d:props:children:0:props:serverProvidedParams:params\\n)/script>script type40eca6ae9d8be00934b35da0-text/javascript>self.__next_f.push(1,19:\$\,\meta\,\0\,{\charSet\:\utf-8\},\$\,\meta\,\1\,{\name\:\viewport\,\content\:\widthdevice-width, initial-scale1\}\n)/script>script type40eca6ae9d8be00934b35da0-text/javascript>self.__next_f.push(1,1c:I27201,\/_next/static/chunks/f7239a879a63c177.js\,\/_next/static/chunks/69f6b1c66aeace43.js\,\IconMark\\n17:null\n)/script>script type40eca6ae9d8be00934b35da0-text/javascript>self.__next_f.push(1,1b:\$\,\title\,\0\,{\children\:\DPIP - 災害天氣與地震速報 | ExpTech Studio\},\$\,\meta\,\1\,{\name\:\description\,\content\:\DPIP 整合 TREM 以及中央氣象署資料，提供一個整合、單一且便利的防災資訊應用程式。即時地震預警、天氣監測、災害通知，保護您和家人的安全。\},\$\,\meta\,\2\,{\name\:\author\,\content\:\ExpTech Studio\},\$\,\link\,\3\,{\rel\:\manifest\,\href\:\/site.webmanifest\,\crossOrigin\:\$undefined\},\$\,\meta\,\4\,{\name\:\keywords\,\content\:\DPIP,地震速報,天氣預報,防災,災害預警,地震預警,TREM,中央氣象署,ExpTech\},\$\,\meta\,\5\,{\name\:\creator\,\content\:\ExpTech Studio\},\$\,\meta\,\6\,{\name\:\publisher\,\content\:\ExpTech Studio\},\$\,\link\,\7\,{\rel\:\canonical\,\href\:\https://exptech.dev\},\$\,\meta\,\8\,{\property\:\og:title\,\content\:\DPIP - 災害天氣與地震速報\},\$\,\meta\,\9\,{\property\:\og:description\,\content\:\DPIP 整合 TREM 以及中央氣象署資料，提供一個整合、單一且便利的防災資訊應用程式\},\$\,\meta\,\10\,{\property\:\og:site_name\,\content\:\ExpTech Studio\},\$\,\meta\,\11\,{\property\:\og:locale\,\content\:\zh_TW\},\$\,\meta\,\12\,{\property\:\og:image\,\content\:\https://exptech.dev/images/pr_dpip_home.png\},\$\,\meta\,\13\,{\property\:\og:type\,\content\:\website\},\$\,\meta\,\14\,{\name\:\twitter:card\,\content\:\summary_large_image\},\$\,\meta\,\15\,{\name\:\twitter:creator\,\content\:\@ExpTechTW\},\$\,\meta\,\16\,{\name\:\twitter:title\,\content\:\DPIP - 災害天氣與地震速報\},\$\,\meta\,\17\,{\name\:\twitter:description\,\content\:\DPIP 整合 TREM 以及中央氣象署資料，提供一個整合、單一且便利的防災資訊應用程式\},\$\,\meta\,\18\,{\name\:\twitter:image\,\content\:\https://exptech.dev/images/pr_dpip_home.png\},\$\,\link\,\19\,{\rel\:\shortcut icon\,\href\:\/favicon.ico\},\$\,\link\,\20\,{\rel\:\icon\,\href\:\/favicon.ico\},\$\,\link\,\21\,{\rel\:\apple-touch-icon\,\href\:\/favicon.ico\},\$\,\$L1c\,\22\,{}\n)/script>script src/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js data-cf-settings40eca6ae9d8be00934b35da0-|49 defer>/script>/body>/html>
Port 443
HTTP/1.1 200 OKDate: Wed, 04 Feb 2026 23:17:59 GMTContent-Type: text/html; charsetutf-8Transfer-Encoding: chunkedConnection: keep-aliveServer: cloudflarex-xss-protection: 1; modeblockVary: rsc, next-router-state-tree, next-router-prefetch, next-router-segment-prefetch, Accept-EncodingCache-Control: s-maxage31536000x-content-type-options: nosniffx-frame-options: SAMEORIGINx-nextjs-cache: HITx-nextjs-prerender: 1, 1x-nextjs-stale-time: 300Nel: {report_to:cf-nel,success_fraction:0.0,max_age:604800}cf-cache-status: DYNAMICReport-To: {group:cf-nel,max_age:604800,endpoints:{url:https://a.nel.cloudflare.com/report/v4?svsytAXedFIYmF4j4BOnrfYDszOnyywbSLs2SH0npQlgcUluydpyYAcccE2KUBfKVyv3gv3mcJiZFyPCVmDDcag%2FHJu3tr6fgp%2F6Q4rpW}}expect-ct: max-age86400, enforcereferrer-policy: same-originCF-RAY: 9c8de2775cb63741-PDXalt-svc: h3:443; ma86400 !DOCTYPE html>!--EWR9_6jmZbI6VG_qV9CaU-->html class noto_sans_tc_a61a976a-module__9ODKnW__variable poppins_2007a258-module__EKNFBa__variable langzh-TW>head>meta charSetutf-8/>meta nameviewport contentwidthdevice-width, initial-scale1/>link relpreload href/_next/static/media/47fe1b7cd6e6ed85-s.p.855a563b.woff2 asfont crossorigin typefont/woff2/>link relpreload href/_next/static/media/8e6fa89aa22d24ec-s.p.3aec397d.woff2 asfont crossorigin typefont/woff2/>link relpreload href/_next/static/media/a218039a3287bcfd-s.p.4a23d71b.woff2 asfont crossorigin typefont/woff2/>link relpreload href/_next/static/media/e2334d715941921e-s.p.d82a9aff.woff2 asfont crossorigin typefont/woff2/>link relpreload asimage href/images/pr_dpip_home.png/>link relpreload asimage href/images/pr_dpip_radar.png/>link relpreload asimage hrefhttps://github.com/kamiya4047.png/>link relpreload asimage hrefhttps://github.com/whes1015.png/>link relpreload asimage hrefhttps://github.com/lowrt.png/>link relpreload asimage hrefhttps://github.com/yayacat.png/>link relpreload asimage hrefhttps://github.com/Yoyochou0901.png/>link relpreload asimage hrefhttps://github.com/charlie112787.png/>link relpreload asimage hrefhttps://github.com/bamboo0403.png/>link relpreload asimage hrefhttps://github.com/cracks666666.png/>link relstylesheet href/_next/static/chunks/af7b66bf383e5e88.css data-precedencenext/>link relstylesheet href/_next/static/chunks/d216b27097611a09.css data-precedencenext/>link relstylesheet href/_next/static/chunks/00f11b96eb5a929f.css data-precedencenext/>link relpreload asscript fetchPrioritylow href/_next/static/chunks/6e3f8fd0aa1f833a.js/>script src/_next/static/chunks/6a9f4d1870cf5ae9.js async type146cf9381abd98d00e3043a6-text/javascript>/script>script src/_next/static/chunks/4af27f77bd5de33b.js async type146cf9381abd98d00e3043a6-text/javascript>/script>script src/_next/static/chunks/2375e3fd2a9b8844.js async type146cf9381abd98d00e3043a6-text/javascript>/script>script src/_next/static/chunks/d598f1f652e2d146.js async type146cf9381abd98d00e3043a6-text/javascript>/script>script src/_next/static/chunks/turbopack-6805f0ff8b8ee4e8.js async type146cf9381abd98d00e3043a6-text/javascript>/script>script src/_next/static/chunks/f7239a879a63c177.js async type146cf9381abd98d00e3043a6-text/javascript>/script>script src/_next/static/chunks/69f6b1c66aeace43.js async type146cf9381abd98d00e3043a6-text/javascript>/script>script src/_next/static/chunks/6783f10cf837230a.js async type146cf9381abd98d00e3043a6-text/javascript>/script>script src/_next/static/chunks/0856ef42f52cead4.js async type146cf9381abd98d00e3043a6-text/javascript>/script>script src/_next/static/chunks/6004bb850207073d.js async type146cf9381abd98d00e3043a6-text/javascript>/script>script src/_next/static/chunks/15e2b9c18d2f94ba.js async type146cf9381abd98d00e3043a6-text/javascript>/script>script src/_next/static/chunks/96dd98715a4761c2.js async type146cf9381abd98d00e3043a6-text/javascript>/script>script src/_next/static/chunks/c4bd3b8e7802803d.js async type146cf9381abd98d00e3043a6-text/javascript>/script>script src/_next/static/chunks/8c0e0b59b8f3ceee.js async type146cf9381abd98d00e3043a6-text/javascript>/script>script src/_next/static/chunks/60db84dbecdd6785.js async type146cf9381abd98d00e3043a6-text/javascript>/script>script src/_next/static/chunks/dfb093f98b75d004.js async type146cf9381abd98d00e3043a6-text/javascript>/script>script src/_next/static/chunks/a925453f05e4107a.js async type146cf9381abd98d00e3043a6-text/javascript>/script>script src/_next/static/chunks/46ca997941973622.js async type146cf9381abd98d00e3043a6-text/javascript>/script>link relpreload asimage hrefhttps://github.com/Im-Tim-mI.png/>link relpreload asimage hrefhttps://github.com/BigDuck430.png/>link relpreload asimage hrefhttps://github.com/YumNumm.png/>link relpreload asimage hrefhttps://github.com/PiscesXD.png/>link relpreload asimage hrefhttps://github.com/seadog007.png/>meta namenext-size-adjust content/>title>DPIP - 災害天氣與地震速報 | ExpTech Studio/title>meta namedescription contentDPIP 整合 TREM 以及中央氣象署資料，提供一個整合、單一且便利的防災資訊應用程式。即時地震預警、天氣監測、災害通知，保護您和家人的安全。/>meta nameauthor contentExpTech Studio/>link relmanifest href/site.webmanifest/>meta namekeywords contentDPIP,地震速報,天氣預報,防災,災害預警,地震預警,TREM,中央氣象署,ExpTech/>meta namecreator contentExpTech Studio/>meta namepublisher contentExpTech Studio/>link relcanonical hrefhttps://exptech.dev/>meta propertyog:title contentDPIP - 災害天氣與地震速報/>meta propertyog:description contentDPIP 整合 TREM 以及中央氣象署資料，提供一個整合、單一且便利的防災資訊應用程式/>meta propertyog:site_name contentExpTech Studio/>meta propertyog:locale contentzh_TW/>meta propertyog:image contenthttps://exptech.dev/images/pr_dpip_home.png/>meta propertyog:type contentwebsite/>meta nametwitter:card contentsummary_large_image/>meta nametwitter:creator content@ExpTechTW/>meta nametwitter:title contentDPIP - 災害天氣與地震速報/>meta nametwitter:description contentDPIP 整合 TREM 以及中央氣象署資料，提供一個整合、單一且便利的防災資訊應用程式/>meta nametwitter:image contenthttps://exptech.dev/images/pr_dpip_home.png/>link relshortcut icon href/favicon.ico/>link relicon href/favicon.ico/>link relapple-touch-icon href/favicon.ico/>script src/_next/static/chunks/a6dad97d9634a72d.js noModule type146cf9381abd98d00e3043a6-text/javascript>/script>/head>body>div hidden>!--$-->!--/$-->/div>script type146cf9381abd98d00e3043a6-text/javascript>((a, b, c, d, e, f, g, h) > { let i document.documentElement, j light, dark; function k(b) { var c; (Array.isArray(a) ? a : a).forEach((a) > { let c a class, d c && f ? e.map((a) > fa || a) : e; c ? (i.classList.remove(...d), i.classList.add(f && fb ? fb : b)) : i.setAttribute(a, b); }), c b, h && j.includes(c) && (i.style.colorScheme c); } if (d) k(d); else try { let a localStorage.getItem(b) || c, d g && a system ? window.matchMedia((prefers-color-scheme: dark)).matches ? dark : light : a; k(d); } catch (a) {} })(class,theme,system,null,light,dark,null,true,true)/script>div classfixed top-0 z-50 grid w-dvw place-items-center>nav class group w-full max-w-full border border-transparent px-4 py-4 transition-all duration-300 data-floating:mt-4 data-floating:max-w-4/5 data-floating:rounded-8rem data-floating:border-border data-floating:bg-card/60 data-floating:px-4 data-floating:py-3 data-floating:pl-6 data-floating:shadow-md data-floating:backdrop-blur-md md:px-16 md:py-6 md:data-floating:max-w-3/5 >div classrelative flex items-center justify-between>a classflex items-center gap-4 href/>img altlogo loadinglazy width48 height48 decodingasync data-nimg1 stylecolor:transparent src/svg/logo.svg/>div class text-lg font-medium group-data-floating:opacity-0 md:group-data-floating:opacity-100 >ExpTech 探索科技/div>/a>button classgroup inline-flex shrink-0 items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-3px focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 &_svg:pointer-events-none &_svg:shrink-0 &_svg:not(class*'size-'):size-4 h-9 px-4 py-2 has->svg:px-3 hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50 data-slotbutton>登入/button>/div>/nav>/div>div classh-28>/div>div styleopacity:0>div class relative -mt-28 min-h-screen overflow-x-clip bg-#030712 text-white >div aria-hiddentrue classpointer-events-none fixed inset-0 overflow-hidden styleopacity:1>div classabsolute inset-0 opacity-0.02 stylebackground-image:linear-gradient(rgba(6, 182, 212, 0.3) 1px, transparent 1px), linear-gradient(90deg, rgba(6, 182, 212, 0.3) 1px, transparent 1px);background-size:60px 60px>/div>div class absolute -top-40 -right-40 h-150 w-150 rounded-full bg-linear-to-br from-cyan-500/20 via-teal-500/10 to-transparent blur-120px styletransform:none>/div>div class absolute top-1/3 -left-40 h-125 w-125 rounded-full bg-linear-to-tr from-cyan-600/15 via-emerald-500/10 to-transparent blur-100px styletransform:none>/div>div class absolute right-1/4 bottom-0 h-100 w-100 rounded-full bg-linear-to-t from-teal-500/10 to-transparent blur-80px >/div>div class absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 >div class absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 rounded-full border border-cyan-500/20 styleheight:600px;width:600px>/div>div class absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 rounded-full border border-cyan-500/20 styleheight:600px;width:600px>/div>div class absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 rounded-full border border-cyan-500/20 styleheight:600px;width:600px>/div>/div>div classabsolute inset-0 opacity-0.015 stylebackground-image:url("data:image/svg+xml,%3Csvg viewBox'0 0 256 256' xmlns'http://www.w3.org/2000/svg'%3E%3Cfilter id'noise'%3E%3CfeTurbulence type'fractalNoise' baseFrequency'0.9' numOctaves'4' stitchTiles'stitch'/%3E%3C/filter%3E%3Crect width'100%25' height'100%25' filter'url(%23noise)'/%3E%3C/svg%3E")>/div>/div>section classrelative min-h-screen idhero>div class mx-auto grid max-w-7xl grid-cols-1 items-center gap-8 px-4 pt-32 pb-20 md:min-h-screen md:grid-cols-2 md:gap-16 md:py-0 >div classrelative z-10 space-y-6 styleopacity:0;transform:translateX(-30px)>div class inline-flex items-center gap-2 rounded-full border border-cyan-500/30 bg-cyan-500/10 px-4 py-2 text-sm text-cyan-400 backdrop-blur-sm styleopacity:0;transform:scale(0.9)>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-sparkles size-4 aria-hiddentrue>path dM11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z>/path>path dM20 2v4>/path>path dM22 4h-4>/path>circle cx4 cy20 r2>/circle>/svg>span classfont-medium>v3.2.1 正式推出/span>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-chevron-right size-4 opacity-60 aria-hiddentrue>path dm9 18 6-6-6-6>/path>/svg>/div>h1 class text-4xl leading-1.1 font-bold tracking-tight md:text-6xl lg:text-7xl >span class block bg-linear-to-r from-white via-white to-white/60 bg-clip-text text-transparent >防災資訊整合平台/span>span class block bg-linear-to-r from-cyan-400 via-teal-400 to-emerald-400 bg-clip-text text-transparent >天氣地震隨身行/span>/h1>p class max-w-lg text-lg/relaxed text-zinc-400 md:text-xl >DPIP 整合 TREM 以及中央氣象署資料，提供一個整合、單一且便利的防災資訊應用程式/p>div classflex flex-wrap items-center gap-3 pt-2>a hrefhttps://play.google.com/store/apps/details?idcom.exptech.dpip relnoreferrer target_blank tabindex0>img alt在 Google Play 上取得 DPIP draggablefalse loadinglazy width646 height192 decodingasync data-nimg1 classh-11 w-auto stylecolor:transparent srcSet/_next/image?url%2F_next%2Fstatic%2Fmedia%2Fgoogle_play.9e858cdc.png&w750&q75 1x, /_next/image?url%2F_next%2Fstatic%2Fmedia%2Fgoogle_play.9e858cdc.png&w1920&q75 2x src/_next/image?url%2F_next%2Fstatic%2Fmedia%2Fgoogle_play.9e858cdc.png&w1920&q75/>/a>a hrefhttps://apps.apple.com/tw/app/id6468026362 relnoreferrer target_blank tabindex0>img alt在 App Store 上取得 DPIP draggablefalse loadinglazy width522 height192 decodingasync data-nimg1 classh-11 w-auto stylecolor:transparent srcSet/_next/image?url%2F_next%2Fstatic%2Fmedia%2Fapp_store.ec12c102.png&w640&q75 1x, /_next/image?url%2F_next%2Fstatic%2Fmedia%2Fapp_store.ec12c102.png&w1080&q75 2x src/_next/image?url%2F_next%2Fstatic%2Fmedia%2Fapp_store.ec12c102.png&w1080&q75/>/a>/div>div class flex flex-wrap items-center gap-6 pt-4 text-sm text-zinc-500 >div classflex items-center gap-2>div class flex h-8 w-8 items-center justify-center rounded-lg bg-cyan-500/10 >svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-shield-check h-4 w-4 text-cyan-400 aria-hiddentrue>path dM20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z>/path>path dm9 12 2 2 4-4>/path>/svg>/div>span>無廣告/span>/div>div classflex items-center gap-2>div class flex h-8 w-8 items-center justify-center rounded-lg bg-cyan-500/10 >svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-zap h-4 w-4 text-cyan-400 aria-hiddentrue>path dM4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z>/path>/svg>/div>span>省電高效/span>/div>div classflex items-center gap-2>div class flex h-8 w-8 items-center justify-center rounded-lg bg-cyan-500/10 >svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-bell-ring h-4 w-4 text-cyan-400 aria-hiddentrue>path dM10.268 21a2 2 0 0 0 3.464 0>/path>path dM22 8c0-2.3-.8-4.3-2-6>/path>path dM3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326>/path>path dM4 2C2.8 3.7 2 5.7 2 8>/path>/svg>/div>span>即時告警/span>/div>/div>/div>div class relative flex items-center justify-center md:h-150 lg:h-175 >div classrelative styleperspective:1200px>div class absolute top-1/2 left-1/2 -z-10 h-125 w-100 -translate-x-1/2 -translate-y-1/2 >div class absolute inset-0 rounded-full bg-linear-to-br from-cyan-500/30 via-teal-500/20 to-transparent blur-80px >/div>div class absolute inset-0 rounded-full bg-linear-to-tr from-transparent via-cyan-400/10 to-emerald-500/20 blur-60px >/div>/div>div classrelative styletransform-style:preserve-3d;transform:none>div class relative z-20 mx-auto w-65 md:w-70 lg:w-75 styleopacity:0;transform:translateY(40px)>div class relative rounded-3rem bg-linear-to-b from-zinc-700 via-zinc-800 to-zinc-900 p-0.75 shadow-0_0_60px_rgba(0,0,0,0.8),0_0_100px_rgba(6,182,212,0.15) >div classrelative overflow-hidden rounded-2.8rem bg-black>div class absolute top-0 left-1/2 z-30 h-7 w-28 -translate-x-1/2 rounded-b-2xl bg-black >/div>img altDPIP 主畫面 classrelative z-10 w-full draggablefalse src/images/pr_dpip_home.png/>div class pointer-events-none absolute inset-0 z-20 bg-linear-to-br from-white/5 via-transparent to-transparent >/div>/div>/div>div class absolute -bottom-4 left-1/2 -z-10 h-8 w-3/4 -translate-x-1/2 rounded-full bg-black/60 blur-2xl >/div>/div>div class w-56 rounded-2xl border border-zinc-700/60 bg-zinc-900/90 p-4 shadow-2xl backdrop-blur-xl md:w-64 absolute bottom-40 -left-8 z-10 md:-left-20 lg:-left-24 styleopacity:0;transform:translateY(30px) rotate(-6deg)>div>div classflex items-center gap-2>span classtext-base>📡/span>span classfont-medium text-white>強震監視器/span>span classml-auto text-xs text-zinc-500>12:06/span>/div>p classmt-2 text-xs/relaxed text-zinc-400>臺南市楠西區 偵測到晃動/p>/div>/div>div class w-56 rounded-2xl border border-zinc-700/60 bg-zinc-900/90 p-4 shadow-2xl backdrop-blur-xl md:w-64 absolute bottom-12 -left-4 z-10 md:-left-16 lg:-left-20 styleopacity:0;transform:translateY(30px) rotate(-4deg)>div>div classflex items-center gap-2>span classtext-base>⚠️/span>span classfont-medium text-white>地震速報/span>span classml-auto text-xs text-zinc-500>12:07/span>/div>p classmt-2 text-xs/relaxed text-zinc-400>12:06左右，臺南市楠西區發生地震。震源深度10公里，地震規模M4.7/p>/div>/div>div class absolute top-8 -right-4 z-10 hidden w-48 md:-right-16 md:block md:w-56 lg:-right-20 lg:w-64 styleopacity:0;transform:translateX(30px) rotate(6deg)>img altDPIP 雷達回波地圖 classw-full rounded-2xl border border-zinc-700/50 shadow-2xl src/images/pr_dpip_radar.png/>div class absolute -inset-4 -z-10 rounded-3xl bg-linear-to-br from-teal-500/20 to-transparent blur-xl >/div>/div>/div>/div>/div>/div>div class absolute bottom-8 left-1/2 hidden -translate-x-1/2 flex-col items-center gap-2 md:flex styleopacity:0;transform:translateY(-10px)>span classtext-xs text-zinc-600>向下滾動探索更多/span>div classh-10 w-6 rounded-full border-2 border-zinc-700 p-1>div classh-2 w-full rounded-full bg-cyan-400>/div>/div>/div>/section>section classrelative py-40 idfeatures>div classmx-auto max-w-7xl px-4>div classmb-20 styleopacity:0;transform:translateY(30px)>div classflex items-center gap-3 text-cyan-400>div class h-px w-12 bg-linear-to-r from-cyan-400 to-transparent >/div>span classtext-sm font-medium tracking-widest uppercase>功能亮點/span>/div>h2 class mt-6 text-4xl/tight font-bold tracking-tight md:text-6xl >span classtext-white>為你打造的/span>br/>span class bg-linear-to-r from-cyan-400 via-teal-400 to-emerald-400 bg-clip-text text-transparent >防災體驗/span>/h2>/div>div class grid gap-4 md:grid-cols-3 md:grid-rows-3 >div class group relative row-span-2 overflow-hidden rounded-3xl bg-linear-to-br from-zinc-900/80 to-zinc-900/50 p-8 transition-all duration-500 hover:from-cyan-950/50 hover:to-zinc-900/50 md:col-span-2 styleopacity:0;transform:translateY(30px)>div class absolute inset-0 bg-radial-gradient(ellipse_at_top_right,rgba(6,182,212,0.15),transparent_70%) opacity-0 transition-opacity duration-500 group-hover:opacity-100 >/div>div class absolute -right-20 -bottom-20 h-60 w-60 rounded-full bg-zinc-500/10 blur-80px transition-all duration-500 group-hover:bg-cyan-500/30 >/div>div class relative z-10 flex h-full flex-col justify-between >div>div class mb-6 inline-flex items-center justify-center rounded-2xl bg-linear-to-br from-zinc-600 to-zinc-700 p-4 transition-all duration-500 group-hover:from-cyan-500 group-hover:to-teal-600 >svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-bell-ring h-8 w-8 text-white aria-hiddentrue>path dM10.268 21a2 2 0 0 0 3.464 0>/path>path dM22 8c0-2.3-.8-4.3-2-6>/path>path dM3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326>/path>path dM4 2C2.8 3.7 2 5.7 2 8>/path>/svg>/div>h3 class text-3xl font-bold text-white md:text-4xl >即時告警/h3>p classmt-4 max-w-md text-lg text-zinc-400>多來源整合、智慧推播。地震發生的第一時間收到通知，延遲更低、反應更快。/p>/div>div classmt-8 flex items-center gap-4>div classflex -space-x-2>div class h-10 w-10 rounded-full border-2 border-zinc-900 bg-linear-to-br from-zinc-500 to-zinc-600 transition-all duration-500 group-hover:from-cyan-400 group-hover:to-teal-500 >/div>div class h-10 w-10 rounded-full border-2 border-zinc-900 bg-linear-to-br from-zinc-500 to-zinc-600 transition-all duration-500 group-hover:from-teal-400 group-hover:to-emerald-500 >/div>div class h-10 w-10 rounded-full border-2 border-zinc-900 bg-linear-to-br from-zinc-500 to-zinc-600 transition-all duration-500 group-hover:from-emerald-400 group-hover:to-green-500 >/div>/div>span classtext-sm text-zinc-500>30萬+ 用戶信賴/span>/div>/div>/div>div class group relative overflow-hidden rounded-3xl bg-zinc-900/80 p-6 styleopacity:0;transform:translateY(30px)>div class absolute inset-0 bg-radial-gradient(ellipse_at_bottom,rgba(20,184,166,0.1),transparent_70%) opacity-0 transition-opacity duration-500 group-hover:opacity-100 >/div>div classrelative>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-download mb-4 h-6 w-6 text-zinc-500 transition-colors duration-500 group-hover:text-teal-400 aria-hiddentrue>path dM12 15V3>/path>path dM21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4>/path>path dm7 10 5 5 5-5>/path>/svg>div classtext-5xl font-bold text-white>span class>/span>span class text-zinc-500 transition-colors duration-500 group-hover:text-teal-400 >+/span>/div>p classmt-2 text-zinc-500>累積下載次數/p>/div>/div>div class group relative overflow-hidden rounded-3xl bg-zinc-900/80 p-6 styleopacity:0;transform:translateY(30px)>div class absolute inset-0 bg-radial-gradient(ellipse_at_top,rgba(251,191,36,0.1),transparent_70%) opacity-0 transition-opacity duration-500 group-hover:opacity-100 >/div>div classrelative space-y-3>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star mb-2 h-6 w-6 fill-zinc-500 text-zinc-500 transition-colors duration-500 group-hover:fill-amber-400 group-hover:text-amber-400 aria-hiddentrue>path dM11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z>/path>/svg>div classflex items-center gap-3>span classtext-xs text-zinc-500>App Store/span>div classflex items-baseline gap-1>span classtext-2xl font-bold text-white>4.2/span>span classtext-sm text-zinc-500>/5/span>/div>/div>div classflex items-center gap-3>span classtext-xs text-zinc-500>Play Store/span>div classflex items-baseline gap-1>span classtext-2xl font-bold text-white>3.9/span>span classtext-sm text-zinc-500>/5/span>/div>/div>/div>/div>div class group relative overflow-hidden rounded-3xl bg-linear-to-br from-zinc-900/80 to-zinc-900/50 p-6 transition-all duration-500 hover:from-teal-950/50 hover:to-zinc-900/50 styleopacity:0;transform:translateY(30px)>div class absolute -top-10 -right-10 h-32 w-32 rounded-full bg-zinc-500/10 blur-2xl transition-all duration-500 group-hover:bg-teal-500/30 >/div>div classrelative>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-cloud-lightning mb-4 h-8 w-8 text-zinc-500 transition-colors duration-500 group-hover:text-teal-400 aria-hiddentrue>path dM6 16.326A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 .5 8.973>/path>path dm13 12-3 5h4l-3 5>/path>/svg>h4 classtext-xl font-bold text-white>24H 天氣預報/h4>p classmt-2 text-sm text-zinc-500>掌握最新預報，行程安排更便利/p>/div>/div>div class group relative overflow-hidden rounded-3xl bg-linear-to-br from-zinc-900/80 to-zinc-900/50 p-6 transition-all duration-500 hover:from-emerald-950/50 hover:to-zinc-900/50 styleopacity:0;transform:translateY(30px)>div class absolute -bottom-10 -left-10 h-32 w-32 rounded-full bg-zinc-500/10 blur-2xl transition-all duration-500 group-hover:bg-emerald-500/30 >/div>div classrelative>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-activity mb-4 h-8 w-8 text-zinc-500 transition-colors duration-500 group-hover:text-emerald-400 aria-hiddentrue>path dM22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2>/path>/svg>h4 classtext-xl font-bold text-white>省電高效/h4>p classmt-2 text-sm text-zinc-500>全天待命，零打擾、超省電/p>/div>/div>div class group relative overflow-hidden rounded-3xl bg-linear-to-br from-zinc-900/80 to-zinc-900/50 p-6 transition-all duration-500 hover:from-blue-950/50 hover:to-zinc-900/50 styleopacity:0;transform:translateY(30px)>div class absolute -right-10 -bottom-10 h-32 w-32 rounded-full bg-zinc-500/10 blur-2xl transition-all duration-500 group-hover:bg-blue-500/30 >/div>div classrelative>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-radar mb-4 h-8 w-8 text-zinc-500 transition-colors duration-500 group-hover:text-blue-400 aria-hiddentrue>path dM19.07 4.93A10 10 0 0 0 6.99 3.34>/path>path dM4 6h.01>/path>path dM2.29 9.62A10 10 0 1 0 21.31 8.35>/path>path dM16.24 7.76A6 6 0 1 0 8.23 16.67>/path>path dM12 18h.01>/path>path dM17.99 11.66A6 6 0 0 1 15.77 16.67>/path>circle cx12 cy12 r2>/circle>path dm13.41 10.59 5.66-5.66>/path>/svg>h4 classtext-xl font-bold text-white>視覺化震波/h4>p classmt-2 text-sm text-zinc-500>動態呈現 P/S 波傳遞/p>/div>/div>/div>/div>/section>section classrelative py-40 idreviews>div class pointer-events-none absolute inset-0 -top-40 overflow-visible >div class absolute top-0 left-1/4 h-125 w-125 -translate-x-1/2 rounded-full bg-cyan-500/10 blur-150px >/div>/div>div classrelative mx-auto max-w-7xl px-4>div classmb-16 text-center styleopacity:0;transform:translateY(30px)>h2 class text-4xl font-bold md:text-5xl >span classtext-white>用戶/span>span class bg-linear-to-r from-cyan-400 to-teal-400 bg-clip-text text-transparent >好評/span>/h2>p classmx-auto mt-4 max-w-lg text-zinc-500>來自社群的真實回饋，驅動我們不斷進步/p>/div>div class columns-1 gap-4 md:columns-2 lg:columns-3 >div class mb-4 break-inside-avoid rounded-2xl border border-zinc-800/50 bg-zinc-900/50 p-6 backdrop-blur-sm styleopacity:0;transform:translateY(20px)>p classtext-zinc-300>“!-- -->頭城外海 7.0 地震，台中在震波抵達前 10 秒收到警告，當下認真覺得可能真的可以因此被救一命。這程式很棒👍!-- -->”/p>div classmt-6 flex items-center gap-3>span classrelative flex size-8 shrink-0 overflow-hidden rounded-full h-10 w-10 border-2 border-zinc-700 data-slotavatar>/span>div>div classfont-medium text-white>Her Majesty/div>div classtext-sm text-zinc-500>Google Play 評論/div>/div>/div>/div>div class mb-4 break-inside-avoid rounded-2xl border border-zinc-800/50 bg-zinc-900/50 p-6 backdrop-blur-sm styleopacity:0;transform:translateY(20px)>p classtext-zinc-300>“!-- -->這個地震速報平台整體來說蠻不錯的，各個防災資訊都到位。感謝開發者💫!-- -->”/p>div classmt-6 flex items-center gap-3>span classrelative flex size-8 shrink-0 overflow-hidden rounded-full h-10 w-10 border-2 border-zinc-700 data-slotavatar>/span>div>div classfont-medium text-white>Steven II Chen/div>div classtext-sm text-zinc-500>Google Play 評論/div>/div>/div>/div>div class mb-4 break-inside-avoid rounded-2xl border border-zinc-800/50 bg-zinc-900/50 p-6 backdrop-blur-sm styleopacity:0;transform:translateY(20px)>p classtext-zinc-300>“!-- -->告警目前看來似乎正常。感謝開發團隊努力修正，也謝謝開發此 APP。!-- -->”/p>div classmt-6 flex items-center gap-3>span classrelative flex size-8 shrink-0 overflow-hidden rounded-full h-10 w-10 border-2 border-zinc-700 data-slotavatar>/span>div>div classfont-medium text-white>Hank Tsai/div>div classtext-sm text-zinc-500>Google Play 評論/div>/div>/div>/div>div class mb-4 break-inside-avoid rounded-2xl border border-zinc-800/50 bg-zinc-900/50 p-6 backdrop-blur-sm styleopacity:0;transform:translateY(20px)>p classtext-zinc-300>“!-- -->相當好用，希望能更換更容易警覺的通知聲音。!-- -->”/p>div classmt-6 flex items-center gap-3>span classrelative flex size-8 shrink-0 overflow-hidden rounded-full h-10 w-10 border-2 border-zinc-700 data-slotavatar>/span>div>div classfont-medium text-white>chaos epsilon/div>div classtext-sm text-zinc-500>Google Play 評論/div>/div>/div>/div>div class mb-4 break-inside-avoid rounded-2xl border border-zinc-800/50 bg-zinc-900/50 p-6 backdrop-blur-sm styleopacity:0;transform:translateY(20px)>p classtext-zinc-300>“!-- -->免費無廣告的防災警報服務，難怪沒什麼人想做這方面的防災應用。支持開發者！!-- -->”/p>div classmt-6 flex items-center gap-3>span classrelative flex size-8 shrink-0 overflow-hidden rounded-full h-10 w-10 border-2 border-zinc-700 data-slotavatar>/span>div>div classfont-medium text-white>泓D HONG_D/div>div classtext-sm text-zinc-500>Google Play 評論/div>/div>/div>/div>div class mb-4 break-inside-avoid rounded-2xl border border-zinc-800/50 bg-zinc-900/50 p-6 backdrop-blur-sm styleopacity:0;transform:translateY(20px)>p classtext-zinc-300>“!-- -->比國家級警報快發送地震警報👍 讓大家有多一點的反應時間👍!-- -->”/p>div classmt-6 flex items-center gap-3>span classrelative flex size-8 shrink-0 overflow-hidden rounded-full h-10 w-10 border-2 border-zinc-700 data-slotavatar>/span>div>div classfont-medium text-white>楊沅鑫/div>div classtext-sm text-zinc-500>Google Play 評論/div>/div>/div>/div>div class mb-4 break-inside-avoid rounded-2xl border border-zinc-800/50 bg-zinc-900/50 p-6 backdrop-blur-sm styleopacity:0;transform:translateY(20px)>p classtext-zinc-300>“!-- -->超好用速度超快!-- -->”/p>div classmt-6 flex items-center gap-3>span classrelative flex size-8 shrink-0 overflow-hidden rounded-full h-10 w-10 border-2 border-zinc-700 data-slotavatar>/span>div>div classfont-medium text-white>吳秉謙/div>div classtext-sm text-zinc-500>Google Play 評論/div>/div>/div>/div>/div>/div>/section>section classrelative py-40 idopen>div classmx-auto max-w-7xl px-4>div class relative overflow-hidden rounded-2.5rem border border-zinc-800/50 styleopacity:0;transform:translateY(30px)>div class absolute inset-0 bg-linear-to-br from-cyan-950/30 via-zinc-900 to-teal-950/30 >/div>div class absolute -top-40 -left-40 h-80 w-80 rounded-full bg-cyan-500/20 blur-100px >/div>div class absolute -right-40 -bottom-40 h-80 w-80 rounded-full bg-teal-500/20 blur-100px >/div>div class relative grid items-center gap-12 p-8 md:grid-cols-2 md:p-16 >div>div class mb-8 inline-flex items-center gap-2 rounded-full border border-cyan-500/30 bg-cyan-500/10 px-4 py-2 >svg xmlnshttp://www.w3.org/2000/svg width24 height24 fillcurrentColor viewBox0 0 24 24 classh-4 w-4 text-cyan-400>title>GitHub/title>path dM12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12>/path>/svg>span classtext-sm font-medium text-cyan-400>Open Source/span>/div>h2 class text-4xl/tight font-bold md:text-5xl >span classtext-white>完全開源/span>br/>span class bg-linear-to-r from-cyan-400 to-teal-400 bg-clip-text text-transparent >社群驅動/span>/h2>p classmt-6 text-lg text-zinc-400>DPIP 以開源為核心理念，程式碼公開可審視、可貢獻。 每一次改進，都來自社群的力量。/p>div classmt-8 flex flex-wrap gap-4>a class inline-flex items-center gap-2 rounded-xl bg-white px-6 py-3 font-semibold text-zinc-900 transition-all hover:bg-zinc-200 hrefhttps://github.com/ExpTechTW/DPIP relnoreferrer target_blank tabindex0>svg xmlnshttp://www.w3.org/2000/svg width24 height24 fillcurrentColor viewBox0 0 24 24 classsize-5>title>GitHub/title>path dM12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12>/path>/svg>檢視原始碼/a>a class inline-flex items-center gap-2 rounded-xl border border-zinc-700 bg-zinc-800/50 px-6 py-3 font-semibold text-white backdrop-blur-sm transition-all hover:border-zinc-600 hover:bg-zinc-700/50 hrefhttps://discord.com/invite/exptech-studio relnoreferrer target_blank tabindex0>svg xmlnshttp://www.w3.org/2000/svg width24 height24 fillcurrentColor viewBox0 0 24 24 classsize-5>title>Discord/title>path dM20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1569 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189Z>/path>/svg>加入討論/a>/div>div classmt-10 flex gap-8>div>div classtext-3xl font-bold text-white>225+/div>div classtext-sm text-zinc-500>GitHub 星數/div>/div>div>div classtext-3xl font-bold text-white>13/div>div classtext-sm text-zinc-500>貢獻者/div>/div>div>div classtext-3xl font-bold text-white>AGPL/div>div classtext-sm text-zinc-500>License/div>/div>/div>/div>div classrelative>div class overflow-hidden rounded-2xl border border-zinc-800 bg-zinc-950/80 shadow-2xl backdrop-blur-sm >div class flex items-center gap-2 border-b border-zinc-800 px-4 py-3 >div classh-3 w-3 rounded-full bg-red-500/80>/div>div classh-3 w-3 rounded-full bg-yellow-500/80>/div>div classh-3 w-3 rounded-full bg-green-500/80>/div>span classml-3 text-xs text-zinc-500>DPIP/span>/div>div classp-6 font-mono text-sm>div classtext-zinc-500>// 複製儲存庫/div>div classmt-2>span classtext-purple-400>git/span>span classtext-white> clone /span>span classtext-cyan-400>https://github.com/ExpTechTW/DPIP.git/span>/div>div classmt-4 text-zinc-500>// 安裝依賴/div>div classmt-2>span classtext-purple-400>flutter/span>span classtext-white> pub get/span>/div>div classmt-4 text-zinc-500>// 執行開發/div>div classmt-2>span classtext-purple-400>flutter/span>span classtext-white> run/span>/div>div class mt-6 flex items-center gap-2 text-emerald-400 >span class inline-block h-2 w-2 animate-pulse rounded-full bg-emerald-400 >/span>準備好開始貢獻！/div>/div>/div>div class absolute -top-4 -right-4 -z-10 h-full w-full rounded-2xl border border-cyan-500/20 bg-linear-to-br from-cyan-500/5 to-transparent >/div>/div>/div>/div>/div>/section>section classrelative py-40 idcontributors>div classmx-auto max-w-7xl px-4>div classmb-12 text-center styleopacity:0;transform:translateY(30px)>h2 class text-3xl font-bold text-white md:text-4xl >感謝所有span class bg-linear-to-r from-amber-400 to-orange-500 bg-clip-text text-transparent >貢獻者/span>/h2>p classmx-auto mt-4 max-w-lg text-zinc-500>DPIP 的誕生離不開這些優秀開發者的付出/p>/div>div classflex flex-wrap items-center justify-center gap-4 styleopacity:0>a class group relative flex flex-col items-center gap-2 rounded-2xl border border-zinc-800/50 bg-zinc-900/50 p-4 backdrop-blur-sm transition-all duration-300 hover:border-amber-500/30 hover:bg-zinc-800/50 hrefhttps://github.com/kamiya4047 relnoreferrer target_blank styleopacity:0;transform:scale(0.8)>div classrelative>img altkamiya4047 class h-16 w-16 rounded-full border-2 border-zinc-700 transition-all duration-300 group-hover:scale-110 group-hover:border-amber-500/50 srchttps://github.com/kamiya4047.png/>div class absolute -top-1 -right-1 flex h-6 w-6 items-center justify-center rounded-full text-xs font-bold bg-amber-500 text-black >1/div>/div>div classtext-center>div class text-sm font-medium text-white transition-colors group-hover:text-amber-400 >kamiya4047/div>div classtext-xs text-zinc-500>289.9k!-- --> !-- -->行/div>/div>/a>a class group relative flex flex-col items-center gap-2 rounded-2xl border border-zinc-800/50 bg-zinc-900/50 p-4 backdrop-blur-sm transition-all duration-300 hover:border-amber-500/30 hover:bg-zinc-800/50 hrefhttps://github.com/whes1015 relnoreferrer target_blank styleopacity:0;transform:scale(0.8)>div classrelative>img altwhes1015 class h-16 w-16 rounded-full border-2 border-zinc-700 transition-all duration-300 group-hover:scale-110 group-hover:border-amber-500/50 srchttps://github.com/whes1015.png/>div class absolute -top-1 -right-1 flex h-6 w-6 items-center justify-center rounded-full text-xs font-bold bg-zinc-400 text-black >2/div>/div>div classtext-center>div class text-sm font-medium text-white transition-colors group-hover:text-amber-400 >whes1015/div>div classtext-xs text-zinc-500>125.4k!-- --> !-- -->行/div>/div>/a>a class group relative flex flex-col items-center gap-2 rounded-2xl border border-zinc-800/50 bg-zinc-900/50 p-4 backdrop-blur-sm transition-all duration-300 hover:border-amber-500/30 hover:bg-zinc-800/50 hrefhttps://github.com/lowrt relnoreferrer target_blank styleopacity:0;transform:scale(0.8)>div classrelative>img altlowrt class h-16 w-16 rounded-full border-2 border-zinc-700 transition-all duration-300 group-hover:scale-110 group-hover:border-amber-500/50 srchttps://github.com/lowrt.png/>div class absolute -top-1 -right-1 flex h-6 w-6 items-center justify-center rounded-full text-xs font-bold bg-orange-700 text-white >3/div>/div>div classtext-center>div class text-sm font-medium text-white transition-colors group-hover:text-amber-400 >lowrt/div>div classtext-xs text-zinc-500>120.0k!-- --> !-- -->行/div>/div>/a>a class group relative flex flex-col items-center gap-2 rounded-2xl border border-zinc-800/50 bg-zinc-900/50 p-4 backdrop-blur-sm transition-all duration-300 hover:border-amber-500/30 hover:bg-zinc-800/50 hrefhttps://github.com/yayacat relnoreferrer target_blank styleopacity:0;transform:scale(0.8)>div classrelative>img altyayacat class h-16 w-16 rounded-full border-2 border-zinc-700 transition-all duration-300 group-hover:scale-110 group-hover:border-amber-500/50 srchttps://github.com/yayacat.png/>/div>div classtext-center>div class text-sm font-medium text-white transition-colors group-hover:text-amber-400 >yayacat/div>div classtext-xs text-zinc-500>46.0k!-- --> !-- -->行/div>/div>/a>a class group relative flex flex-col items-center gap-2 rounded-2xl border border-zinc-800/50 bg-zinc-900/50 p-4 backdrop-blur-sm transition-all duration-300 hover:border-amber-500/30 hover:bg-zinc-800/50 hrefhttps://github.com/Yoyochou0901 relnoreferrer target_blank styleopacity:0;transform:scale(0.8)>div classrelative>img altYoyochou0901 class h-16 w-16 rounded-full border-2 border-zinc-700 transition-all duration-300 group-hover:scale-110 group-hover:border-amber-500/50 srchttps://github.com/Yoyochou0901.png/>/div>div classtext-center>div class text-sm font-medium text-white transition-colors group-hover:text-amber-400 >Yoyochou0901/div>div classtext-xs text-zinc-500>34.5k!-- --> !-- -->行/div>/div>/a>a class group relative flex flex-col items-center gap-2 rounded-2xl border border-zinc-800/50 bg-zinc-900/50 p-4 backdrop-blur-sm transition-all duration-300 hover:border-amber-500/30 hover:bg-zinc-800/50 hrefhttps://github.com/charlie112787 relnoreferrer target_blank styleopacity:0;transform:scale(0.8)>div classrelative>img altcharlie112787 class h-16 w-16 rounded-full border-2 border-zinc-700 transition-all duration-300 group-hover:scale-110 group-hover:border-amber-500/50 srchttps://github.com/charlie112787.png/>/div>div classtext-center>div class text-sm font-medium text-white transition-colors group-hover:text-amber-400 >charlie112787/div>div classtext-xs text-zinc-500>20.3k!-- --> !-- -->行/div>/div>/a>a class group relative flex flex-col items-center gap-2 rounded-2xl border border-zinc-800/50 bg-zinc-900/50 p-4 backdrop-blur-sm transition-all duration-300 hover:border-amber-500/30 hover:bg-zinc-800/50 hrefhttps://github.com/bamboo0403 relnoreferrer target_blank styleopacity:0;transform:scale(0.8)>div classrelative>img altbamboo0403 class h-16 w-16 rounded-full border-2 border-zinc-700 transition-all duration-300 group-hover:scale-110 group-hover:border-amber-500/50 srchttps://github.com/bamboo0403.png/>/div>div classtext-center>div class text-sm font-medium text-white transition-colors group-hover:text-amber-400 >bamboo0403/div>div classtext-xs text-zinc-500>2.7k!-- --> !-- -->行/div>/div>/a>a class group relative flex flex-col items-center gap-2 rounded-2xl border border-zinc-800/50 bg-zinc-900/50 p-4 backdrop-blur-sm transition-all duration-300 hover:border-amber-500/30 hover:bg-zinc-800/50 hrefhttps://github.com/cracks666666 relnoreferrer target_blank styleopacity:0;transform:scale(0.8)>div classrelative>img altcracks666666 class h-16 w-16 rounded-full border-2 border-zinc-700 transition-all duration-300 group-hover:scale-110 group-hover:border-amber-500/50 srchttps://github.com/cracks666666.png/>/div>div classtext-center>div class text-sm font-medium text-white transition-colors group-hover:text-amber-400 >cracks666666/div>div classtext-xs text-zinc-500>1.0k!-- --> !-- -->行/div>/div>/a>a class group relative flex flex-col items-center gap-2 rounded-2xl border border-zinc-800/50 bg-zinc-900/50 p-4 backdrop-blur-sm transition-all duration-300 hover:border-amber-500/30 hover:bg-zinc-800/50 hrefhttps://github.com/Im-Tim-mI relnoreferrer target_blank styleopacity:0;transform:scale(0.8)>div classrelative>img altIm-Tim-mI class h-16 w-16 rounded-full border-2 border-zinc-700 transition-all duration-300 group-hover:scale-110 group-hover:border-amber-500/50 srchttps://github.com/Im-Tim-mI.png/>/div>div classtext-center>div class text-sm font-medium text-white transition-colors group-hover:text-amber-400 >Im-Tim-mI/div>div classtext-xs text-zinc-500>771!-- --> !-- -->行/div>/div>/a>a class group relative flex flex-col items-center gap-2 rounded-2xl border border-zinc-800/50 bg-zinc-900/50 p-4 backdrop-blur-sm transition-all duration-300 hover:border-amber-500/30 hover:bg-zinc-800/50 hrefhttps://github.com/BigDuck430 relnoreferrer target_blank styleopacity:0;transform:scale(0.8)>div classrelative>img altBigDuck430 class h-16 w-16 rounded-full border-2 border-zinc-700 transition-all duration-300 group-hover:scale-110 group-hover:border-amber-500/50 srchttps://github.com/BigDuck430.png/>/div>div classtext-center>div class text-sm font-medium text-white transition-colors group-hover:text-amber-400 >BigDuck430/div>div classtext-xs text-zinc-500>107!-- --> !-- -->行/div>/div>/a>a class group relative flex flex-col items-center gap-2 rounded-2xl border border-zinc-800/50 bg-zinc-900/50 p-4 backdrop-blur-sm transition-all duration-300 hover:border-amber-500/30 hover:bg-zinc-800/50 hrefhttps://github.com/YumNumm relnoreferrer target_blank styleopacity:0;transform:scale(0.8)>div classrelative>img altYumNumm class h-16 w-16 rounded-full border-2 border-zinc-700 transition-all duration-300 group-hover:scale-110 group-hover:border-amber-500/50 srchttps://github.com/YumNumm.png/>/div>div classtext-center>div class text-sm font-medium text-white transition-colors group-hover:text-amber-400 >YumNumm/div>div classtext-xs text-zinc-500>9!-- --> !-- -->行/div>/div>/a>a class group relative flex flex-col items-center gap-2 rounded-2xl border border-zinc-800/50 bg-zinc-900/50 p-4 backdrop-blur-sm transition-all duration-300 hover:border-amber-500/30 hover:bg-zinc-800/50 hrefhttps://github.com/PiscesXD relnoreferrer target_blank styleopacity:0;transform:scale(0.8)>div classrelative>img altPiscesXD class h-16 w-16 rounded-full border-2 border-zinc-700 transition-all duration-300 group-hover:scale-110 group-hover:border-amber-500/50 srchttps://github.com/PiscesXD.png/>/div>div classtext-center>div class text-sm font-medium text-white transition-colors group-hover:text-amber-400 >PiscesXD/div>div classtext-xs text-zinc-500>4!-- --> !-- -->行/div>/div>/a>a class group relative flex flex-col items-center gap-2 rounded-2xl border border-zinc-800/50 bg-zinc-900/50 p-4 backdrop-blur-sm transition-all duration-300 hover:border-amber-500/30 hover:bg-zinc-800/50 hrefhttps://github.com/seadog007 relnoreferrer target_blank styleopacity:0;transform:scale(0.8)>div classrelative>img altseadog007 class h-16 w-16 rounded-full border-2 border-zinc-700 transition-all duration-300 group-hover:scale-110 group-hover:border-amber-500/50 srchttps://github.com/seadog007.png/>/div>div classtext-center>div class text-sm font-medium text-white transition-colors group-hover:text-amber-400 >seadog007/div>div classtext-xs text-zinc-500>2!-- --> !-- -->行/div>/div>/a>/div>/div>/section>section classrelative py-40 idcommunity>div classmx-auto max-w-7xl px-4>div classrelative overflow-hidden rounded-2.5rem styleopacity:0;transform:translateY(30px)>div class absolute inset-0 bg-linear-to-r from-purple-900/50 via-indigo-900/50 to-cyan-900/50 >/div>div class absolute inset-0 bg-radial-gradient(ellipse_at_center,rgba(139,92,246,0.3),transparent_70%) >/div>div class relative grid items-center gap-12 px-8 py-16 md:grid-cols-2 md:px-16 md:py-20 >div class text-center md:text-left >div class mx-auto mb-8 flex h-20 w-20 items-center justify-center rounded-3xl bg-linear-to-br from-purple-500 to-indigo-600 shadow-lg shadow-purple-500/30 md:mx-0 >svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-users h-10 w-10 text-white aria-hiddentrue>path dM16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2>/path>path dM16 3.128a4 4 0 0 1 0 7.744>/path>path dM22 21v-2a4 4 0 0 0-3-3.87>/path>circle cx9 cy7 r4>/circle>/svg>/div>h2 class text-4xl font-bold text-white md:text-5xl >加入我們的社群/h2>p classmt-6 max-w-lg text-lg text-zinc-300>與數千名防災愛好者一起交流、分享經驗。 從問題回報到功能建議，你的聲音會被聽見。/p>div class mt-8 flex flex-col items-center gap-4 sm:flex-row md:items-start >a class inline-flex items-center gap-3 rounded-2xl bg-white px-6 py-3 font-semibold text-zinc-900 shadow-xl shadow-white/10 transition-all hover:bg-zinc-100 hrefhttps://discord.com/invite/exptech-studio relnoreferrer target_blank tabindex0>svg xmlnshttp://www.w3.org/2000/svg width24 height24 fillcurrentColor viewBox0 0 24 24 classsize-5>title>Discord/title>path dM20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1569 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189Z>/path>/svg>加入 Discord/a>a class inline-flex items-center gap-3 rounded-2xl border border-white/20 bg-white/10 px-6 py-3 font-semibold text-white backdrop-blur-sm transition-all hover:bg-white/20 hrefhttps://github.com/ExpTechTW/DPIP relnoreferrer target_blank tabindex0>svg xmlnshttp://www.w3.org/2000/svg width24 height24 fillcurrentColor viewBox0 0 24 24 classsize-5>title>GitHub/title>path dM12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12>/path>/svg>GitHub/a>/div>div class mt-10 flex flex-wrap items-center justify-center gap-8 md:justify-start >div class text-center md:text-left >div classtext-3xl font-bold text-white>5,000+/div>div classmt-1 text-sm text-zinc-400>Discord 成員/div>/div>div class hidden h-10 w-px bg-white/20 sm:block >/div>div class text-center md:text-left >div classtext-3xl font-bold text-white>24/7/div>div classmt-1 text-sm text-zinc-400>即時支援/div>/div>div class hidden h-10 w-px bg-white/20 sm:block >/div>div class text-center md:text-left >div classtext-3xl font-bold text-white>35+/div>div classmt-1 text-sm text-zinc-400>涵蓋地區/div>/div>/div>/div>div class flex justify-center md:justify-end >div classoverflow-hidden rounded-2xl shadow-2xl styleopacity:0;transform:scale(0.9)>iframe classborder-0 height480 sandboxallow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts srchttps://discord.com/widget?id926545182407688273&themedark titleDiscord Widget width360>/iframe>/div>/div>/div>/div>/div>/section>/div>!--$-->!--/$-->/div>footer class flex flex-col items-center py-4 text-center text-sm text-muted-foreground/60 >div>ExpTech Studio © 2026 All rights reserved./div>div class flex items-center gap-2 underline decoration-border underline-offset-2 &>a:transition-colors &>a:hover:text-muted-foreground &>a:hover:decoration-muted-foreground >a href/tos>服務條款/a>a href/privacy>隱私權政策/a>a href/contact-us>聯絡我們/a>/div>/footer>script src/_next/static/chunks/6e3f8fd0aa1f833a.js id_R_ async type146cf9381abd98d00e3043a6-text/javascript>/script>script type146cf9381abd98d00e3043a6-text/javascript>(self.__next_fself.__next_f||).push(0)/script>script type146cf9381abd98d00e3043a6-text/javascript>self.__next_f.push(1,1:\$Sreact.fragment\\n2:I339756,\/_next/static/chunks/f7239a879a63c177.js\,\/_next/static/chunks/69f6b1c66aeace43.js\,\default\\n3:I837457,\/_next/static/chunks/f7239a879a63c177.js\,\/_next/static/chunks/69f6b1c66aeace43.js\,\default\\n4:I310955,\/_next/static/chunks/6783f10cf837230a.js\,\/_next/static/chunks/0856ef42f52cead4.js\,\/_next/static/chunks/6004bb850207073d.js\,\/_next/static/chunks/15e2b9c18d2f94ba.js\,\/_next/static/chunks/96dd98715a4761c2.js\,\/_next/static/chunks/c4bd3b8e7802803d.js\,\/_next/static/chunks/8c0e0b59b8f3ceee.js\,\TRPCReactProvider\\n5:I660678,\/_next/static/chunks/6783f10cf837230a.js\,\/_next/static/chunks/0856ef42f52cead4.js\,\/_next/static/chunks/6004bb850207073d.js\,\/_next/static/chunks/15e2b9c18d2f94ba.js\,\/_next/static/chunks/96dd98715a4761c2.js\,\/_next/static/chunks/c4bd3b8e7802803d.js\,\/_next/static/chunks/8c0e0b59b8f3ceee.js\,\HydrationBoundary\\n6:I526732,\/_next/static/chunks/6783f10cf837230a.js\,\/_next/static/chunks/0856ef42f52cead4.js\,\/_next/static/chunks/6004bb850207073d.js\,\/_next/static/chunks/15e2b9c18d2f94ba.js\,\/_next/static/chunks/96dd98715a4761c2.js\,\/_next/static/chunks/c4bd3b8e7802803d.js\,\/_next/static/chunks/8c0e0b59b8f3ceee.js\,\SessionProvider\\n7:I427423,\/_next/static/chunks/6783f10cf837230a.js\,\/_next/static/chunks/0856ef42f52cead4.js\,\/_next/static/chunks/6004bb850207073d.js\,\/_next/static/chunks/15e2b9c18d2f94ba.js\,\/_next/static/chunks/96dd98715a4761c2.js\,\/_next/static/chunks/c4bd3b8e7802803d.js\,\/_next/static/chunks/8c0e0b59b8f3ceee.js\,\ThemeProvider\\n8:I67693,\/_next/static/chunks/6783f10cf837230a.js\,\/_next/static/chunks/0856ef42f52cead4.js\,\/_next/static/chunks/6004bb850207073d.js\,\/_next/static/chunks/15e2b9c18d2f94ba.js\,\/_next/static/chunks/96dd98715a4761c2.js\,\/_next/static/chunks/c4bd3b8e7802803d.js\,\/_next/static/chunks/8c0e0b59b8f3ceee.js\,\Navbar\\n9:I872490,\/_next/static/chunks/6783f10cf837230a.js\,\/_next/static/chunks/0856ef42f52cead4.js\,\/_next/static/chunks/6004bb850207073d.js\,\/_next/static/chunks/15e2b9c18d2f94ba.js\,\/_next/static/chunks/96dd98715a4761c2.js\,\/_next/static/chunks/c4bd3b8e7802803d.js\,\/_next/static/chunks/8c0e0b59b8f3ceee.js\,\/_next/static/chunks/60db84dbecdd6785.js\,\/_next/static/chunks/dfb093f98b75d004.js\,\default\\nf:I168027,\/_next/static/chunks/f7239a879a63c177.js\,\/_next/static/chunks/69f6b1c66aeace43.js\,\default\\n:HL\/_next/static/chunks/af7b66bf383e5e88.css\,\style\\n:HL\/_next/static/chunks/d216b27097611a09.css\,\style\\n:HL\/_next/static/chunks/00f11b96eb5a929f.css\,\style\\n:HL\/_next/static/media/47fe1b7cd6e6ed85-s.p.855a563b.woff2\,\font\,{\crossOrigin\:\\,\type\:\font/woff2\}\n:HL\/_next/static/media/8e6fa89aa22d24ec-s.p.3aec397d.woff2\,\font\,{\crossOrigin\:\\,\type\:\font/woff2\}\n:HL\/_next/static/media/a218039a3287bcfd-s.p.4a23d71b.woff2\,\font\,{\crossOrigin\:\\,\type\:\font/woff2\}\n:HL\/_next/static/media/e2334d715941921e-s.p.d82a9aff.woff2\,\font\,{\crossOrigin\:\\,\type\:\font/woff2\}\n)/script>script type146cf9381abd98d00e3043a6-text/javascript>self.__next_f.push(1,0:{\P\:null,\b\:\EWR9-6jmZbI6VG-qV9CaU\,\c\:\\,\\,\q\:\\,\i\:false,\f\:\\,{\children\:\(default)\,{\children\:\__PAGE__\,{}},\$undefined\,\$undefined\,true},\$\,\$1\,\c\,{\children\:null,\$\,\$L2\,null,{\parallelRouterKey\:\children\,\error\:\$undefined\,\errorStyles\:\$undefined\,\errorScripts\:\$undefined\,\template\:\$\,\$L3\,null,{},\templateStyles\:\$undefined\,\templateScripts\:\$undefined\,\notFound\:\$\,\title\,null,{\children\:\404: This page could not be found.\},\$\,\div\,null,{\style\:{\fontFamily\:\system-ui,\\\Segoe UI\\\,Roboto,Helvetica,Arial,sans-serif,\\\Apple Color Emoji\\\,\\\Segoe UI Emoji\\\\,\height\:\100vh\,\textAlign\:\center\,\display\:\flex\,\flexDirection\:\column\,\alignItems\:\center\,\justifyContent\:\center\},\children\:\$\,\div\,null,{\children\:\$\,\style\,null,{\dangerouslySetInnerHTML\:{\__html\:\body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\}},\$\,\h1\,null,{\className\:\next-error-h1\,\style\:{\display\:\inline-block\,\margin\:\0 20px 0 0\,\padding\:\0 23px 0 0\,\fontSize\:24,\fontWeight\:500,\verticalAlign\:\top\,\lineHeight\:\49px\},\children\:404},\$\,\div\,null,{\style\:{\display\:\inline-block\},\children\:\$\,\h2\,null,{\style\:{\fontSize\:14,\fontWeight\:400,\lineHeight\:\49px\,\margin\:0},\children\:\This page could not be found.\}}}},,\forbidden\:\$undefined\,\unauthorized\:\$undefined\}},{\children\:\$\,\$1\,\c\,{\children\:\$\,\link\,\0\,{\rel\:\stylesheet\,\href\:\/_next/static/chunks/af7b66bf383e5e88.css\,\precedence\:\next\,\crossOrigin\:\$undefined\,\nonce\:\$undefined\},\$\,\link\,\1\,{\rel\:\stylesheet\,\href\:\/_next/static/chunks/d216b27097611a09.css\,\precedence\:\next\,\crossOrigin\:\$undefined\,\nonce\:\$undefined\},\$\,\link\,\2\,{\rel\:\stylesheet\,\href\:\/_next/static/chunks/00f11b96eb5a929f.css\,\precedence\:\next\,\crossOrigin\:\$undefined\,\nonce\:\$undefined\},\$\,\script\,\script-0\,{\src\:\/_next/static/chunks/6783f10cf837230a.js\,\async\:true,\nonce\:\$undefined\},\$\,\script\,\script-1\,{\src\:\/_next/static/chunks/0856ef42f52cead4.js\,\async\:true,\nonce\:\$undefined\},\$\,\script\,\script-2\,{\src\:\/_next/static/chunks/6004bb850207073d.js\,\async\:true,\nonce\:\$undefined\},\$\,\script\,\script-3\,{\src\:\/_next/static/chunks/15e2b9c18d2f94ba.js\,\async\:true,\nonce\:\$undefined\},\$\,\script\,\script-4\,{\src\:\/_next/static/chunks/96dd98715a4761c2.js\,\async\:true,\nonce\:\$undefined\},\$\,\script\,\script-5\,{\src\:\/_next/static/chunks/c4bd3b8e7802803d.js\,\async\:true,\nonce\:\$undefined\},\$\,\script\,\script-6\,{\src\:\/_next/static/chunks/8c0e0b59b8f3ceee.js\,\async\:true,\nonce\:\$undefined\},\$\,\html\,null,{\className\:\\\n noto_sans_tc_a61a976a-module__9ODKnW__variable\\n poppins_2007a258-module__EKNFBa__variable\\n \,\lang\:\zh-TW\,\suppressHydrationWarning\:true,\children\:\$\,\body\,null,{\children\:\$\,\$L4\,null,{\children\:\$\,\$L5\,null,{\state\:{\mutations\:,\queries\:},\children\:\$\,\$L6\,null,{\children\:\$\,\$L7\,null,{\attribute\:\class\,\defaultTheme\:\system\,\enableSystem\:true,\children\:\$\,\$L8\,null,{},\$\,\$L2\,null,{\parallelRouterKey\:\children\,\error\:\$undefined\,\errorStyles\:\$undefined\,\errorScripts\:\$undefined\,\template\:\$\,\$L9\,null,{\children\:\$\,\$L3\,null,{}},\templateStyles\:,\templateScripts\:\$\,\script\,\script-0\,{\src\:\/_next/static/chunks/60db84dbecdd6785.js\,\async\:true},\$\,\script\,\script-1\,{\src\:\/_next/static/chunks/dfb093f98b75d004.js\,\async\:true},\notFound\:\$\,\title\,null,{\children\:\404: This page could not be found.\},\$\,\div\,null,{\style\:\$0:f:0:1:0:props:children:1:props:notFound:0:1:props:style\,\children\:\$\,\div\,null,{\children\:\$\,\style\,null,{\dangerouslySetInnerHTML\:{\__html\:\body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\}},\$\,\h1\,null,{\className\:\next-error-h1\,\style\:\$0:f:0:1:0:props:children:1:props:notFound:0:1:props:children:props:children:1:props:style\,\children\:404},\$\,\div\,null,{\style\:\$0:f:0:1:0:props:children:1:props:notFound:0:1:props:children:props:children:2:props:style\,\children\:\$\,\h2\,null,{\style\:\$0:f:0:1:0:props:children:1:props:notFound:0:1:props:children:props:children:2:props:children:props:style\,\children\:\This page could not be found.\}}}},,\forbidden\:\$undefined\,\unauthorized\:\$undefined\},\$\,\footer\,null,{\className\:\\\n flex flex-col items-center py-4 text-center text-sm\\n text-muted-foreground/60\\n \,\children\:\$\,\div\,null,{\children\:\ExpTech Studio © 2026 All rights reserved.\},\$\,\div\,null,{\className\:\\\n flex items-center gap-2 underline decoration-border underline-offset-2\\n \u0026\u003ea:transition-colors\\n \u0026\u003ea:hover:text-muted-foreground\\n \u0026\u003ea:hover:decoration-muted-foreground\\n \,\children\:\$La\,\$Lb\,\$Lc\}}}}}}}}},{\children\:\$Ld\,{},null,false,false},null,false,false},null,false,false,\$Le\,false,\m\:\$undefined\,\G\:\$f\,,\S\:true}\n)/script>script type146cf9381abd98d00e3043a6-text/javascript>self.__next_f.push(1,10:I522016,\/_next/static/chunks/6783f10cf837230a.js\,\/_next/static/chunks/0856ef42f52cead4.js\,\/_next/static/chunks/6004bb850207073d.js\,\/_next/static/chunks/15e2b9c18d2f94ba.js\,\/_next/static/chunks/96dd98715a4761c2.js\,\/_next/static/chunks/c4bd3b8e7802803d.js\,\/_next/static/chunks/8c0e0b59b8f3ceee.js\,\\\n11:I347257,\/_next/static/chunks/f7239a879a63c177.js\,\/_next/static/chunks/69f6b1c66aeace43.js\,\ClientPageRoot\\n12:I820974,\/_next/static/chunks/6783f10cf837230a.js\,\/_next/static/chunks/0856ef42f52cead4.js\,\/_next/static/chunks/6004bb850207073d.js\,\/_next/static/chunks/15e2b9c18d2f94ba.js\,\/_next/static/chunks/96dd98715a4761c2.js\,\/_next/static/chunks/c4bd3b8e7802803d.js\,\/_next/static/chunks/8c0e0b59b8f3ceee.js\,\/_next/static/chunks/a925453f05e4107a.js\,\/_next/static/chunks/dfb093f98b75d004.js\,\/_next/static/chunks/46ca997941973622.js\,\default\\n15:I897367,\/_next/static/chunks/f7239a879a63c177.js\,\/_next/static/chunks/69f6b1c66aeace43.js\,\OutletBoundary\\n16:\$Sreact.suspense\\n18:I897367,\/_next/static/chunks/f7239a879a63c177.js\,\/_next/static/chunks/69f6b1c66aeace43.js\,\ViewportBoundary\\n1a:I897367,\/_next/static/chunks/f7239a879a63c177.js\,\/_next/static/chunks/69f6b1c66aeace43.js\,\MetadataBoundary\\na:\$\,\$L10\,null,{\href\:\/tos\,\children\:\服務條款\}\nb:\$\,\$L10\,null,{\href\:\/privacy\,\children\:\隱私權政策\}\nc:\$\,\$L10\,null,{\href\:\/contact-us\,\children\:\聯絡我們\}\nd:\$\,\$1\,\c\,{\children\:\$\,\$L11\,null,{\Component\:\$12\,\serverProvidedParams\:{\searchParams\:{},\params\:{},\promises\:\$@13\,\$@14\}},\$\,\script\,\script-0\,{\src\:\/_next/static/chunks/a925453f05e4107a.js\,\async\:true,\nonce\:\$undefined\},\$\,\script\,\script-1\,{\src\:\/_next/static/chunks/dfb093f98b75d004.js\,\async\:true,\nonce\:\$undefined\},\$\,\script\,\script-2\,{\src\:\/_next/static/chunks/46ca997941973622.js\,\async\:true,\nonce\:\$undefined\},\$\,\$L15\,null,{\children\:\$\,\$16\,null,{\name\:\Next.MetadataOutlet\,\children\:\$@17\}}}\ne:\$\,\$1\,\h\,{\children\:null,\$\,\$L18\,null,{\children\:\$L19\},\$\,\div\,null,{\hidden\:true,\children\:\$\,\$L1a\,null,{\children\:\$\,\$16\,null,{\name\:\Next.Metadata\,\children\:\$L1b\}}},\$\,\meta\,null,{\name\:\next-size-adjust\,\content\:\\}}\n)/script>script type146cf9381abd98d00e3043a6-text/javascript>self.__next_f.push(1,13:{}\n14:\$d:props:children:0:props:serverProvidedParams:params\\n)/script>script type146cf9381abd98d00e3043a6-text/javascript>self.__next_f.push(1,19:\$\,\meta\,\0\,{\charSet\:\utf-8\},\$\,\meta\,\1\,{\name\:\viewport\,\content\:\widthdevice-width, initial-scale1\}\n)/script>script type146cf9381abd98d00e3043a6-text/javascript>self.__next_f.push(1,1c:I27201,\/_next/static/chunks/f7239a879a63c177.js\,\/_next/static/chunks/69f6b1c66aeace43.js\,\IconMark\\n17:null\n)/script>script type146cf9381abd98d00e3043a6-text/javascript>self.__next_f.push(1,1b:\$\,\title\,\0\,{\children\:\DPIP - 災害天氣與地震速報 | ExpTech Studio\},\$\,\meta\,\1\,{\name\:\description\,\content\:\DPIP 整合 TREM 以及中央氣象署資料，提供一個整合、單一且便利的防災資訊應用程式。即時地震預警、天氣監測、災害通知，保護您和家人的安全。\},\$\,\meta\,\2\,{\name\:\author\,\content\:\ExpTech Studio\},\$\,\link\,\3\,{\rel\:\manifest\,\href\:\/site.webmanifest\,\crossOrigin\:\$undefined\},\$\,\meta\,\4\,{\name\:\keywords\,\content\:\DPIP,地震速報,天氣預報,防災,災害預警,地震預警,TREM,中央氣象署,ExpTech\},\$\,\meta\,\5\,{\name\:\creator\,\content\:\ExpTech Studio\},\$\,\meta\,\6\,{\name\:\publisher\,\content\:\ExpTech Studio\},\$\,\link\,\7\,{\rel\:\canonical\,\href\:\https://exptech.dev\},\$\,\meta\,\8\,{\property\:\og:title\,\content\:\DPIP - 災害天氣與地震速報\},\$\,\meta\,\9\,{\property\:\og:description\,\content\:\DPIP 整合 TREM 以及中央氣象署資料，提供一個整合、單一且便利的防災資訊應用程式\},\$\,\meta\,\10\,{\property\:\og:site_name\,\content\:\ExpTech Studio\},\$\,\meta\,\11\,{\property\:\og:locale\,\content\:\zh_TW\},\$\,\meta\,\12\,{\property\:\og:image\,\content\:\https://exptech.dev/images/pr_dpip_home.png\},\$\,\meta\,\13\,{\property\:\og:type\,\content\:\website\},\$\,\meta\,\14\,{\name\:\twitter:card\,\content\:\summary_large_image\},\$\,\meta\,\15\,{\name\:\twitter:creator\,\content\:\@ExpTechTW\},\$\,\meta\,\16\,{\name\:\twitter:title\,\content\:\DPIP - 災害天氣與地震速報\},\$\,\meta\,\17\,{\name\:\twitter:description\,\content\:\DPIP 整合 TREM 以及中央氣象署資料，提供一個整合、單一且便利的防災資訊應用程式\},\$\,\meta\,\18\,{\name\:\twitter:image\,\content\:\https://exptech.dev/images/pr_dpip_home.png\},\$\,\link\,\19\,{\rel\:\shortcut icon\,\href\:\/favicon.ico\},\$\,\link\,\20\,{\rel\:\icon\,\href\:\/favicon.ico\},\$\,\link\,\21\,{\rel\:\apple-touch-icon\,\href\:\/favicon.ico\},\$\,\$L1c\,\22\,{}\n)/script>script src/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js data-cf-settings146cf9381abd98d00e3043a6-|49 defer>/script>/body>/html>
View on OTX
|
View on ThreatMiner
Please enable JavaScript to view the
comments powered by Disqus.
Data with thanks to
AlienVault OTX
,
VirusTotal
,
Malwr
and
others
. [
Sitemap
]