:root{--bg:#08080a;--surface:#111114;--line:#ffffff14;--text:#ededef;--text-soft:#cfcfd8;--muted:#92929c;--accent:#8b7bff;--accent-2:#4cc9f0;--accent-grad:linear-gradient(100deg, var(--accent), var(--accent-2));--font-display:"Syne", "Noto Sans TC", system-ui, sans-serif;--font-body:"Manrope", "Noto Sans TC", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--pad:clamp(16px, 5vw, 72px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6;overflow-x:hidden}::selection{background:var(--text);color:var(--bg)}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.reveal{opacity:0;transition:opacity .7s cubic-bezier(.2, .8, .2, 1) var(--delay,0s), transform .9s cubic-bezier(.2, .8, .2, 1) var(--delay,0s);transform:perspective(900px)translate3d(0,36px,-40px)rotateX(10deg)}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}
