:root{--ink-900: #070C18;--ink-800: #0C1425;--ink-700: #121C31;--line: #1D2942;--line-2: #2A3A5C;--text: #D9DFEC;--text-hi: #EDF0F7;--text-2: #AAB6CF;--text-3: #8593B0;--moon: #8AACFF;--moon-2: #B9CBFF;--moon-dim: rgba(138,172,255,.14);--scan: #7FE3C4;--warn: #FFB56B;--on-accent: #070C18;--veil-top: rgba(7,12,24,.78);--veil-mid: rgba(7,12,24,.22);--veil-bottom: rgba(7,12,24,.95);color-scheme:dark;--font-body: "Noto Sans TC", system-ui, -apple-system, "PingFang TC", "Microsoft JhengHei", "微軟正黑體", sans-serif;--font-display: var(--font-body);--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--fs-xs: 13px;--fs-sm: 15px;--fs-base: 17px;--fs-lg: 19px;--fs-xl: 24px;--fs-2xl: 30px;--fs-3xl: 38px;--fs-hero: clamp(34px, 5vw, 56px);--fw-body: 400;--fw-mid: 500;--fw-bold: 700;--fw-display: 700;--lh-tight: 1.35;--lh-ui: 1.6;--lh-body: 1.9;--measure: 33rem;--ls-display: -.01em;--ls-tight: .02em;--ls-wide: .08em;--ls-label: .22em;--ls-mono: .18em;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sp-8: 64px;--sp-9: 96px;--sp-10: 128px;--section-y: clamp(64px, 9vw, 128px);--container: 1180px;--gutter: clamp(20px, 5vw, 44px);--r-sm: 3px;--r-md: 6px;--r-lg: 10px;--r-pill: 999px;--dur-fast: .15s;--dur: .26s;--dur-slow: .6s;--ease: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--glow-moon: 0 0 24px rgba(138,172,255,.35);--glow-scan: 0 0 22px rgba(127,227,196,.45);--lift: 0 8px 30px rgba(0,0,0,.45);--tap: 44px;--z-nav: 100;--z-overlay: 200}:root[data-theme=light]{--ink-900: #F7F6F2;--ink-800: #FFFFFF;--ink-700: #EFEDE6;--line: #DDDACF;--line-2: #C4C0B3;--text: #23262C;--text-hi: #12141A;--text-2: #4E535E;--text-3: #676D79;--moon: #2B54B8;--moon-2: #1D3E92;--moon-dim: rgba(43,84,184,.1);--scan: #0F6A5C;--warn: #9A5A12;--on-accent: #FFFFFF;--veil-top: rgba(20,22,28,.62);--veil-mid: rgba(20,22,28,.28);--veil-bottom: rgba(20,22,28,.78);--glow-moon: 0 0 0 1px rgba(43,84,184,.22);--glow-scan: 0 0 0 1px rgba(18,121,106,.28);--lift: 0 6px 24px rgba(30,32,40,.12);color-scheme:light}@media(prefers-color-scheme:light){:root:not([data-theme=dark]):not([data-theme=light]){--ink-900: #F7F6F2;--ink-800: #FFFFFF;--ink-700: #EFEDE6;--line: #DDDACF;--line-2: #C4C0B3;--text: #23262C;--text-hi: #12141A;--text-2: #4E535E;--text-3: #676D79;--moon: #2B54B8;--moon-2: #1D3E92;--moon-dim: rgba(43,84,184,.1);--scan: #0F6A5C;--warn: #9A5A12;--on-accent: #FFFFFF;--veil-top: rgba(20,22,28,.62);--veil-mid: rgba(20,22,28,.28);--veil-bottom: rgba(20,22,28,.78);--glow-moon: 0 0 0 1px rgba(43,84,184,.22);--glow-scan: 0 0 0 1px rgba(18,121,106,.28);--lift: 0 6px 24px rgba(30,32,40,.12);color-scheme:light}}:root[data-size=large]{--fs-sm: 17px;--fs-base: 19px;--fs-lg: 21px;--fs-xl: 26px;--fs-2xl: 33px;--fs-3xl: 42px;--measure: 30rem}@font-face{font-family:Noto Sans TC;src:url(/fonts/noto-sans-tc-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans TC;src:url(/fonts/noto-sans-tc-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box}*{margin:0}:where(ul,ol)[class]{padding-inline-start:0}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--sp-8) + var(--sp-4));-webkit-text-size-adjust:100%}body{background:var(--ink-900);color:var(--text);font-family:var(--font-body);font-size:var(--fs-base);font-weight:var(--fw-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100svh}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}h1,h2,h3,h4{font-family:var(--font-display);font-weight:var(--fw-display);line-height:var(--lh-tight);color:var(--text-hi)}h1{font-size:var(--fs-3xl);letter-spacing:var(--ls-display)}h2{font-size:var(--fs-2xl);letter-spacing:var(--ls-display)}h3{font-size:var(--fs-xl);letter-spacing:var(--ls-tight)}h4{font-size:var(--fs-lg);font-weight:var(--fw-mid);letter-spacing:var(--ls-wide);color:var(--text-2)}a{color:var(--moon);text-decoration-thickness:1px;text-underline-offset:.25em;transition:color var(--dur-fast) var(--ease)}a:hover{color:var(--moon-2)}:focus-visible{outline:2px solid var(--moon-2);outline-offset:3px;border-radius:var(--r-sm)}::selection{background:var(--moon-dim);color:var(--text-hi)}hr{border:0;border-top:1px solid var(--line)}code,kbd,samp,pre{font-family:var(--font-mono);font-size:.92em}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}.measure{max-width:var(--measure)}.section{padding-block:var(--section-y)}.stack>*+*{margin-top:var(--sp-5)}.label{font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:var(--fw-mid);letter-spacing:var(--ls-mono);line-height:var(--lh-ui);color:var(--moon);text-transform:uppercase}.label--scan{color:var(--scan)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--tap);padding:0 var(--sp-6);font-size:var(--fs-sm);font-weight:var(--fw-mid);letter-spacing:var(--ls-wide);line-height:var(--lh-ui);border-radius:var(--r-sm);border:1px solid transparent;text-decoration:none;cursor:pointer;transition:background var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.btn--primary{background:var(--text-hi);color:var(--ink-900)}.btn--primary:hover{background:var(--moon-2);color:var(--ink-900)}.btn--ghost{background:transparent;border-color:var(--line-2);color:var(--text)}.btn--ghost:hover{border-color:var(--moon);color:var(--moon-2)}.btn--scan{background:transparent;border-color:var(--scan);color:var(--scan)}.btn--scan:hover{background:var(--scan);color:var(--on-accent)}.btn--onphoto{background:color-mix(in srgb,var(--ink-900) 72%,transparent);border-color:color-mix(in srgb,var(--text-hi) 45%,transparent);color:var(--text-hi);backdrop-filter:blur(6px)}.btn--onphoto:hover{background:var(--text-hi);color:var(--ink-900);border-color:var(--text-hi)}body:after{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E")}:root[data-theme=light] body:after{opacity:.016}@media(prefers-color-scheme:light){:root:not([data-theme=dark]):not([data-theme=light]) body:after{opacity:.016}}.grid-bg{position:relative;isolation:isolate}.grid-bg:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.5;background-image:repeating-linear-gradient(90deg,var(--line) 0 1px,transparent 1px 88px),linear-gradient(180deg,transparent 0 6%,var(--line) 6% calc(6% + 1px),transparent 0 16%,var(--line) 16% calc(16% + 1px),transparent 0 30%,var(--line) 30% calc(30% + 1px),transparent 0 50%,var(--line) 50% calc(50% + 1px),transparent 0 70%,var(--line) 70% calc(70% + 1px),transparent 0 84%,var(--line) 84% calc(84% + 1px),transparent 0 94%,var(--line) 94% calc(94% + 1px),transparent 0 100%);-webkit-mask-image:radial-gradient(120% 78% at 50% 42%,#000 0%,transparent 74%);mask-image:radial-gradient(120% 78% at 50% 42%,#000 0%,transparent 74%)}.js-reveal [data-reveal]{opacity:0}.js-reveal [data-reveal].is-in{opacity:1;animation:reveal var(--dur-slow) var(--ease-out) backwards;animation-delay:calc(var(--reveal-i, 0) * 60ms)}@keyframes reveal{0%{opacity:0;transform:translateY(14px)}}@media(prefers-reduced-motion:reduce){.js-reveal [data-reveal]{opacity:1}.js-reveal [data-reveal].is-in{animation:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.tap{min-width:var(--tap);min-height:var(--tap)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}