@charset "UTF-8";*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:#04060a;color:#e8edf5;font-family:Space Grotesk,Noto Sans TC,system-ui,sans-serif;line-height:1.8;overflow-x:hidden}h1,h2,h3{font-family:Cormorant Garamond,"Noto Serif TC",serif;line-height:1.3;margin:0}ul,ol{margin:0;padding:0;list-style:none}a{color:#9fc0f0;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid rgba(159,192,240,.75);outline-offset:4px;border-radius:2px}#content{position:relative;z-index:1}#veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:48;background:#04060a;opacity:0;pointer-events:none;transition:opacity .6s ease}#veil.is-on{opacity:1;pointer-events:auto}#ambient{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}#ambient i{position:absolute;will-change:transform}#ambient i:nth-child(1){width:60vw;height:46vh;left:-12vw;top:8vh;background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(120,152,205,.1),transparent 70%);animation:amb-a 38s ease-in-out infinite alternate}#ambient i:nth-child(2){width:54vw;height:50vh;right:-14vw;top:42vh;background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(88,118,168,.085),transparent 70%);animation:amb-b 47s ease-in-out infinite alternate}#ambient i:nth-child(3){width:38vw;height:32vh;left:28vw;bottom:-8vh;background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(216,168,120,.05),transparent 70%);animation:amb-c 53s ease-in-out infinite alternate}@keyframes amb-a{to{transform:translate(9vw,7vh) scale(1.18)}}@keyframes amb-b{to{transform:translate(-7vw,-9vh) scale(1.12)}}@keyframes amb-c{to{transform:translate(6vw,-5vh) scale(1.25)}}#cursor-glow{position:fixed;left:0;top:0;z-index:15;pointer-events:none;width:560px;height:560px;margin:-280px 0 0 -280px;border-radius:50%;background:radial-gradient(circle,rgba(159,192,240,.075),transparent 62%);mix-blend-mode:screen;opacity:0}html.has-cursor,html.has-cursor a,html.has-cursor button{cursor:none}#cursor-dot,#cursor-ring{position:fixed;left:0;top:0;z-index:45;pointer-events:none;border-radius:50%;opacity:0}html.cursor-active #cursor-dot,html.cursor-active #cursor-ring{opacity:1}#cursor-dot{width:6px;height:6px;margin:-3px 0 0 -3px;background:#9fc0f0}#cursor-ring{width:30px;height:30px;margin:-15px 0 0 -15px;border:1px solid rgba(159,192,240,.55);transition:transform .3s cubic-bezier(.22,1,.36,1),border-color .3s}html.cursor-hover #cursor-ring{transform:scale(1.9);border-color:#d8a878cc}html.cursor-hover #cursor-dot{background:#d8a878}#webgl{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:5;pointer-events:none;opacity:0}#fog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:20;pointer-events:none;opacity:0}#scroll-hint{position:fixed;bottom:28px;left:50%;transform:translate(-50%);z-index:30;display:flex;flex-direction:column;align-items:center;gap:14px;opacity:0}#scroll-hint .scroll-hint__text{color:#8b97ab;font-size:12px;letter-spacing:.42em;text-indent:.42em;animation:hint-breathe 3.6s ease-in-out infinite}#scroll-hint .scroll-hint__track{position:relative;width:1px;height:52px;overflow:hidden;background:#9fc0f024}#scroll-hint .scroll-hint__track i{position:absolute;left:0;top:0;width:1px;height:14px;background:linear-gradient(180deg,transparent,rgba(159,192,240,.95));box-shadow:0 0 8px #9fc0f099;animation:hint-fall 2.4s cubic-bezier(.45,0,.55,1) infinite}@keyframes hint-breathe{50%{opacity:.55}}@keyframes hint-fall{0%{transform:translateY(-14px);opacity:0}35%{opacity:1}78%{opacity:1}to{transform:translateY(52px);opacity:0}}@media(prefers-reduced-motion:reduce){#scroll-hint .scroll-hint__text,#scroll-hint .scroll-hint__track i{animation:none}#scroll-hint .scroll-hint__track i{top:auto;bottom:0;opacity:.8}}#chapter-nav{position:fixed;right:28px;top:50%;transform:translateY(-50%);z-index:30;display:flex;flex-direction:column;gap:20px;opacity:0;pointer-events:none;visibility:hidden;transition:opacity .6s ease,visibility 0s .6s}#chapter-nav.is-visible{opacity:1;pointer-events:auto;visibility:visible;transition:opacity .6s ease}#chapter-nav a{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:2px 0}#chapter-nav a i{width:7px;height:7px;border-radius:50%;border:1px solid rgba(159,192,240,.45);background:transparent;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}#chapter-nav a span{font-family:Cormorant Garamond,"Noto Serif TC",serif;font-size:11px;letter-spacing:.25em;color:#8b97ab;opacity:0;transform:translate(6px);transition:opacity .3s ease,transform .3s ease,color .3s ease}#chapter-nav a:hover span{opacity:1;transform:none}#chapter-nav a.is-active i{background:#d8a878;border-color:#d8a878;box-shadow:0 0 10px #d8a878b3}#chapter-nav a.is-active span{opacity:1;transform:none;color:#d8a878}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}#skip-intro{position:fixed;right:32px;bottom:30px;z-index:30;background:none;border:none;padding:10px 4px;font-family:Space Grotesk,Noto Sans TC,system-ui,sans-serif;font-size:13px;letter-spacing:.25em;color:#8b97ab;cursor:pointer;opacity:0;pointer-events:none;visibility:hidden;transition:opacity .5s ease,color .3s ease,visibility 0s .5s}#skip-intro:after{content:" ↓"}#skip-intro:hover{color:#d8a878}#skip-intro.is-visible{opacity:1;pointer-events:auto;visibility:visible;transition:opacity .5s ease,color .3s ease}html.is-lite #skip-intro{display:none}@media(prefers-reduced-motion:no-preference){html.is-lite{scroll-behavior:smooth}}@media(max-width:760px){#chapter-nav,#skip-intro{display:none}}#loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#04060a;display:grid;place-items:center;overflow:hidden}#loader .loader__fog{position:absolute;top:0;right:0;bottom:0;left:0}#loader .loader__fog i{position:absolute;will-change:transform}#loader .loader__fog i:nth-child(1){width:70vw;height:50vh;left:-15vw;top:6vh;background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(120,152,205,.13),transparent 70%);animation:amb-a 16s ease-in-out infinite alternate}#loader .loader__fog i:nth-child(2){width:60vw;height:55vh;right:-18vw;top:38vh;background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(88,118,168,.11),transparent 70%);animation:amb-b 19s ease-in-out infinite alternate}#loader .loader__fog i:nth-child(3){width:44vw;height:36vh;left:24vw;bottom:-10vh;background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(216,168,120,.05),transparent 70%);animation:amb-c 23s ease-in-out infinite alternate}#loader .loader__glow{width:min(46vw,420px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(159,192,240,.26),rgba(159,192,240,.08) 45%,transparent 70%);opacity:.2;animation:loader-breathe 3.2s ease-in-out infinite;will-change:opacity,transform}#loader .loader__beam{position:absolute;left:50%;bottom:18vh;width:min(280px,50vw);height:1px;transform:translate(-50%) scaleX(0);background:linear-gradient(90deg,transparent,rgba(159,192,240,.9),transparent);box-shadow:0 0 12px #9fc0f080}@keyframes loader-breathe{50%{transform:scale(1.06)}}@media(prefers-reduced-motion:reduce){#loader .loader__fog i,#loader .loader__glow{animation:none}}#intro{height:520vh}html:not(.is-lite) #content{margin-top:-100vh}#outro{height:340vh;position:relative;z-index:6}#outro .outro__card{position:sticky;top:38vh;display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center;opacity:0;pointer-events:none}#outro .outro__card.is-live{pointer-events:auto}#outro .outro__spark{width:5px;height:5px;border-radius:50%;background:#d8a878;box-shadow:0 0 16px #d8a878e6,0 0 44px #d8a87859}#outro .outro__line{color:#8b97ab;letter-spacing:.3em;text-indent:.3em;font-size:14px;margin:0}#outro .outro__sign{font-family:Cormorant Garamond,"Noto Serif TC",serif;font-size:21px;letter-spacing:.24em;text-indent:.24em;color:#e8edf5;margin:0}#outro #outro-reopen{background:none;border:none;padding:10px 6px;cursor:pointer;font-family:Space Grotesk,Noto Sans TC,system-ui,sans-serif;font-size:12px;letter-spacing:.25em;text-indent:.25em;color:#8b97ab;transition:color .3s ease}#outro #outro-reopen:after{content:" ↺"}#outro #outro-reopen:hover{color:#d8a878}.section{position:relative;min-height:100vh;max-width:1100px;margin:0 auto;padding:18vh 6vw;display:flex;flex-direction:column;justify-content:center}.section__head{display:flex;align-items:baseline;gap:20px;margin-bottom:1.6em}.section__no{font-family:Cormorant Garamond,"Noto Serif TC",serif;font-size:14px;letter-spacing:.35em;color:#d8a878}.section__title{font-size:clamp(28px,4vw,44px);margin:0;color:#e8edf5;overflow:hidden}.section__title .char{display:inline-block;will-change:transform}.section__title:after{content:"";display:block;width:56px;height:2px;background:#9fc0f0;margin-top:.4em}.section__ghost{position:absolute;z-index:-1;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:Cormorant Garamond,"Noto Serif TC",serif;font-weight:900;line-height:1;font-size:clamp(200px,30vw,430px);color:#9fc0f00b;right:-4vw;top:4vh}#skills .section__ghost{left:-5vw;right:auto;top:auto;bottom:2vh}#projects .section__ghost{left:-3vw;right:auto;top:30vh}#contact .section__ghost{left:50%;transform:translate(-50%);top:50%;margin-top:clamp(-215px,-15vw,-100px);color:#9fc0f009}.fog-gap{height:60vh}.outro-buffer{height:90vh}.lite-end,html.is-lite .outro-buffer{display:none}html.is-lite .lite-end{display:flex;flex-direction:column;align-items:center;gap:18px;padding:16vh 8vw calc(12vh + env(safe-area-inset-bottom));text-align:center}html.is-lite .lite-end .lite-end__spark{width:5px;height:5px;border-radius:50%;background:#d8a878;box-shadow:0 0 16px #d8a878e6,0 0 44px #d8a87859}html.is-lite .lite-end p{color:#8b97ab;letter-spacing:.3em;text-indent:.3em;font-size:14px;margin:0}html.is-lite .lite-end{animation:lite-end-in linear both;animation-timeline:view();animation-range:entry 0% entry 60%}@keyframes lite-end-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@supports not (animation-timeline: view()){html.is-lite .lite-end{animation:none}}.section--hero{text-align:center;align-items:center}.hero__hello{color:#8b97ab;letter-spacing:.3em;margin:0}.hero__name{font-size:clamp(48px,10vw,120px);font-weight:900}.hero__title{color:#9fc0f0;letter-spacing:.15em;margin:.6em 0 0}.hero__tagline{font-family:Cormorant Garamond,"Noto Serif TC",serif;font-size:clamp(18px,2.4vw,26px);color:#8b97ab;margin-top:2.2em}.about__line{font-family:Cormorant Garamond,"Noto Serif TC",serif;font-size:clamp(20px,2.5vw,33px);line-height:2;max-width:30em;margin:0}.about__line+.about__line{margin-top:1.4em}.about__line:nth-of-type(2){margin-left:7vw}.about__line:nth-of-type(3){margin-left:14vw;color:#8b97ab}.about__line .kw{white-space:nowrap;color:#d8a878}.skills{display:block}.skills__row{display:grid;grid-template-columns:150px 1fr;align-items:baseline;padding:34px 0;border-bottom:1px solid #1d2634}.skills__row:first-child{border-top:1px solid #1d2634}.skills__row .skills__cat{font-size:13px;letter-spacing:.35em;color:#d8a878}.skills__row .skills__items{font-family:Cormorant Garamond,"Noto Serif TC",serif;font-size:clamp(20px,2.4vw,32px);color:#e8edf5;margin:0;transition:color .45s ease,transform .45s ease}.skills__row .skills__items span{white-space:nowrap}.skills__row .skills__items i{font-style:normal;color:#8b97ab;opacity:.45;margin:0 .12em}.skills__row:hover .skills__items{color:#9fc0f0;transform:translate(10px)}.timeline{border-left:2px solid #1d2634;padding-left:32px;display:grid;gap:48px}.job{position:relative}.job:before{content:"";position:absolute;left:-39px;top:10px;width:12px;height:12px;border-radius:50%;background:#9fc0f0;box-shadow:0 0 14px #9fc0f0cc}.job:first-child:before{background:#d8a878;box-shadow:0 0 18px #d8a878e6}.job:first-child .job__period{color:#d8a878}.job .job__period{color:#8b97ab;font-size:14px;letter-spacing:.1em;margin:0}.job .job__title{font-size:22px;margin:.3em 0}.job .job__summary{color:#8b97ab;margin:0 0 .5em}.job .job__highlights li{color:#e8edf5;padding:.15em 0}.job .job__highlights li:before{content:"— ";color:#9fc0f0}.project__name{font-size:26px}.project__desc{color:#8b97ab}.project__meta{color:#d8a878;font-size:13px;letter-spacing:.2em;margin:0 0 .6em}.project__tags{display:flex;flex-wrap:wrap;margin-top:1.4em;font-size:13px;letter-spacing:.15em;color:#8b97ab}.project__tags li+li:before{content:"・";margin:0 .65em;color:#9fc0f0;opacity:.5}.project__links{display:flex;gap:24px;margin-top:1.6em}.project__links a{color:#9fc0f0;letter-spacing:.12em;font-size:14px}.project__links a:after{content:" →"}.project__links a:hover{color:#d8a878}.deck{margin-top:2em}.deck__viewport{display:flex;flex-direction:column;gap:72px}.deck__card{position:relative;aspect-ratio:16/10;border-radius:14px;overflow:hidden;border:1px solid #1d2634;background:radial-gradient(ellipse at 30% 20%,#1c2c46,#0a0f18);display:grid;place-items:center}.deck__card img{width:100%;height:100%;object-fit:cover;display:block}.deck__card span{font-family:Cormorant Garamond,"Noto Serif TC",serif;font-size:72px;color:#9fc0f059}.deck__info{margin-top:1.4em}.deck.is-on{margin-top:0}.deck.is-on .deck__viewport{position:sticky;top:0;height:100vh;display:block;width:100vw;margin-left:calc(50% - 50vw);perspective:1500px;perspective-origin:64% 50%;overflow:hidden}.deck.is-on .deck__item{display:contents}.deck.is-on .deck__card{position:absolute;left:64%;top:50%;width:min(500px,37vw);margin:0;transform-style:preserve-3d;box-shadow:0 30px 80px #0000008c;will-change:transform,filter,opacity}.deck.is-on .deck__info{position:absolute;left:10vw;top:50%;transform:translateY(-50%);max-width:clamp(260px,24vw,360px);margin:0;will-change:opacity}.section--contact{text-align:center;align-items:center}.section--contact .section__head{justify-content:center}.contact__email{font-family:Cormorant Garamond,"Noto Serif TC",serif;font-size:clamp(28px,5vw,58px);color:#e8edf5;background:linear-gradient(currentColor,currentColor) left bottom/0 2px no-repeat;transition:color .45s ease,background-size .45s ease}.contact__email:hover{color:#d8a878;background-size:100% 2px}.contact__links{display:flex;gap:36px;margin-top:2.4em}.contact__links a{display:inline-block;color:#8b97ab;letter-spacing:.12em;padding:8px 4px;transition:color .3s ease}.contact__links a:hover{color:#d8a878}#lite-intro,html.is-lite #webgl,html.is-lite #fog-overlay,html.is-lite #intro,html.is-lite #outro{display:none}html.is-lite .fog-gap{height:12vh}html.is-lite #lite-intro{display:grid;place-items:center;position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:radial-gradient(ellipse at 50% 80%,#101b2c,#04060a);transition:opacity 1s ease}html.is-lite #lite-intro .lite-intro__laptop{width:min(52vw,320px);filter:drop-shadow(0 0 36px rgba(110,160,255,.4))}html.is-lite #lite-intro .lite-intro__fog{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(ellipse 60% 30% at 30% 70%,rgba(140,165,205,.12),transparent 70%),radial-gradient(ellipse 50% 25% at 70% 60%,rgba(140,165,205,.09),transparent 70%);animation:fog-drift 14s ease-in-out infinite alternate}html.is-lite.lite-done #lite-intro{opacity:0;pointer-events:none}@keyframes fog-drift{0%{transform:translate(-4%) scale(1)}to{transform:translate(4%) scale(1.08)}}@media(max-width:760px){.deck{gap:56px}.section{padding:14vh 7vw}.skills__row{grid-template-columns:1fr;gap:10px}.about__line:nth-of-type(2),.about__line:nth-of-type(3){margin-left:0}.section__ghost{font-size:clamp(140px,44vw,220px);right:0}#skills .section__ghost,#projects .section__ghost{left:0;right:auto}}@media(prefers-reduced-motion:reduce){#ambient i,.lite-intro__fog{animation:none}}