@import"https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@500;700;900&family=Noto+Sans+TC:wght@300;400;500;700&family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500;1,600&family=Bricolage+Grotesque:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";:root{--ink-000: #050510;--ink-100: #07071a;--ink-200: #0b0b22;--ink-300: #11112e;--ink-400: #161636;--paper-000: #faf6ea;--paper-100: #f0ecdf;--paper-200: rgba(243, 239, 228, .74);--paper-300: rgba(243, 239, 228, .5);--paper-400: rgba(243, 239, 228, .32);--hairline: rgba(243, 239, 228, .1);--hairline-strong: rgba(243, 239, 228, .22);--aurora-cyan: #6df0ff;--aurora-azure: #5b9eff;--aurora-violet: #b07cff;--aurora-magenta: #ff6acb;--aurora-gold: #ffd76b;--aurora-jade: #4dffb8;--neon: #d8ff5a;--aurora-grad: linear-gradient(100deg, #6df0ff 0%, #4dffb8 22%, #b07cff 52%, #ff6acb 78%, #ffd76b 100%);--font-display-cn: "Noto Serif TC", "Source Han Serif", serif;--font-display-en: "Cormorant Garamond", "Noto Serif TC", serif;--font-sans-cn: "Noto Sans TC", system-ui, sans-serif;--font-sans-ui: "Bricolage Grotesque", "Noto Sans TC", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 40px;--s-7: 64px;--s-8: 96px;--s-9: 144px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.7, 0, .3, 1);--max-w: 1440px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;transition-duration:1ms!important}}.zd-home{background:radial-gradient(1200px 800px at 80% -10%,rgba(176,124,255,.18),transparent 60%),radial-gradient(900px 700px at -10% 30%,rgba(109,240,255,.1),transparent 60%),radial-gradient(1100px 900px at 50% 110%,rgba(255,106,203,.1),transparent 60%),var(--ink-100);color:var(--paper-000);font-family:var(--font-sans-cn);font-feature-settings:"palt";letter-spacing:0;min-height:100vh;overflow-x:clip}.zd-home a{color:inherit;text-decoration:none}.shell{max-width:var(--max-w);margin:0 auto;padding:0 var(--s-7);position:relative}.letterbox{position:fixed;left:0;right:0;height:28px;background:#000;z-index:80;pointer-events:none}.letterbox.top{top:0}.letterbox.bottom{bottom:0}.topnav{position:fixed;top:28px;left:0;right:0;z-index:90;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 64px;background:linear-gradient(180deg,#07071ae0,#07071a00);backdrop-filter:blur(6px)}.topnav-brand{display:inline-flex;align-items:center}.topnav-brand img{width:180px;height:auto;filter:drop-shadow(0 0 18px rgba(109,240,255,.18))}.topnav-links{display:flex;align-items:center;gap:28px}.topnav-links a{color:var(--paper-200);font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;padding:8px 0;position:relative;text-transform:uppercase}.topnav-links a:after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:var(--aurora-cyan);transition:width .4s var(--ease-out)}.topnav-links a:hover{color:var(--paper-000)}.topnav-links a:hover:after{width:100%}.zdh-hero{min-height:100vh;overflow:hidden;padding:140px 0 80px;position:relative}.hero-aurora{position:absolute;inset:0;z-index:0}.blob{border-radius:50%;filter:blur(80px);mix-blend-mode:screen;opacity:.55;pointer-events:none;position:absolute;will-change:transform}.b1{width:760px;height:760px;right:-120px;top:-120px;background:radial-gradient(circle at 30% 30%,var(--aurora-violet),transparent 65%);animation:blob 22s var(--ease-in-out) infinite alternate}.b2{width:640px;height:640px;left:-180px;top:30%;background:radial-gradient(circle at 70% 30%,var(--aurora-cyan),transparent 65%);animation:blob 28s var(--ease-in-out) infinite alternate-reverse}.b3{width:800px;height:600px;bottom:-160px;left:30%;background:radial-gradient(circle at 50% 60%,var(--aurora-magenta),transparent 65%);animation:blob 26s var(--ease-in-out) infinite alternate}.scanlines{position:absolute;inset:0;background-image:repeating-linear-gradient(180deg,rgba(255,255,255,.02) 0,rgba(255,255,255,.02) 1px,transparent 1px,transparent 3px);mix-blend-mode:overlay;opacity:.5}@keyframes blob{to{transform:translate(40px,-30px) scale(1.15)}}.hero-meta{align-items:center;border-bottom:1px solid var(--hairline);display:flex;gap:28px;justify-content:space-between;margin-bottom:var(--s-7);padding:0 0 var(--s-6);position:relative;z-index:2}.hero-meta div{display:grid;gap:4px}.k,.scene-marker,.card-head,.spec-grid dt,.sec-index,.svc-row .n,.svc-row .tags,.poster-chrome,.poster-title p,.work-thumb span,.flow li span,.flow-rail,.cta-eyebrow,.cta-alt,.footer-bottom{font-family:var(--font-mono);text-transform:uppercase}.hero-meta .k{color:var(--paper-400);font-size:9px;letter-spacing:.26em}.hero-meta .v{color:var(--paper-100);font-family:var(--font-mono);font-size:12px;letter-spacing:.06em}.hero-meta .live{color:var(--aurora-cyan)}.hero-grid{align-items:end;display:grid;gap:var(--s-7);grid-template-columns:1fr 540px;min-height:calc(100vh - 220px);position:relative;z-index:2}.scene-marker{align-items:center;color:var(--paper-300);display:flex;font-size:11px;gap:14px;letter-spacing:.3em;margin:0 0 var(--s-6)}.scene-marker span{width:8px;height:8px;background:#ff3b58;border-radius:50%;box-shadow:0 0 12px #ff3b58;display:inline-block}.hero-copy h1{font-family:var(--font-display-cn);font-size:clamp(80px,14vw,200px);font-weight:900;letter-spacing:.02em;line-height:.88;margin:0}.hero-copy h1 span{display:block}.hero-copy h1 em{background:var(--aurora-grad);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;font-style:normal;animation:auroraShift 12s linear infinite}.hero-copy h1 span:last-child{color:var(--paper-300);font-family:var(--font-display-en);font-size:.7em;font-style:italic;font-weight:500;letter-spacing:0;margin-left:.1em;margin-top:.08em}.hero-tagline{color:var(--paper-100);font-family:var(--font-display-cn);font-size:22px;letter-spacing:.02em;line-height:1.55;margin:var(--s-6) 0 0;max-width:580px}.hero-deck{color:var(--paper-200);font-family:var(--font-sans-ui);font-size:15px;line-height:1.75;margin:var(--s-4) 0 0;max-width:580px}.hero-actions,.cta-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:var(--s-7)}.btn{align-items:center;border:1px solid var(--hairline-strong);color:var(--paper-000);display:inline-flex;font-family:var(--font-mono);font-size:12px;gap:14px;justify-content:center;letter-spacing:.18em;min-height:52px;padding:16px 28px;text-transform:uppercase;transition:transform .35s var(--ease-out),border-color .35s var(--ease-out),box-shadow .35s var(--ease-out)}.btn:hover{border-color:var(--paper-000);transform:translateY(-1px)}.zd-home .btn-neon{background:var(--neon);border-color:var(--neon);color:var(--ink-100, #07071a)}.zd-home .btn-neon:visited,.zd-home .btn-neon:hover,.zd-home .btn-neon:focus-visible,.zd-home .btn-neon:active,.zd-home .btn-neon span,.zd-home .btn-neon strong,.zd-home .btn-neon svg,.zd-home .btn-neon:before,.zd-home .btn-neon:after{color:var(--ink-100, #07071a)}.btn-neon:hover{box-shadow:0 0 0 1px var(--neon),0 0 32px #d8ff5a66}.zd-home .btn-neon svg,.zd-home .btn-neon svg [stroke]{stroke:currentColor}.zd-home .btn-neon svg [fill]:not([fill=none]){fill:currentColor}.hero-console{display:grid;gap:var(--s-5);padding-bottom:20px}.console-card{background:#07071a73;border:1px solid var(--hairline);backdrop-filter:blur(6px);overflow:hidden;padding:24px;position:relative}.console-card:before,.console-card:after{border-color:var(--aurora-cyan);border-style:solid;content:"";height:12px;opacity:.9;position:absolute;width:12px}.console-card:before{border-width:1px 0 0 1px;left:8px;top:8px}.console-card:after{border-width:0 1px 1px 0;bottom:8px;right:8px}.card-head{align-items:center;color:var(--paper-300);display:flex;font-size:10px;justify-content:space-between;letter-spacing:.24em;margin-bottom:18px}.card-head strong{border:1px solid var(--aurora-jade);color:var(--aurora-jade);font-size:9px;padding:3px 8px}.card-head .magenta{border-color:var(--aurora-magenta);color:var(--aurora-magenta)}.singer-row{align-items:center;display:flex;gap:18px}.singer-portrait{width:80px;height:80px;background:radial-gradient(circle at 50% 35%,var(--aurora-cyan) 0%,transparent 35%),radial-gradient(circle at 50% 60%,var(--aurora-violet) 0%,transparent 50%),radial-gradient(circle at 50% 90%,var(--aurora-magenta) 0%,transparent 60%);filter:blur(2px) saturate(1.2);flex:0 0 auto;clip-path:ellipse(38% 48% at 50% 48%)}.singer-row h2{color:var(--paper-000);font-family:var(--font-display-cn);font-size:22px;margin:0 0 5px}.singer-row p{color:var(--paper-400);font-family:var(--font-mono);font-size:9px;letter-spacing:.18em;line-height:1.55;margin:0;text-transform:uppercase}.waveform{align-items:end;display:flex;gap:2px;height:36px;margin-top:20px}.waveform span{animation:auroraShift 10s linear infinite,wave 1.2s ease-in-out infinite;background:var(--aurora-grad);background-size:200% 100%;flex:1;opacity:.9}@keyframes wave{0%,to{transform:scaleY(.34)}50%{transform:scaleY(1)}}@keyframes auroraShift{to{background-position:200% 0}}.spec-grid{display:grid;grid-template-columns:repeat(3,1fr);margin:0}.spec-grid div{border-right:1px solid var(--hairline);padding:14px}.spec-grid div:nth-child(3n){border-right:0}.spec-grid dt{color:var(--paper-400);font-size:9px;letter-spacing:.2em;margin-bottom:6px}.spec-grid dd{color:var(--paper-000);font-family:var(--font-mono);font-size:16px;margin:0}.spec-grid .pass{color:var(--aurora-jade)}.sec{padding:var(--s-9) 0;position:relative}.sec:before{background:var(--hairline);content:"";display:block;height:1px;margin:0 auto var(--s-8);max-width:var(--max-w);width:calc(100% - 128px)}.sec-head{align-items:end;display:grid;gap:var(--s-7);grid-template-columns:240px 1fr;margin-bottom:var(--s-8)}.sec-index{border-top:1px solid var(--hairline);color:var(--paper-300);font-size:11px;letter-spacing:.3em;margin:0;padding-top:12px}.sec h2{font-family:var(--font-display-cn);font-size:clamp(48px,6.5vw,96px);font-weight:900;letter-spacing:.02em;line-height:.96;margin:0}.sec-head p:not(.sec-index){color:var(--paper-200);font-size:15px;line-height:1.85;margin:var(--s-5) 0 0;max-width:620px}.svc-list{border-top:1px solid var(--hairline-strong)}.svc-row{align-items:center;border-bottom:1px solid var(--hairline);display:grid;gap:var(--s-5);grid-template-columns:88px 1fr 260px 1.1fr 40px;padding:28px 8px;position:relative;transition:padding .4s var(--ease-out)}.svc-row:before{background:var(--aurora-grad);content:"";inset:0 auto 0 0;position:absolute;transition:width .4s var(--ease-out);width:0}.svc-row:hover{padding-left:28px}.svc-row:hover:before{width:4px}.svc-row .n,.svc-row .desc{color:var(--paper-300)}.svc-row .ttl{font-family:var(--font-display-cn);font-size:30px;font-weight:700;letter-spacing:.04em}.svc-row .ttl small{color:var(--paper-300);display:block;font-family:var(--font-display-en);font-size:15px;font-style:italic;font-weight:500;letter-spacing:0;margin-top:3px}.svc-row .tags{display:flex;flex-wrap:wrap;gap:6px}.svc-row .tags i{border:1px solid var(--hairline-strong);color:var(--paper-200);font-size:9px;font-style:normal;letter-spacing:.16em;padding:4px 8px}.svc-row .desc{font-size:13px;line-height:1.7}.svc-row .go{color:var(--paper-300);font-family:var(--font-mono);text-align:right;transition:color .3s,transform .3s var(--ease-out)}.svc-row:hover .go{color:var(--aurora-cyan);transform:translate(8px)}.featured-work{display:grid;gap:var(--s-7);grid-template-columns:1fr 380px;margin-bottom:var(--s-8)}.work-poster,.work-thumb{background:var(--ink-000);border:1px solid var(--hairline);overflow:hidden;position:relative}.work-poster{aspect-ratio:16 / 9}.work-poster img,.work-thumb img{height:100%;object-fit:cover;position:absolute;width:100%}.work-poster:after,.work-thumb:after{background:repeating-linear-gradient(180deg,rgba(255,255,255,.04) 0,rgba(255,255,255,.04) 1px,transparent 1px,transparent 3px),linear-gradient(180deg,transparent 35%,rgba(0,0,0,.72));content:"";inset:0;position:absolute}.poster-chrome{color:var(--paper-100);display:flex;font-size:10px;justify-content:space-between;letter-spacing:.2em;padding:22px;position:relative;z-index:2}.poster-play{border:1px solid var(--paper-000);border-radius:50%;height:96px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:96px;z-index:3}.poster-play:after{border-bottom:9px solid transparent;border-left:14px solid var(--paper-000);border-top:9px solid transparent;content:"";left:53%;position:absolute;top:50%;transform:translate(-50%,-50%)}.poster-title{bottom:34px;left:28px;position:absolute;z-index:3}.poster-title p,.work-thumb span{color:var(--aurora-cyan);font-size:10px;letter-spacing:.24em;margin:0 0 8px}.poster-title h3,.work-thumb h3{color:var(--paper-000);font-family:var(--font-display-cn);font-size:clamp(34px,4.4vw,64px);line-height:1;margin:0;text-shadow:0 4px 24px rgba(0,0,0,.6)}.poster-title span{color:var(--paper-200);display:block;font-family:var(--font-display-en);font-size:22px;font-style:italic;margin-top:8px}.work-note{color:var(--paper-200);display:flex;flex-direction:column;justify-content:space-between;line-height:1.8}.work-note p{margin:0}.work-note dl{border-top:1px solid var(--hairline);display:grid;gap:4px 24px;grid-template-columns:1fr 1fr;margin:var(--s-5) 0 0;padding-top:var(--s-5)}.work-note dt{color:var(--paper-400);font-family:var(--font-mono);font-size:9px;letter-spacing:.2em;text-transform:uppercase}.work-note dd{color:var(--paper-000);margin:3px 0 12px}.work-grid{display:grid;gap:var(--s-5);grid-template-columns:repeat(3,1fr)}.work-thumb{aspect-ratio:16 / 9;display:flex;flex-direction:column;justify-content:end;padding:18px}.work-thumb span,.work-thumb h3{position:relative;z-index:2}.work-thumb h3{font-size:22px}.flow{background:var(--hairline);border:1px solid var(--hairline);display:grid;gap:1px;grid-template-columns:repeat(8,1fr);list-style:none;margin:0;padding:0}.flow li{background:var(--ink-100);display:flex;flex-direction:column;min-height:220px;padding:28px 18px 24px;position:relative;transition:background .35s var(--ease-out)}.flow li:hover{background:var(--ink-300)}.flow li span{color:var(--paper-300);font-size:10px;letter-spacing:.24em;margin-bottom:18px}.flow li strong{color:var(--paper-000);font-family:var(--font-display-cn);font-size:18px;margin-bottom:8px}.flow li p{color:var(--paper-300);font-size:11px;line-height:1.7;margin:auto 0 0}.flow-rail{align-items:center;color:var(--paper-300);display:flex;font-size:10px;gap:18px;letter-spacing:.22em;margin-top:var(--s-6)}.flow-rail i{background:#f3efe41a;flex:1;height:2px;overflow:hidden;position:relative}.flow-rail i:after{animation:auroraShift 8s linear infinite,rail 6s linear infinite;background:var(--aurora-grad);background-size:200% 100%;box-shadow:0 0 18px #6df0ff59;content:"";inset:0;position:absolute}.flow-rail a:hover{color:var(--aurora-cyan)}@keyframes rail{0%{transform:translate(-100%)}to{transform:translate(0)}}@media(prefers-reduced-motion:reduce){.flow-rail i:after{animation:none;transform:none}}.cta{overflow:hidden;text-align:center}.cta-bg{inset:0;pointer-events:none;position:absolute}.cta-bg:before,.cta-bg:after{border-radius:50%;content:"";filter:blur(80px);opacity:.44;position:absolute}.cta-bg:before{width:760px;height:760px;left:-120px;top:-120px;background:var(--aurora-violet)}.cta-bg:after{width:680px;height:680px;bottom:-180px;right:-120px;background:var(--aurora-cyan)}.cta-inner{margin:0 auto;max-width:1120px;position:relative}.cta-eyebrow{color:var(--paper-200);font-size:11px;letter-spacing:.34em;margin:0 0 var(--s-6)}.cta h2{font-size:clamp(48px,7vw,112px)}.cta p:not(.cta-eyebrow):not(.cta-alt){color:var(--paper-200);font-size:16px;line-height:1.85;margin:var(--s-6) auto 0;max-width:720px}.cta-actions{justify-content:center}.cta-alt{color:var(--paper-300);font-size:10px;letter-spacing:.2em;margin:var(--s-5) 0 0}.home-footer{background:var(--ink-000);border-top:1px solid var(--hairline);padding:var(--s-7) 0 var(--s-6)}.footer-grid{border-bottom:1px solid var(--hairline);display:grid;gap:var(--s-6);grid-template-columns:1.5fr 1fr 1fr;padding-bottom:var(--s-6)}.footer-brand img{width:184px;height:auto;margin-bottom:16px}.footer-brand p{color:var(--paper-300);line-height:1.75;margin:0;max-width:420px}.home-footer nav,.home-footer address{display:grid;gap:8px}.home-footer h2{color:var(--paper-400);font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.24em;margin:0 0 8px;text-transform:uppercase}.home-footer a,.home-footer span{color:var(--paper-200)}.home-footer a:hover{color:var(--aurora-cyan)}.footer-bottom{color:var(--paper-400);display:flex;font-size:10px;justify-content:space-between;letter-spacing:.2em;padding-top:var(--s-5)}@media(max-width:1100px){.hero-grid,.featured-work{grid-template-columns:1fr}.hero-console{grid-template-columns:1fr 1fr}.svc-row{grid-template-columns:64px 1fr 48px}.svc-row .tags,.svc-row .desc{display:none}.work-grid{grid-template-columns:repeat(2,1fr)}.flow{grid-template-columns:repeat(4,1fr)}}@media(max-width:760px){.letterbox{display:none}.topnav{top:0;padding:16px 20px}.topnav-links{display:none}.topnav-brand img{width:156px}.shell{padding:0 var(--s-5)}.zdh-hero{min-height:auto;padding-top:112px}.hero-meta{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:var(--s-6)}.hero-grid,.hero-console,.sec-head,.featured-work,.work-grid,.footer-grid{grid-template-columns:1fr}.hero-copy h1{font-size:clamp(64px,18vw,112px)}.hero-tagline{font-size:20px}.hero-actions,.cta-actions{flex-direction:column}.btn{width:100%}.sec{padding:var(--s-8) 0}.sec:before{margin-bottom:var(--s-7);width:calc(100% - 48px)}.flow{grid-template-columns:repeat(2,1fr)}.footer-bottom{flex-direction:column;gap:8px}}@media(max-width:460px){.flow,.spec-grid,.work-note dl{grid-template-columns:1fr}.spec-grid div{border-right:0;border-bottom:1px solid var(--hairline)}}