PageSourceSearch

https://zahit-pro-v2.pages.dev/

html zahit-pro-v2.pages.dev collected 2026-10-03 06:01:42 UTC 20,791 bytes, 24 lines download raw bytes

1<!DOCTYPE html><html lang="zh-Hant"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><title>ZÄHLT — Wir bewahren, was zählt.</title><meta name="description" content="科技引領、輕盈守護。Zählt Pro友俱樂部,守護真正重要的事物。"/><meta property="og:title" content="ZÄHLT Pro Club"/><meta property="og:description" content="科技引領、輕盈守護"/><link rel="stylesheet" href="/assets/root-DNw-BfMu.css"/></head><body class="bg-phantom-black text-white font-sans antialiased relative"><div class="fixed inset-0 z-[-1] overflow-hidden pointer-events-none bg-phantom-black"><div class="absolute top-[-20%] left-[-10%] w-[60vw] h-[60vw] rounded-[100%] bg-[#0071E3]/20 blur-[150px] mix-blend-screen animate-blob"></div><div class="absolute top-[20%] right-[-10%] w-[50vw] h-[50vw] rounded-[100%] bg-purple-600/20 blur-[150px] mix-blend-screen animate-blob animation-delay-2000"></div><div class="absolute bottom-[-20%] left-[20%] w-[70vw] h-[70vw] rounded-[100%] bg-blue-900/20 blur-[150px] mix-blend-screen animate-blob animation-delay-4000"></div></div><div class="fixed top-0 left-0 h-1 bg-[#0071E3] z-[100] transition-all duration-300 ease-out w-0 opacity-0" style="transition-duration:300ms;width:100%"></div><div class="fixed inset-0 z-[200] bg-[#050505] flex items-center justify-center"><div class="text-center"><h1 class="text-4xl md:text-6xl font-heading font-black text-white" style="opacity:0;letter-spacing:0.5em">ZÄHLT</h1><div class="h-px w-24 bg-gradient-to-r from-transparent via-white/60 to-transparent mx-auto mt-6" style="transform:scaleX(0)"></div><p class="text-[10px] tracking-[0.4em] uppercase text-gray-500 mt-4 font-heading" style="opacity:0">Wir bewahren, was zählt.</p></div></div><div class="relative bg-[#050505] text-white selection:bg-white/20 overflow-x-hidden"><section class="sticky top-0 h-screen flex flex-col items-center justify-center z-10" style="opacity:1;transform:none"><div class="absolute inset-0 overflow-hidden pointer-events-none"><div class="absolute -top-[40%] -right-[20%] w-[80%] h-[80%] rounded-full" style="background:radial-gradient(ellipse, rgba(59,130,246,0.06) 0%, transparent 70%)"></div><div class="absolute -bottom-[30%] -left-[20%] w-[70%] h-[70%] rounded-full" style="background:radial-gradient(ellipse, rgba(168,85,247,0.04) 0%, transparent 70%)"></div><div class="absolute inset-0 opacity-[0.08]" style="background-image:url(&quot;data:image/svg+xml,%3Csvg viewBox=&#x27;0 0 512 512&#x27; xmlns=&#x27;http://www.w3.org/2000/svg&#x27;%3E%3Cfilter id=&#x27;n&#x27;%3E%3CfeTurbulence type=&#x27;fractalNoise&#x27; baseFrequency=&#x27;0.65&#x27; numOctaves=&#x27;4&#x27; stitchTiles=&#x27;stitch&#x27;/%3E%3C/filter%3E%3Crect width=&#x27;100%25&#x27; height=&#x27;100%25&#x27; filter=&#x27;url(%23n)&#x27; opacity=&#x27;0.4&#x27;/%3E%3C/svg%3E&quot;)"></div></div><div class="relative z-10 text-center px-6"><div class="space-y-6" style="opacity:0;transform:translateY(30px)"><h1 class="text-7xl sm:text-8xl md:text-[10rem] lg:text-[12rem] font-heading font-black text-transparent bg-clip-text bg-gradient-to-b from-white via-white/80 to-white/20 tracking-[-0.04em] leading-[0.85]">ZÄHLT</h1><p class="text-[11px] md:text-sm tracking-[0.5em] uppercase text-gray-500 font-heading">PRO 俱樂部</p></div><div class="mt-12" style="opacity:0"><a class="group relative inline-block" data-discover="true" href="/line/member?entry=card&amp;next=%2Fme"><div class="absolute inset-0 bg-white/10 blur-xl rounded-full scale-0 group-hover:scale-150 transition-transform duration-700"></div><div class="relative px-10 py-4 bg-white/[0.08] backdrop-blur-sm border border-white/15 text-white/80 font-heading font-medium text-sm tracking-[0.1em] rounded-full hover:bg-white hover:text-black transition-all duration-500">進入車庫</div></a></div></div><div class="absolute bottom-8 left-1/2 -translate-x-1/2" style="opacity:0"><div><div class="w-px h-10 bg-gradient-to-b from-white/15 to-transparent mx-auto"></div></div></div></section><div class="relative z-20"><section class="py-32 md:py-48"><div class="max-w-4xl mx-auto px-6 md:px-12 text-center"><p class="text-[10px] tracking-[0.4em] uppercase text-white/20 font-heading mb-16" style="opacity:0">Our Philosophy</p><h2 class="text-2xl md:text-4xl lg:text-5xl font-heading font-medium leading-[1.4] md:leading-[1.5] text-gray-300 italic" style="opacity:0;transform:translateY(30px)">守護真正重要的事物,<br/>用科技的溫度,<br class="hidden md:block"/>極致的工藝。</h2><p class="text-[11px] tracking-[0.2em] text-white font-heading mt-12" style="opacity:0">Wir bewahren, was zählt.</p></div></section><div class="flex justify-center py-12 md:py-20"><div class="h-px w-16 md:w-24 bg-gradient-to-r from-transparent via-white/20 to-transparent" style="transform:scale
1X(0)"></div></div><section class="py-24 md:py-40"><div class="max-w-7xl mx-auto px-6 md:px-12 grid grid-cols-1 md:grid-cols-2 gap-12 md:gap-20 items-center "><div class="space-y-8 "><div class="flex items-center gap-4" style="opacity:0;transform:translateX(-20px)"><span class="text-[10px] font-mono text-white/20 tracking-widest">0<!-- -->1</span><div class="h-px w-8 bg-white/10"></div><span class="text-[11px] tracking-[0.2em] uppercase text-white/30 font-heading">Style</span></div><h2 class="text-3xl md:text-5xl font-heading font-black tracking-tight leading-[1.15]" style="opacity:0;transform:translateY(30px)">·Style / 質感</h2><div class="text-[15px] md:text-base text-gray-400 font-extralight"><p class="leading-[2]" style="opacity:0;transform:translateY(15px)">Zählt,不只是一項膜料或技術,而是一種對「重要之物」的態度。</p><p class="leading-[2]" style="opacity:0;transform:translateY(15px)">我們相信,美感不該只是表面,而是來自細節、比例與情緒的累積。每一層膜、每一道線條,都是對質感生活的回應——低調卻精準,安靜卻有力量。</p><p class="leading-[2]" style="opacity:0;transform:translateY(15px)">在 Zählt 的世界裡,Pro友,是懂得這份質感的人。</p></div></div><div class="" style="opacity:0;transform:scale(0.95)"><div class="relative aspect-[4/5] md:aspect-[3/4] rounded-2xl overflow-hidden border border-white/5"><div class="absolute inset-0 bg-gradient-to-br from-blue-500/8 via-purple-500/5 to-transparent"></div><div class="absolute inset-0 opacity-[0.03]" style="background-image:linear-gradient(rgba(255,255,255,0.3) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.3) 1px, transparent 1px);background-size:60px 60px"></div><div class="absolute top-1/3 left-1/4 w-40 h-40 rounded-full blur-[80px] bg-gradient-to-br from-blue-400/20 to-cyan-400/10"></div><div class="absolute bottom-0 right-0 w-32 h-32"><svg viewBox="0 0 100 100" class="w-full h-full opacity-[0.06]"><circle cx="100" cy="100" r="80" fill="none" stroke="white" stroke-width="0.5"></circle><circle cx="100" cy="100" r="50" fill="none" stroke="white" stroke-width="0.3"></circle><circle cx="100" cy="100" r="20" fill="none" stroke="white" stroke-width="0.2"></circle></svg></div><div class="absolute bottom-6 left-6"><div class="text-[10px] tracking-[0.3em] text-white/20 font-mono">SPPF</div></div><div class="absolute inset-0 opacity-[0.15]" style="background-image:url(&quot;data:image/svg+xml,%3Csvg viewBox=&#x27;0 0 256 256&#x27; xmlns=&#x27;http://www.w3.org/2000/svg&#x27;%3E%3Cfilter id=&#x27;n&#x27;%3E%3CfeTurbulence type=&#x27;fractalNoise&#x27; baseFrequency=&#x27;0.9&#x27; numOctaves=&#x27;4&#x27; stitchTiles=&#x27;stitch&#x27;/%3E%3C/filter%3E%3Crect width=&#x27;100%25&#x27; height=&#x27;100%25&#x27; filter=&#x27;url(%23n)&#x27; opacity=&#x27;0.5&#x27;/%3E%3C/svg%3E&quot;)"></div></div></div></div></section><div class="flex justify-center py-12 md:py-20"><div class="h-px w-16 md:w-24 bg-gradient-to-r from-transparent via-white/20 to-transparent" style="transform:scaleX(0)"></div></div><section class="py-24 md:py-40"><div class="max-w-7xl mx-auto px-6 md:px-12 grid grid-cols-1 md:grid-cols-2 gap-12 md:gap-20 items-center md:direction-rtl"><div class="space-y-8 md:direction-ltr md:order-2"><div class="flex items-center gap-4" style="opacity:0;transform:translateX(-20px)"><span class="text-[10px] font-mono text-white/20 tracking-widest">0<!-- -->2</span><div class="h-px w-8 bg-white/10"></div><span class="text-[11px] tracking-[0.2em] uppercase text-white/30 font-heading">Skill</span></div><h2 class="text-3xl md:text-5xl font-heading font-black tracking-tight leading-[1.15]" style="opacity:0;transform:translateY(30px)">·Skill / 技術</h2><div class="text-[15px] md:text-base text-gray-400 font-extralight"><p class="leading-[2]" style="opacity:0;transform:translateY(15px)">以科技為本,是 Zählt 的核心語言。從奈米結構、散熱管理到材料應用,我們將工程思維轉化為可被感受的體驗。</p><p class="leading-[2]" style="opacity:0;transform:translateY(15px)">專業不是炫耀,而是一種彼此心照不宣的默契——Pro友之間,一觸即懂,一看就明白。</p></div></div><div class="md:order-1" style="opacity:0;transform:scale(0.95)"><div class="relative aspect-[4/5] md:aspect-[3/4] rounded-2xl overflow-hidden border border-white/5"><div class="absolute inset-0 bg-gradient-to-br from-amber-500/8 via-orange-500/5 to-transparent"></div><div class="absolute inset-0 opacity-[0.03]" style="background-image:linear-gradient(rgba(255,255,255,0.3) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.3) 1px, transparent 1px);background-size:60px 60px"></div><div class="absolute top-1/3 left-1/4 w-40 h-40 rounded-full blur-[80px] bg-gradient-to-br from-amber-400/15 to-orange-400/10"></div><div class="absolute bottom-0 right-0 w-32 h-32"><svg viewBox="0 0 100 100" class="w-full h-full opacity-[0.06]"><circle cx="100" cy="100" r="80" fill="none" stroke="white" stroke-width="0.5"></circle><circle cx="100" cy="100" r="50" fill="none" stroke="white" stroke-width="0.3"></circle><circle cx="100" cy="100" r="20" fill="none" stroke="white" stroke-width="0.2"></circle></svg></div><div class="absolute bottom-6 left-6"><div class="text-[10px] tracking-[0.3em] text-white/20 font-mono">NANO</div></div><div class="absolute inset-0 opacity-[0.15]" style="background-image:url(&quot;data:image/svg+xml,%3Csvg viewBox=&#x27;0 0 256 256&#x27; xmlns=&#x27;http://www.w3.org/2000/svg&#x27;%3E%3Cfilter id=&#x27;n&#x27;%3E%3CfeTurbulence type=&#x27;fractalNoise&#x27; baseFrequency=&#x27;0.9&#x27; numOctaves=&#x27;4&#x27; stitchTiles=&#x27;
1stitch&#x27;/%3E%3C/filter%3E%3Crect width=&#x27;100%25&#x27; height=&#x27;100%25&#x27; filter=&#x27;url(%23n)&#x27; opacity=&#x27;0.5&#x27;/%3E%3C/svg%3E&quot;)"></div></div></div></div></section><div class="flex justify-center py-12 md:py-20"><div class="h-px w-16 md:w-24 bg-gradient-to-r from-transparent via-white/20 to-transparent" style="transform:scaleX(0)"></div></div><section class="py-24 md:py-40"><div class="max-w-7xl mx-auto px-6 md:px-12 grid grid-cols-1 md:grid-cols-2 gap-12 md:gap-20 items-center "><div class="space-y-8 "><div class="flex items-center gap-4" style="opacity:0;transform:translateX(-20px)"><span class="text-[10px] font-mono text-white/20 tracking-widest">0<!-- -->3</span><div class="h-px w-8 bg-white/10"></div><span class="text-[11px] tracking-[0.2em] uppercase text-white/30 font-heading">Soul</span></div><h2 class="text-3xl md:text-5xl font-heading font-black tracking-tight leading-[1.15]" style="opacity:0;transform:translateY(30px)">·Soul / 靈魂</h2><div class="text-[15px] md:text-base text-gray-400 font-extralight"><p class="leading-[2]" style="opacity:0;transform:translateY(15px)">Zählt 誕生於一個簡單卻堅定的信念——</p><p class="leading-[2]" style="opacity:0;transform:translateY(15px)">Wir bewahren, was zählt. 我們守護真正重要的事物。</p><p class="leading-[2]" style="opacity:0;transform:translateY(15px)">Pro友,不只是一個稱呼,而是一群重視品質、價值與內在感受的同頻者。無論是人、作品,還是一段正在被創造的生活,我們在這裡交流、分享、彼此成就。</p></div></div><div class="" style="opacity:0;transform:scale(0.95)"><div class="relative aspect-[4/5] md:aspect-[3/4] rounded-2xl overflow-hidden border border-white/5"><div class="absolute inset-0 bg-gradient-to-br from-rose-500/6 via-pink-500/4 to-transparent"></div><div class="absolute inset-0 opacity-[0.03]" style="background-image:linear-gradient(rgba(255,255,255,0.3) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.3) 1px, transparent 1px);background-size:60px 60px"></div><div class="absolute top-1/3 left-1/4 w-40 h-40 rounded-full blur-[80px] bg-gradient-to-br from-rose-400/15 to-pink-400/10"></div><div class="absolute bottom-0 right-0 w-32 h-32"><svg viewBox="0 0 100 100" class="w-full h-full opacity-[0.06]"><circle cx="100" cy="100" r="80" fill="none" stroke="white" stroke-width="0.5"></circle><circle cx="100" cy="100" r="50" fill="none" stroke="white" stroke-width="0.3"></circle><circle cx="100" cy="100" r="20" fill="none" stroke="white" stroke-width="0.2"></circle></svg></div><div class="absolute bottom-6 left-6"><div class="text-[10px] tracking-[0.3em] text-white/20 font-mono">PRO</div></div><div class="absolute inset-0 opacity-[0.15]" style="background-image:url(&quot;data:image/svg+xml,%3Csvg viewBox=&#x27;0 0 256 256&#x27; xmlns=&#x27;http://www.w3.org/2000/svg&#x27;%3E%3Cfilter id=&#x27;n&#x27;%3E%3CfeTurbulence type=&#x27;fractalNoise&#x27; baseFrequency=&#x27;0.9&#x27; numOctaves=&#x27;4&#x27; stitchTiles=&#x27;stitch&#x27;/%3E%3C/filter%3E%3Crect width=&#x27;100%25&#x27; height=&#x27;100%25&#x27; filter=&#x27;url(%23n)&#x27; opacity=&#x27;0.5&#x27;/%3E%3C/svg%3E&quot;)"></div></div></div></div></section><section class="py-40 md:py-56"><div class="max-w-3xl mx-auto px-6 md:px-12 text-center"><div style="opacity:0"><div class="w-px h-16 bg-gradient-to-b from-transparent via-white/15 to-transparent mx-auto mb-16"></div><blockquote class="text-xl md:text-3xl font-heading font-light leading-[1.8] text-titanium-silver italic">「<!-- -->在這裡,技術有溫度,美學有靈魂,Pro友,讓重要的事,被好好對待。<!-- -->」</blockquote><div class="w-px h-16 bg-gradient-to-b from-white/15 via-transparent to-transparent mx-auto mt-16"></div></div></div></section><section class="py-32 md:py-48 border-y border-white/5"><div class="max-w-5xl mx-auto px-6 md:px-12"><div class="text-center mb-20" style="opacity:0"><span class="text-[10px] tracking-[0.3em] uppercase text-white/25 font-heading">The Community</span></div><div class="grid grid-cols-2 md:grid-cols-4 gap-8 md:gap-4"><div class="text-center space-y-3" style="opacity:0;transform:translateY(20px)"><div class="text-4xl md:text-5xl font-heading font-black tracking-tighter bg-gradient-to-b from-white to-w
1hite/40 bg-clip-text text-transparent">50+</div><div class="text-[11px] tracking-[0.15em] uppercase text-gray-500">合作據點</div></div><div class="text-center space-y-3" style="opacity:0;transform:translateY(20px)"><div class="text-4xl md:text-5xl font-heading font-black tracking-tighter bg-gradient-to-b from-white to-white/40 bg-clip-text text-transparent">10K+</div><div class="text-[11px] tracking-[0.15em] uppercase text-gray-500">Pro 車主</div></div><div class="text-center space-y-3" style="opacity:0;transform:translateY(20px)"><div class="text-4xl md:text-5xl font-heading font-black tracking-tighter bg-gradient-to-b from-white to-white/40 bg-clip-text text-transparent">98%</div><div class="text-[11px] tracking-[0.15em] uppercase text-gray-500">滿意度</div></div><div class="text-center space-y-3" style="opacity:0;transform:translateY(20px)"><div class="text-4xl md:text-5xl font-heading font-black tracking-tighter bg-gradient-to-b from-white to-white/40 bg-clip-text text-transparent">3Y</div><div class="text-[11px] tracking-[0.15em] uppercase text-gray-500">保固年限</div></div></div></div></section><section class="py-40 md:py-56"><div class="max-w-2xl mx-auto px-6 text-center space-y-10"><h2 class="text-3xl md:text-5xl font-heading font-black tracking-tight" style="opacity:0;transform:translateY(20px)">Join the Club</h2><p class="text-gray-500 font-extralight text-base leading-relaxed" style="opacity:0">成為 Pro友,探索專屬的精品膜料世界。</p><div class="flex flex-col sm:flex-row gap-4 justify-center pt-4" style="opacity:0;transform:translateY(10px)"><a class="px-10 py-4 bg-white text-black font-heading font-bold text-sm tracking-wide rounded-full hover:bg-gray-200 transition-all active:scale-95" data-discover="true" href="/line/member?entry=join&amp;next=%2Fme">立即加入</a><a class="px-10 py-4 border border-white/15 text-white/70 font-heading font-medium text-sm tracking-wide rounded-full hover:border-white/40 hover:text-white transition-all" data-discover="true" href="/line/member?entry=card&amp;next=%2Fme">已有帳號</a></div></div></section><footer class="border-t border-white/5 py-16 md:py-24"><div class="max-w-7xl mx-auto px-6 md:px-12"><div class="flex flex-col md:flex-row items-center justify-between gap-8"><div class="text-center md:text-left space-y-2"><div class="text-lg font-heading font-black tracking-tight text-white/80">ZÄHLT</div><div class="text-[10px] tracking-[0.2em] uppercase text-gray-600">Wir bewahren, was zählt.</div></div><div class="flex items-center gap-8"><a class="text-[11px] tracking-[0.1em] uppercase text-gray-500 hover:text-white transition-colors" data-discover="true" href="/color-chart">Collection</a><a class="text-[11px] tracking-[0.1em] uppercase text-gray-500 hover:text-white transition-colors" data-discover="true" href="/locations">Locations</a><a class="text-[11px] tracking-[0.1em] uppercase text-gray-500 hover:text-white transition-colors" data-discover="true" href="/links">Social</a><a class="text-[11px] tracking-[0.1em] uppercase text-gray-500 hover:text-white transition-colors" data-discover="true" href="/line/member?entry=card&amp;next=%2Fme">Member</a></div></div><div class="mt-12 pt-8 border-t border-white/5 text-center"><p class="text-[10px] text-gray-700 tracking-wider">© 2026 Zählt Pro Club. All rights reserved.</p></div></div></footer></div></div><div class="fixed top-4 left-0 right-0 z-[100] pointer-events-none flex flex-col items-center gap-2 px-4"></div>
1<script>((STORAGE_KEY2, restoreKey) => {
2    if (!window.history.state || !window.history.state.key) {
3      let key2 = Math.random().toString(32).slice(2);
4      window.history.replaceState({
5        key: key2
6      }, "");
7    }
8    try {
9      let positions = JSON.parse(sessionStorage.getItem(STORAGE_KEY2) || "{}");
10      let storedY = positions[restoreKey || window.history.state.key];
11      if (typeof storedY === "number") {
12        window.scrollTo(0, storedY);
13      }
14    } catch (error3) {
15      console.error(error3);
16      sessionStorage.removeItem(STORAGE_KEY2);
17    }
18  })("positions", null)</script>
18<link rel="modulepreload" href="/assets/manifest-6f5d511a.js"/><link rel="modulepreload" href="/assets/entry.client-_EReEKUq.js"/><link rel="modulepreload" href="/assets/jsx-runtime-0DLF9kdB.js"/><link rel="modulepreload" href="/assets/index-DM-Ysix_.js"/><link rel="modulepreload" href="/assets/components-C61DWoh4.js"/><link rel="modulepreload" href="/assets/Toaster-CvnO9gEM.js"/><link rel="modulepreload" href="/assets/i18n-context-DuXOzqEp.js"/><link rel="modulepreload" href="/assets/cn-fNskMoFt.js"/><link rel="modulepreload" href="/assets/index-Dc83_iFP.js"/><link rel="modulepreload" href="/assets/proxy-TcOPxGtH.js"/><link rel="modulepreload" href="/assets/root-puA-QALm.js"/><link rel="modulepreload" href="/assets/hooks-ktRWiHiM.js"/><link rel="modulepreload" href="/assets/use-scroll-DH-WsoIo.js"/><link rel="modulepreload" href="/assets/use-transform-CXm97_a6.js"/><link rel="modulepreload" href="/assets/use-combine-values-xozz9E_C.js"/><link rel="modulepreload" href="/assets/_index-DH71ymDV.js"/>
18<script>window.__remixContext = {"basename":"/","future":{"v3_fetcherPersist":true,"v3_relativeSplatPath":true,"v3_throwAbortReason":true,"v3_routeConfig":false,"v3_singleFetch":false,"v3_lazyRouteDiscovery":false,"unstable_optimizeDeps":false},"isSpaMode":false,"state":{"loaderData":{"root":{"locale":"zh-TW"},"routes/_index":null},"actionData":null,"errors":null}};</script>
18<script type="module" async="">import "/assets/manifest-6f5d511a.js";
19import * as route0 from "/assets/root-puA-QALm.js";
20import * as route1 from "/assets/_index-DH71ymDV.js";
21
22window.__remixRouteModules = {"root":route0,"routes/_index":route1};
23
24import("/assets/entry.client-_EReEKUq.js");</script>
24</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.