:root{--bg:#fff;--panel:#f7f7f7;--panel-soft:#fbfbfb;--panel-hover:#f1f1f1;--line:#ececec;--line-strong:#d4d4d4;--text:#0a0a0a;--body:#333;--muted:#606060;--faint:#8f8f8f;--accent:#1670e0;--ink:#0a0b0d;--radius:20px;--radius-lg:32px;--nav-height:60px;--page:1120px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-height) + 16px)}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.container{width:100%;max-width:var(--page);margin:0 auto;padding:0 clamp(16px,4vw,32px)}.sr-only{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.btn{isolation:isolate;--btn-bg:#fff;--btn-bg-hover:#f4f4f4;--btn-fg:#0a0a0a;--btn-border:#dedede;--btn-border-hover:#b9b9b9;--btn-ring:#0a0a0a38;border:1px solid var(--btn-border);background:var(--btn-bg);backdrop-filter:blur(8px);height:44px;color:var(--btn-fg);cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:999px;align-items:center;gap:8px;padding:0 24px;font-size:14px;font-weight:500;transition:transform .18s cubic-bezier(.2,.9,.3,1.4),background .2s,border-color .2s,box-shadow .3s;display:inline-flex;position:relative;overflow:hidden}.btn:hover{background:var(--btn-bg-hover);border-color:var(--btn-border-hover)}.btn:active{transition-duration:60ms;transform:scale(.94)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.btn.primary{--btn-bg:#0a0a0a;--btn-bg-hover:#2a2a2a;--btn-fg:#fff;--btn-border:#0a0a0a;--btn-border-hover:#2a2a2a}.dark-surface .btn{--btn-bg:#ffffff0d;--btn-bg-hover:#ffffff1a;--btn-fg:#fff;--btn-border:#ffffff2b;--btn-border-hover:#ffffff8c;--btn-ring:#ffffff73}.dark-surface .btn.primary{--btn-bg:#fff;--btn-bg-hover:#ffffffe6;--btn-fg:#000;--btn-border:#fff;--btn-border-hover:#fff}.btn .ripple{z-index:-1;opacity:.28;pointer-events:none;background:currentColor;border-radius:50%;animation:.6s ease-out forwards ripple;position:absolute;transform:scale(0)}@keyframes ripple{to{opacity:0;transform:scale(1)}}.btn.pulse{animation:.5s ease-out pulse}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--btn-ring)}to{box-shadow:0 0 0 14px #0000}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.btn:active{transition:none;transform:none}.btn .ripple,.btn.pulse{animation:none;display:none}}.section{padding:clamp(64px,9vw,112px) 0}.section-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:32px;display:flex}.section-head h2{letter-spacing:-.02em;margin:0;font-size:clamp(26px,4vw,38px);font-weight:600;line-height:1.2}.section-head p{color:var(--muted);margin:8px 0 0}.more{color:var(--muted);flex-shrink:0;font-size:14px;transition:color .2s}.more:hover{color:var(--text)}.more:after{content:" →"}.work-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:20px;display:grid}html.reveal-ready [data-reveal]:not(.revealed){opacity:0}[data-reveal].revealed{animation:.7s cubic-bezier(.16,1,.3,1) backwards reveal;animation-delay:var(--reveal-delay,0s)}@keyframes reveal{0%{opacity:0;translate:0 var(--reveal-from,32px);scale:.97}}@media (prefers-reduced-motion:reduce){html.reveal-ready [data-reveal]:not(.revealed){opacity:1}[data-reveal].revealed{animation:none}}.nav[data-astro-cid-hkbrpulz]{z-index:50;height:var(--nav-height);pointer-events:none;--nav-strong:var(--text);--nav-muted:var(--muted);--dong-1:#ec1f7c;--dong-2:#f08c00;--dong-3:#1670e0;--avatar-gap:#fff;--nav-ease:cubic-bezier(.16, 1, .3, 1);--nav-time:.7s;color:var(--nav-strong);position:sticky;top:0}.nav[data-astro-cid-hkbrpulz].overlay{--nav-strong:#fff;--nav-muted:#ffffffb3;--dong-1:#ff4fa8;--dong-2:#ffc21a;--dong-3:#3fb0ff;--avatar-gap:#000;position:fixed;inset:0 0 auto}html[data-past-hero=true] .nav[data-astro-cid-hkbrpulz].overlay{--nav-strong:var(--text);--nav-muted:var(--muted);--dong-1:#ec1f7c;--dong-2:#f08c00;--dong-3:#1670e0;--avatar-gap:#fff}.nav-inner[data-astro-cid-hkbrpulz]{pointer-events:auto;width:100%;max-width:var(--nav-wide,var(--page));height:var(--nav-height);transition:max-width var(--nav-time) var(--nav-ease), height var(--nav-time) var(--nav-ease), margin-top var(--nav-time) var(--nav-ease), padding var(--nav-time) var(--nav-ease), background .5s, border-color .5s, box-shadow .5s, backdrop-filter .5s;background:#fff0;border:1px solid #0000;border-radius:999px;justify-content:space-between;align-items:center;margin:0 auto;padding:0 clamp(16px,4vw,32px);display:flex}.nav[data-astro-cid-hkbrpulz][data-shape=pill] .nav-inner[data-astro-cid-hkbrpulz]{max-width:var(--nav-pill,min(600px, calc(100% - 24px)));backdrop-filter:blur(16px)saturate(1.4);background:#fffc;border-color:#0a0a0a12;height:50px;margin-top:8px;padding:0 20px 0 6px;box-shadow:0 10px 34px -14px #00000038,0 1px 2px #0000000a}.nav[data-astro-cid-hkbrpulz].no-anim .nav-inner[data-astro-cid-hkbrpulz],.nav[data-astro-cid-hkbrpulz].no-anim .avatar[data-astro-cid-hkbrpulz]{transition:none}.brand[data-astro-cid-hkbrpulz]{color:var(--nav-strong);align-items:center;gap:10px;display:inline-flex}.avatar[data-astro-cid-hkbrpulz]{width:38px;height:38px;transition:rotate var(--nav-time) var(--nav-ease);background:conic-gradient(from 200deg,#ff3d9a,#ffb400,#2aa8ff,#ff3d9a);border-radius:50%;flex-shrink:0;padding:2px;rotate:0deg}.nav[data-astro-cid-hkbrpulz][data-shape=pill] .avatar[data-astro-cid-hkbrpulz]{rotate:var(--roll,0deg)}.avatar[data-astro-cid-hkbrpulz] img[data-astro-cid-hkbrpulz]{object-fit:cover;border:2px solid var(--avatar-gap);border-radius:50%;width:100%;height:100%;transition:border-color .5s;display:block}.wordmark[data-astro-cid-hkbrpulz]{letter-spacing:.02em;white-space:nowrap;align-items:baseline;font-size:19px;font-weight:800;line-height:1;display:inline-flex}.hao[data-astro-cid-hkbrpulz]{margin-right:2px;transition:color .5s}.dong[data-astro-cid-hkbrpulz]{transform-origin:50% 90%;margin-left:4px;transition:color .5s;display:inline-block}.d1[data-astro-cid-hkbrpulz]{color:var(--dong-1);translate:0 1px;rotate:-8deg}.d2[data-astro-cid-hkbrpulz]{color:var(--dong-2);translate:0 -3px;rotate:5deg}.d3[data-astro-cid-hkbrpulz]{color:var(--dong-3);translate:0;rotate:-4deg}@keyframes dong{0%{transform:none}28%{transform:translateY(-12px)scale(.92,1.1)}52%{transform:translateY(0)scale(1.12,.86)}72%{transform:translateY(-4px)scale(.98,1.03)}to{transform:none}}.brand[data-astro-cid-hkbrpulz].beat .dong[data-astro-cid-hkbrpulz]{animation:.52s cubic-bezier(.3,.7,.3,1) both dong}.brand[data-astro-cid-hkbrpulz].beat .d1[data-astro-cid-hkbrpulz]{animation-delay:.16s}.brand[data-astro-cid-hkbrpulz].beat .d2[data-astro-cid-hkbrpulz]{animation-delay:.28s}.brand[data-astro-cid-hkbrpulz].beat .d3[data-astro-cid-hkbrpulz]{animation-delay:.4s}nav[data-astro-cid-hkbrpulz]{gap:clamp(16px,3vw,30px);font-size:14px;display:flex}nav[data-astro-cid-hkbrpulz] a[data-astro-cid-hkbrpulz]{color:var(--nav-muted);white-space:nowrap;padding:8px 0;transition:color .3s}nav[data-astro-cid-hkbrpulz] a[data-astro-cid-hkbrpulz]:hover,nav[data-astro-cid-hkbrpulz] a[data-astro-cid-hkbrpulz][aria-current=page]{color:var(--nav-strong)}@media (prefers-reduced-motion:reduce){.nav-inner[data-astro-cid-hkbrpulz],.avatar[data-astro-cid-hkbrpulz]{transition:none}.nav[data-astro-cid-hkbrpulz][data-shape=pill] .avatar[data-astro-cid-hkbrpulz]{rotate:0deg}.brand[data-astro-cid-hkbrpulz].beat .dong[data-astro-cid-hkbrpulz]{animation:none}}.footer[data-astro-cid-hkbrpulz]{border-top:1px solid var(--line);color:var(--faint);font-size:13px}.footer-inner[data-astro-cid-hkbrpulz]{justify-content:space-between;gap:16px;padding-top:28px;padding-bottom:28px;display:flex}.footer[data-astro-cid-hkbrpulz] a[data-astro-cid-hkbrpulz]:hover{color:var(--text)}