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("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.4'/%3E%3C/svg%3E")"></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&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("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E")"></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("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='
1stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E")"></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("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E")"></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&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&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&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.