@font-face{font-family:cormorant garamond;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/cormorant-garamond-500-normal.woff2)format("woff2")}@font-face{font-family:cormorant garamond;font-style:italic;font-weight:500;font-display:swap;src:url(../fonts/cormorant-garamond-500-italic.woff2)format("woff2")}@font-face{font-family:cormorant garamond;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/cormorant-garamond-600-normal.woff2)format("woff2")}@font-face{font-family:inter;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/inter-400.woff2)format("woff2")}@font-face{font-family:inter;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/inter-500.woff2)format("woff2")}@font-face{font-family:inter;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/inter-600.woff2)format("woff2")}:root{--bg:#0b111c;--surface:#121a28;--surface-2:#19233a;--line:rgba(232, 228, 220, 0.14);--text:#e8e4dc;--text-strong:#fbf6ec;--muted:#a7a39b;--accent:#f2b36b;--accent-strong:#ffd29c;--serif:"Cormorant Garamond", "Zhuque Fangsong", "Songti SC", "STSong", serif;--sans:"Inter", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", system-ui, sans-serif;--wrap:1120px;color-scheme:dark}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:17px;line-height:1.6}main{flex:1 0 auto}img{max-width:100%;height:auto;display:block}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-strong)}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}h1,h2,h3{font-family:var(--serif);font-weight:500;color:var(--text-strong);line-height:1.15;margin:0}html[data-ui=en] .zh,html[data-ui=zh] .en{display:none!important}.zh,:lang(zh) em,:lang(zh) blockquote,:lang(zh) .post-title{font-style:normal}h1,h2,h3,.post-title{font-synthesis:none}.skip{position:absolute;left:-9999px;top:8px;background:var(--text-strong);color:var(--bg);padding:8px 14px;border-radius:6px;z-index:20}.skip:focus{left:16px}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}.narrow{max-width:760px;margin-left:auto;margin-right:auto}.page-top{padding-top:56px;padding-bottom:96px}.site-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding:22px 5%;border-bottom:1px solid var(--line)}.site-header.over-hero{position:absolute;top:0;left:0;right:0;z-index:5;border-bottom:0}.brand{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-left:-8px;color:var(--accent);transition:color .2s,transform .4s}.brand:hover{color:var(--accent-strong);transform:rotate(15deg)}.nav{display:flex;flex-wrap:wrap;align-items:center;gap:4px 22px;font-size:13px;letter-spacing:.1em;text-transform:uppercase}.nav>a{color:var(--text-strong);padding:10px 0}.nav>a:hover,.nav>a[aria-current]{color:var(--accent)}.lang-switch{display:flex;border:1px solid rgba(244,239,230,.4);border-radius:999px;overflow:hidden}.lang-switch button{min-height:36px;min-width:44px;padding:0 12px;border:0;background:0 0;color:var(--text-strong);font:inherit;font-size:13px;letter-spacing:.04em;cursor:pointer}html[data-ui=zh] .lang-switch [data-set-ui=zh],html[data-ui=en] .lang-switch [data-set-ui=en]{background:var(--text-strong);color:var(--bg)}.hero{position:relative;min-height:100vh;min-height:100svh;overflow:hidden;display:flex;align-items:flex-end}.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:hero-in 2.4s ease-out both}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,17,28,.55) 0%,rgba(11,17,28,0) 26%,rgba(11,17,28,0) 52%,rgba(11,17,28,.9) 90%,var(--bg) 100%)}.hero-copy{position:relative;padding:0 5% 12vh}.hero h1{font-size:clamp(76px,12vw,176px);line-height:.88;letter-spacing:-.01em;animation:rise 1.4s .2s ease-out both}.hero h1 em{color:var(--accent)}.motto{margin:22px 0 0;font-family:var(--serif);font-style:italic;font-size:clamp(20px,2.2vw,28px);color:#e8e1d4;animation:rise 1.4s .5s ease-out both}@keyframes hero-in{from{transform:scale(1.06);opacity:.4}to{transform:scale(1);opacity:1}}@keyframes rise{from{transform:translateY(18px);opacity:0}to{transform:none;opacity:1}}.block{padding:72px 0 24px}.section-head,.page-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px 24px;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:8px}.section-head h2{font-size:44px}.page-head h1{font-size:clamp(44px,6vw,64px)}.more{font-size:14px;letter-spacing:.06em}.empty{color:var(--muted);font-family:var(--serif);font-style:italic;font-size:24px;padding:28px 0;margin:0}.post-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 32px;padding:24px 0;border-bottom:1px solid rgba(232,228,220,8%);color:var(--text)}.post-row:hover .post-title{color:var(--accent)}.post-date{flex:0 0 140px;font-size:13px;color:var(--muted);letter-spacing:.04em}.post-main{flex:999 1 380px;min-width:0;display:flex;flex-direction:column;gap:4px}.post-title{font-family:var(--serif);font-size:28px;line-height:1.25;color:var(--text-strong);transition:color .2s}.post-title:lang(zh-hans){font-size:25px;letter-spacing:.04em}.post-summary{font-size:15px;color:var(--muted)}.badge{font-size:12px;line-height:1;padding:5px 10px;border:1px solid rgba(242,179,107,.5);border-radius:999px;color:var(--accent);white-space:nowrap}.post-row[hidden]{display:none}.filters{display:flex;gap:8px}.filters button{min-height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:0 0;color:var(--text);font:inherit;font-size:14px;cursor:pointer}.filters button[aria-pressed=true]{background:var(--text-strong);color:var(--bg);border-color:var(--text-strong)}.tag-cloud{display:flex;flex-wrap:wrap;gap:10px;margin-top:40px}.tag-cloud a{padding:8px 14px;border:1px solid var(--line);border-radius:999px;font-size:14px;color:var(--text)}.tag-cloud a:hover{border-color:var(--accent);color:var(--accent)}.tag-cloud span{color:var(--muted);margin-left:4px}.project-list{display:flex;flex-direction:column;gap:32px;margin-top:32px}.project-card{display:flex;flex-wrap:wrap;align-items:center;gap:40px;background:var(--surface);border-radius:28px;padding:clamp(28px,5vw,56px);margin-top:32px}.project-list .project-card{margin-top:0}.project-text{flex:1 1 340px;min-width:0;display:flex;flex-direction:column;gap:18px}.project-text h3{font-size:clamp(40px,5vw,56px);font-weight:600}.project-text h3 a{color:var(--text-strong)}.project-text h3 a:hover{color:var(--accent)}.project-text p{margin:0;color:#c9c4ba;font-size:18px;line-height:1.7}.shot-set{display:contents}.project-shots{flex:1 1 340px;display:flex;align-items:flex-start;justify-content:center;gap:20px}.project-shots .phone{width:46%;max-width:230px}.project-shots .phone:nth-child(2){margin-top:48px}.phone{border-radius:30px;box-shadow:0 30px 60px rgba(0,0,0,.45)}.pill{align-self:flex-start;display:inline-block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--bg);background:var(--accent);padding:6px 12px;border-radius:999px}.pill-muted{background:var(--surface-2);color:var(--text)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}.btn{display:inline-flex;align-items:center;min-height:48px;padding:0 22px;border-radius:999px;font-size:15px;font-weight:500}.btn-light{background:var(--text-strong);color:var(--bg)}.btn-light:hover{background:var(--accent);color:var(--bg)}.btn-ghost{border:1px solid rgba(251,246,236,.35);color:var(--text-strong)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.project-head{display:flex;flex-direction:column;gap:18px;max-width:760px}.project-head .meta{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:0}.platforms{font-size:14px;color:var(--muted);letter-spacing:.04em}.project-head h1{font-size:clamp(56px,8vw,96px);font-weight:600}.lead{margin:0;font-size:21px;color:#d6d1c7}.shots{display:flex;gap:24px;overflow-x:auto;padding:48px 4px 40px;scroll-snap-type:x mandatory}.shots .phone{flex:none;width:240px;scroll-snap-align:start}.about-strip{display:flex;flex-wrap:wrap;align-items:center;gap:36px;padding-bottom:96px}.about-strip h2{font-size:48px}.about-strip h2 a{color:var(--text-strong)}.avatar{width:180px;height:180px;border-radius:50%;object-fit:cover;border:1px solid rgba(242,179,107,.4)}.avatar-lg{width:220px;height:220px;margin-bottom:28px}.about h1{font-size:64px;margin-bottom:16px}.github{font-size:16px}.post-head{display:flex;flex-direction:column;gap:14px;margin-bottom:36px}.post-head .meta{display:flex;align-items:center;gap:12px;margin:0;font-size:14px;color:var(--muted)}.post h1{font-size:clamp(40px,6vw,60px)}.tags{margin:0;display:flex;flex-wrap:wrap;gap:10px;font-size:14px}.post-cover{margin:0 0 40px}.post-cover img{border-radius:14px;width:100%}.prose{font-size:18px;line-height:1.85;color:var(--text)}.prose:lang(zh-hans){font-size:17px;line-height:1.95;letter-spacing:.02em}.prose>*+*{margin-top:1.2em}.prose p,.prose ul,.prose ol,.prose blockquote,.prose pre,.prose figure{margin-bottom:0}.prose h2{font-size:34px;margin-top:2em}.prose h3{font-size:26px;margin-top:1.6em}.prose a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(242,179,107,.45)}.prose strong{color:var(--text-strong)}.prose ul,.prose ol{padding-left:1.3em}.prose li+li{margin-top:.4em}.prose li::marker{color:var(--accent)}.prose blockquote{margin-left:0;padding:4px 0 4px 22px;border-left:2px solid var(--accent);color:#d6d1c7;font-style:italic}.prose img{border-radius:10px;margin:0 auto}.prose .caption{display:block;text-align:center;font-size:14px;color:var(--muted);margin-top:8px}.prose code{font-size:.9em;background:var(--surface);padding:2px 6px;border-radius:4px}.prose pre{padding:18px 20px;border-radius:10px;overflow-x:auto;font-size:14px;line-height:1.6}.prose pre code{background:0 0;padding:0}.prose hr{border:0;border-top:1px solid var(--line);margin:2.4em 0}.prose table{border-collapse:collapse;display:block;overflow-x:auto;font-size:15px}.prose th,.prose td{border-bottom:1px solid var(--line);padding:8px 12px;text-align:left}.post-nav{display:flex;justify-content:space-between;gap:24px;margin-top:72px;padding-top:24px;border-top:1px solid var(--line);font-size:15px}.notfound h1{font-size:120px}.notfound p{font-size:20px}.site-footer{border-top:1px solid var(--line);padding:32px 5%;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:13px;color:var(--muted)}.footer-motto{font-family:var(--serif);font-style:italic;font-size:17px}.site-footer a{color:var(--muted)}.site-footer a:hover{color:var(--accent)}.js .reveal{opacity:0;transform:translateY(16px);transition:opacity .8s ease-out,transform .8s ease-out}.js .reveal.in{opacity:1;transform:none}@media(max-width:640px){body{font-size:16px}.site-header{padding:16px 20px}.nav{gap:2px 13px;font-size:12px;letter-spacing:.05em}.lang-switch button{min-width:38px;padding:0 9px}.hero-copy{padding:0 20px 14vh}.section-head h2{font-size:36px}.post-date{flex-basis:100%}.project-card{border-radius:22px}.shots .phone{width:200px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-img,.hero h1,.motto{animation:none}.js .reveal{opacity:1;transform:none;transition:none}}